@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->workshop as $item)
                                            @if ($item)
                                                <input type="hidden" name="workshop[]" value="{{ $item }}">
                                            @endif
                                        @endforeach
                                        <input type="hidden" name="is_resident" value="{{ $request->is_resident }}">
                                        <input type="hidden" name="isAd" value="{{ $request->isAd }}">
                                        <input type="hidden" name="isFee" value="{{ $request->isFee }}">
                                        <input type="hidden" name="isBDC" value="{{ $request->isBDC }}">
                                        <input type="hidden" name="is_before_date" value="{{ $request->is_before_date }}">
                                        <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;
                                                            $formationTiers = [
                                                                1 => 40,
                                                                2 => 80,
                                                                3 => 100,
                                                                4 => 130,
                                                                5 => 150,
                                                            ];
                                                            $total = 0;
                                                            $formations = [];
                                                            $inscription = null;
                                                            $others = [];

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

                                                                if ($workshop->f2 === 'formation') {
                                                                    $formations[] = [
                                                                        'workshop' => $workshop,
                                                                        'price' => $price,
                                                                    ];
                                                                } elseif ($workshop->f2 === 'inscription') {
                                                                    $inscription = [
                                                                        'workshop' => $workshop,
                                                                        'price' => $price,
                                                                    ];
                                                                    $total += $price;
                                                                } else {
                                                                    $others[] = [
                                                                        'workshop' => $workshop,
                                                                        'price' => $price,
                                                                    ];
                                                                    $total += $price;
                                                                }
                                                            }

                                                            $formationCount = count($formations);
                                                            $formationTotal =
                                                                $formationTiers[$formationCount] ??
                                                                $formationCount * 40;
                                                            $total += $formationTotal;
                                                        @endphp
                                                        @if ($inscription)
                                                            <tr>
                                                                <td class="text-start">
                                                                    <span>{{ $inscription['workshop']->titre }}</span>
                                                                </td>
                                                                <td class="text-center text-end text-nowrap">
                                                                    <span>{{ $inscription['price'] }} TND</span>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        @if ($formationCount > 0)
                                                            <tr>
                                                                <td class="text-start">
                                                                    <span>Ateliers ({{ $formationCount }})</span>
                                                                    <ul class="mt-2 ms-3">
                                                                        @foreach ($formations as $f)
                                                                            <li>{{ $f['workshop']->titre }}</li>
                                                                        @endforeach
                                                                    </ul>
                                                                </td>
                                                                <td class="text-center text-end text-nowrap">
                                                                    <span>{{ $formationTotal }} TND</span>
                                                                </td>
                                                            </tr>
                                                        @endif
                                                        @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>
                                                <div class="form-group">
                                                    <label class="col-form-label">Mode de paiement : <span
                                                            class="asterisk">*</span></label>
                                                    @foreach ($paimentModes as $key => $paimentMode)
                                                        @if ($request->isBDC == 1 && $paimentMode == 'Bon de commande')
                                                            <div class="form-check">
                                                                <input
                                                                    {{ old('paiement_mode', isset($participant) && isset($participant->paiement_mode) && $participant->paiement_mode == $paimentMode ? 'checked' : '') }}
                                                                    value="{{ $paimentMode }}" class="form-check-input"
                                                                    type="radio" name="paiement_mode"
                                                                    id="paiement-mode-{{ $key }}"
                                                                    data-key="{{ $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>
                                                        @elseif ($request->isBDC == 0 && $paimentMode != 'Bon de commande')
                                                            <div class="form-check">
                                                                <input
                                                                    {{ old('paiement_mode', isset($participant) && isset($participant->paiement_mode) && $participant->paiement_mode == $paimentMode ? 'checked' : '') }}
                                                                    value="{{ $paimentMode }}" class="form-check-input"
                                                                    type="radio" name="paiement_mode"
                                                                    id="paiement-mode-{{ $key }}"
                                                                    data-key="{{ $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>
                                                        @endif
                                                    @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>
                                                {{-- <div class="mb-4">
                                                    <p class="bold text-blue mb-2">
                                                        Voici les coordonnées bancaire :
                                                    </p>
                                                    <ul>
                                                        <li><span class="bold">Banque :</span> BIAT</li>
                                                        <li><span class="bold">Agence :</span> MONASTIR II</li>
                                                        <li><span class="bold">Titulaire du compte :</span> STMGF</li>
                                                        <li><span class="bold">RIB :</span> 08 033 0120720037608 77</li>
                                                    </ul>
                                                </div> --}}
                                            </div>
                                        </div>
                                        <div class="text-start">
                                            <div class="row justify-content-md-center">
                                                <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" type="submit">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 form = document.getElementById('form1');
            const radios = document.querySelectorAll('input[name="paiement_mode"]');
            const laboGroup = document.getElementById('labo-group');
            const laboInput = laboGroup.querySelector('input[name="prise_charge_labo"]');
            const defaultAction = form.action;
            const flouciAction = '{{ route('flouci.initiate') }}';

            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 = '';
                }
            }

            function updateFormAction() {
                const checked = document.querySelector('input[name="paiement_mode"]:checked');
                if (checked && checked.dataset.key === 'flouci') {
                    form.action = flouciAction;
                } else {
                    form.action = defaultAction;
                }
            }

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