{{-- @php
    use App\Models\Event;
    use App\Models\User;
    use App\Models\Participant;
    $event = Event::find(1);
    $paimentModes = $event->paiements()->where('visible_fe', 1)->pluck('name', 'key');
    $user = User::find(Auth::user()->id);
    $participant = Participant::where('user_id', $user->id)->first();
@endphp

@extends('frontend.mediknode.layout.mainlayout')
@section('content')
    <section class="cover-background full-screens ipad-top-space-margin py-0 md-h-300px sm-h-300px"
        style="background-image:url({{ URL::asset('/assets/frontend/mediknode/img/j.jpg') }});">
        <div class="opacity-extra-medium bg-black"></div>
        <div class="container h-100">
            <div class="row align-items-center justify-content-center h-300px sm-h-300px">
                <div class="col-xl-10 col-lg-10 col-md-10 position-relative z-index-1 mt-4">
                    <div class="d-flex justify-content-center">
                        <h3 class="alt-font text-white fw-600 text-center letter-spacing-2px">Inscription</h3>
                        <h3 class="alt-font text-white fw-600 text-center letter-spacing-2px">&nbsp;FPI Tunis 2025</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="pt-2">
        <div class="container">
            <div class="row row-cols-md-1 justify-content-center">
                <div class="col-xl-12">
                    <div class="bg-white p-4 pt-3 pb-3 border-radius-6px box-shadow-double-large">
                        <h6 class="text-blue text-center" style="margin-top: 13px;">Choix mode de paiement</h6>
                        <div class="row contact-form-style-02">
                            <div class="col-md-12">
                                <div class="form-control-plaintext"><span class="fw-bold">Code pré-inscription :</span>
                                    {{ $participant->code_pre_registration }}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-control-plaintext">{{ $participant->user->civility }}
                                    {{ $participant->user->firstname }} {{ $participant->user->name }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-control-plaintext"><span class="fw-bold">Email :</span>
                                    {{ $participant->user->email }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-control-plaintext"><span class="fw-bold">Téléphone :</span>
                                    {{ $participant->user->phone }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-control-plaintext"><span class="fw-bold">Ville :</span>
                                    {{ $participant->user->city }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-control-plaintext"><span class="fw-bold">Pays :</span>
                                    {{ $participant->user->country }}
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-control-plaintext"><span class="fw-bold">Domaine d'activité :</span>
                                    {{ $participant->user->domain }}
                                </div>
                            </div>
                            @if ($participant->user->specialty)
                                <div class="col-md-12">
                                    <div class="form-control-plaintext"><span class="fw-bold">Spécialité :</span>
                                        {{ $participant->user->specialty }}
                                    </div>
                                </div>
                            @endif
                            @if ($participant->user->mode)
                                <div class="col-md-12">
                                    <div class="form-control-plaintext"><span class="fw-bold">Mode d'exercice :</span>
                                        {{ $participant->user->mode }}
                                    </div>
                                </div>
                            @endif
                            @if ($participant->user->cnopt_number)
                                <div class="col-md-12">
                                    <div class="form-control-plaintext"><span class="fw-bold">Numéro d'inscription au CNOPT
                                            :</span>
                                        {{ $participant->user->cnopt_number }}
                                    </div>
                                </div>
                            @endif
                            @if ($participant->user->student_id)
                                <div class="col-md-12">
                                    <div class="form-control-plaintext"><span class="fw-bold">Identifiant étudiant :</span>
                                        {{ $participant->user->student_id }}
                                    </div>
                                </div>
                            @endif
                            <form method="POST" action="{{ route('inscription.update') }}">
                                @csrf
                                <div class="col-md-12">
                                    <div class="form-control-plaintext"><span class="fw-bold">Frais inscription :</span>
                                        <span class="text-green fw-bold">{{ $participant->total_price }} TND</span>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-control-plaintext"><span class="fw-bold">Mode de paiement :</span>
                                        @foreach ($paimentModes as $key => $paimentMode)
                                            <div class="form-check mt-1">
                                                <input
                                                    {{ old('paiement_mode', isset($participant) && isset($participant->paiement_mode) && $participant->paiement_mode == $paimentMode ? '' : '') }}
                                                    value="{{ $paimentMode }}" class="form-check-input paiement-mode"
                                                    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>

                                <div id="bank-details" class="mt-3 p-2 alert alert-info border rounded">
                                    <p class="mb-1 fw-bold">Coordonnées bancaire :</p>
                                    <p class="mb-0"><span class="fw-bold">Compte :</span> Conseil National de l'Ordre des
                                        Pharmaciens en Tunisie (CNOPT)</p>
                                    <p class="mb-0"><span class="fw-bold">Banque :</span> UIB</p>
                                    <p class="mb-0"><span class="fw-bold">RIB :</span> 12 030 00 00093007655 64</p>
                                    <p class="mb-0"><span class="fw-bold">IBAN :</span> TN59 12 030 00
                                        00093007655 64</p>
                                    <p class="mb-0"><span class="fw-bold">SWIFT / BIC :</span> UIBKTNTT</p>
                                </div>

                                <div class="d-flex justify-content-center gap-3 mt-3">
                                    <button class="btn btn-base-color btn-large btn-rounded" type="submit">Valider</button>
                                </div>
                                <input type="hidden" name="konnect_firstName" value="{{ $participant->user->firstname }}">
                                <input type="hidden" name="konnect_lastName" value="{{ $participant->user->name }}">
                                <input type="hidden" name="konnect_amount" value="{{ $participant->total_price }}">
                                <input type="hidden" name="konnect_phone" value="{{ $participant->user->phone }}">
                                <input type="hidden" name="konnect_email" value="{{ $participant->user->email }}">
                                <input type="hidden" name="participant_already_created" value="1">
                                <input type="hidden" name="uid" value="{{ $participant->uid }}">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


@section('scripts')
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const form = document.querySelector("form");
            const radioKonnect = document.getElementById("paiement-mode-konnect");
            const defaultAction = form.action; // Sauvegarde l'action par défaut

            document.querySelectorAll(".paiement-mode").forEach(radio => {
                radio.addEventListener("change", function() {
                    if (radioKonnect.checked) {
                        console.log('konnect');
                        form.action = "{{ route('payment-register.initiate') }}";
                    } else {
                        console.log('default');
                        form.action = defaultAction;
                    }
                });
            });
        });
    </script>
@endsection --}}

<h1>paiement</h1>