@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    @component('frontend.mediknode.components.breadcrumb')
        @slot('title')
            Demande de Pré-inscription
        @endslot
        @slot('li_1')
            Demande de Pré-inscription
        @endslot
    @endcomponent
    <div class="dashboard-content">
        <div class="container">
            <div class="dashboard-details">
                <div class="row dashboard-info">
                    <div class="col-lg-12">
                        <div class="card dash-cards">
                            <div class="card-body">
                                <div class="profile-form">
                                    <form method="POST" id="form1" name="form1"
                                        action="{{ url('/event/' . $event->slug . '/participate/save') }}"
                                        class="needs-validation" novalidate>
                                        @csrf
                                        <input type="hidden" name="event_id" value="{{ $event->id }}">
                                        @foreach ($request->input('workshop', []) as $item)
                                            @if ($item)
                                                <input type="hidden" name="workshop[]" value="{{ $item }}">
                                            @endif
                                        @endforeach
                                        <input type="hidden" name="is_resident" value="{{ $request->is_resident ?? 0 }}">
                                        <input type="hidden" name="isAd" value="{{ $request->isAd ?? 0 }}">
                                        <input type="hidden" name="isFee" value="{{ $request->isFee ?? 0 }}">
                                        <input type="hidden" name="isBDC" value="{{ $request->isBDC ?? 0 }}">
                                        <input type="hidden" name="is_before_date"
                                            value="{{ $request->is_before_date ?? 0 }}">
                                        <input type="hidden" name="is_congressiste" value="1">

                                        <div class="row justify-content-md-center">
                                            <div class="col-md-8 col-lg-8">
                                                <div class="form-group">
                                                    <label class="col-form-label">Récapitulatif : </label>
                                                    <table class="blue-table">
                                                        <tr class="first-row">
                                                            <td class="text-start">
                                                                Désignation
                                                            </td>
                                                            <td class="text-center text-nowrap">
                                                                Prix
                                                            </td>
                                                        </tr>
                                                        @php
                                                            use App\Models\Workshop;
                                                            $total = 0;
                                                            $inscriptions = [];
                                                            $others = [];

                                                            foreach ($request->input('workshop', []) as $item) {
                                                                if (!$item) {
                                                                    continue;
                                                                }
                                                                $data = explode('|', $item);
                                                                $workshop = Workshop::getById($data[0]);
                                                                if (!$workshop) {
                                                                    continue;
                                                                }
                                                                $price = $data[1];

                                                                if ($workshop->f2 === 'inscription') {
                                                                    $inscriptions[] = [
                                                                        'workshop' => $workshop,
                                                                        'price' => $price,
                                                                    ];
                                                                } else {
                                                                    $others[] = [
                                                                        'workshop' => $workshop,
                                                                        'price' => $price,
                                                                    ];
                                                                }
                                                                $total += $price;
                                                            }
                                                        @endphp
                                                        @foreach ($inscriptions as $i)
                                                            <tr>
                                                                <td class="text-start">
                                                                    <span>{{ $i['workshop']->titre }}</span>
                                                                </td>
                                                                <td class="text-center text-end text-nowrap">
                                                                    <span>{{ $i['price'] }} TND</span>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        @foreach ($others as $o)
                                                            <tr>
                                                                <td class="text-start">
                                                                    <span>{{ $o['workshop']->titre }}</span>
                                                                </td>
                                                                <td class="text-center text-end text-nowrap">
                                                                    <span>{{ $o['price'] }} TND</span>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                        <tr class="first-row">
                                                            <td class="text-start bold">
                                                                Total
                                                            </td>
                                                            <td class="text-center text-end text-nowrap bold">
                                                                <span>{{ $total }} TND</span>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                @if ($total > 0)
                                                    <div class="form-group">
                                                        <label class="col-form-label">Mode de paiement : <span
                                                                class="asterisk">*</span></label>
                                                        @foreach ($paimentModes as $key => $paimentMode)
                                                            <div class="form-check">
                                                                <input value="{{ $paimentMode }}"
                                                                    class="form-check-input" type="radio"
                                                                    name="paiement_mode"
                                                                    id="paiement-mode-{{ $key }}" required>
                                                                <label class="form-check-label"
                                                                    for="paiement-mode-{{ $key }}">
                                                                    {{ $paimentMode }}
                                                                </label>
                                                                @if ($loop->last)
                                                                    <div class="invalid-feedback">Choisir votre mode de
                                                                        paiement
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                    <div class="form-group mt-3" id="labo-group" style="display: none;">
                                                        <label class="col-form-label">Nom du laboratoire : <span
                                                                class="asterisk">*</span></label>
                                                        <input type="text" name="prise_charge_labo" class="form-control"
                                                            placeholder="Saisir le nom du laboratoire">
                                                    </div>
                                                @else
                                                    <input type="hidden" name="paiement_mode" value="Autre">
                                                @endif
                                            </div>
                                        </div>
                                        <div class="text-start">
                                            <div class="row justify-content-md-center mt-4">
                                                <div class="col-lg-6 col-md-8">
                                                    <div class="d-flex justify-content-center">
                                                        <a href="{{ url('/event/' . $event->slug . '/participate/step1') }}"
                                                            class="btn btn-gray me-2 login-btn">Modifier
                                                            votre inscription</a>
                                                        <button class="btn btn-primary login-btn" type="submit">Confirmer
                                                            votre inscription</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @component('frontend.mediknode.components.scrolltotop')
    @endcomponent

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const laboGroup = document.getElementById('labo-group');

            if (!laboGroup) {
                return;
            }

            const radios = document.querySelectorAll('input[name="paiement_mode"]');
            const laboInput = laboGroup.querySelector('input[name="prise_charge_labo"]');

            function toggleLabo() {
                const checked = document.querySelector('input[name="paiement_mode"]:checked');
                if (checked && checked.value === 'Prise en charge') {
                    laboGroup.style.display = 'block';
                    laboInput.required = true;
                } else {
                    laboGroup.style.display = 'none';
                    laboInput.required = false;
                    laboInput.value = '';
                }
            }

            radios.forEach(r => r.addEventListener('change', toggleLabo));
            toggleLabo();
        });
    </script>
@endsection