@extends('frontend.inc.layout-front')
@section('title')
    Invitation || {{ env('APP_NAME') }}
@endsection

@section('container')
    <style>
        label {
            font-weight: bold;
        }
    </style>
    <!-- home 4grids block -->
    <section class="services-w3l-block py-5 mt-5" id="features" style="background-color: #f4f4f4; margin-bottom=-2rem;">
        <div class="container py-md-5 py-4">
            <div class="row">
                @mobile()
                    <div class="col-12 mx-auto card">
                        <div class="card-body">
                            <h3 class="text-center color-theme mb-4 mt-2" style="font-size:110%; font-weight: bold;">
                                Formulaire de demande de<br>
                                Lettre d'invitation
                            </h3>
                        @endmobile

                        @desktop
                            <div class="col-8 mx-auto card">
                                <div class="card-body">
                                    <h3 class="text-center color-theme mb-2 mt-4" style="font-weight: bold;">
                                        Formulaire de demande de Lettre d'invitation
                                    </h3>
                                @enddesktop
                                <div class="row mb-2 p-3">
                                    <p class="p-3 my-3 bg-theme-yellow"
                                        style="background;:#fbfbef; text-align:justify; border:0.7px solid #ccc; ">
                                        Ce formulaire est destiné à tous les Lions, Conjoint(e)s et Leos inscrits à la
                                        Convention-Congrès de Cotonou en vue de leur faciliter les formalités
                                        administratives et de police.<br>

                                        Vous êtes prié(e) de renseigner convenablement les différents champs.<br>
                                        <b>Vous devez aussi vous assurer du paiement effectif de votre inscription avant de
                                            remplir le présent formulaire.</b>
                                    </p>
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <strong>Error!</strong>
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                    <!-- formulaire de vérification de l'adresse mail -->
                                    @if ($check_email == false)
                                        <form id="form-data" action="{{ route('invitation') }}" method="post">
                                            @csrf
                                            <div class="row mt-0">
                                                <div class="form-group col-md-12 mb-3">
                                                    <label for="" class="form-label">Saisissez l'adresse e-mail
                                                        utilisée lors de l'inscription <i class="text-danger">*</i>
                                                        <br> <span class="text-secondary">Pour les Conjoint(e)s et
                                                            invité(e)s, l'e-mail du Lions suffira.</span>
                                                    </label>

                                                    <input type="email" name="email" value="{{ $email }}"
                                                        id="email" class="form-control" required
                                                        placeholder="votre e-mail" aria-describedby="helpId">
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group col-md-4 mx-autot">
                                                        <button type="submit"  class="btn btn-warning btn-lg text-center"
                                                            id="valider" style="border-radius: 25px;">Vérifier<i
                                                                class="bi bi-chevron-right"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    @endif
                                    <!-- end formulaire de vérification de l'adresse mail -->

                                    <!-- formulaire de demande  -->
                                    @if ($check_email)
                                        <form id="form-data" action="{{ route('invitation.store') }}" method="post">
                                            @csrf
                                            <input type="hidden" required name="inscription_id" id="inscription_id" value="{{ Crypt::encrypt($inscrit->id) }}">
                                            <input type="hidden" required name="have_paiement" value="{{$have_paiement}}">
                                            <div class="row mt-0 mb-3">
                                                <div class="form-group col-md-12 mb-3">
                                                    <label for="" class="form-label">Votre adresse e-mail
                                                        d'inscription <i class="text-danger">*</i></label>
                                                    <input type="email" name="email" id="email" class="form-control"
                                                        required placeholder="votre e-mail" readonly
                                                        value="{{ $email }}" aria-describedby="helpId">
                                                </div>
                                            </div>
                                            <div class="row mt-0 mb-4">
                                                <div class="form-group col-md-4 mb-3">
                                                    <label for="" class="form-label">Prénoms <i
                                                            class="text-danger">*</i></label>
                                                    <input type="text" readonly value="{{ $inscrit->prenoms }}"
                                                        name="prenoms" id="prenoms" class="form-control" required
                                                        placeholder="Saisissez votre prénoms" aria-describedby="helpId">
                                                </div>
                                                <div class="form-group col-md-4 mb-3">
                                                    <label for="label" class="form-label">Nom <i
                                                            class="text-danger">*</i></label>
                                                    <input type="text" value="{{ $inscrit->nom }}"
                                                        style="text-transform: uppercase;" name="nom" id="nom"
                                                        readonly class="form-control" placeholder="Saisissez votre nom"
                                                        required aria-describedby="helpId">
                                                </div>
                                                <div class="form-group col-md-4 mb-3">
                                                    <label for="label" class="form-label">Genre <i
                                                            class="text-danger">*</i></label>
                                                    <select class="form-select js-select" name="genre_id" id="genre_id"
                                                        required>
                                                        @if ($inscrit->genre_id)
                                                            <optgroup label="Valeur par défaut">
                                                                <option value="{{ $inscrit->genre_id }}">
                                                                    {{ $inscrit->getGenre->libelle }}</option>
                                                            </optgroup>
                                                            <optgroup label="Liste disponible">
                                                                @foreach ($genres as $item)
                                                                    <option value="{{ $item->id }}">
                                                                        {{ $item->libelle }}</option>
                                                                @endforeach
                                                            </optgroup>
                                                        @else
                                                            <option value="" selected>---Choisissez---</option>
                                                            @foreach ($genres as $item)
                                                                <option value="{{ $item->id }}">{{ $item->libelle }}
                                                                </option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row mt-0 mb-4">
                                                <div class="form-group col-md-4 mb-3">
                                                    <label for="" class="form-label">Numéro Passeport/CNI <i
                                                            class="text-danger">*</i></label>
                                                    <input type="text" value="{{ $inscrit->numero_piece }}"
                                                        name="numero_piece" id="numero_piece" class="form-control"
                                                        required placeholder="" aria-describedby="helpId">
                                                </div>
                                                <div class="form-group col-md-4 mb-3">
                                                    <label for="" class="form-label">Date d'expiration <i
                                                            class="text-danger">*</i></label>
                                                    <input type="date" name="date_piece"
                                                        id="date_piece"value="{{ $inscrit->date_piece ? $inscrit->date_piece : '' }}"
                                                        min="2023-05-05" class="form-control" required placeholder=""
                                                        value="" aria-describedby="helpId">
                                                </div>
                                                <div class="form-group col-md-4 mb-3">
                                                    <label for="label" class="form-label">Lieu de délivrance <i
                                                            class="text-danger">*</i></label>
                                                    <input type="text" value="{{ $inscrit->lieu_delivrance }}"
                                                        name="lieu_delivrance" id="lieu_delivrance" class="form-control"
                                                        placeholder="" required aria-describedby="helpId">
                                                </div>
                                            </div>

                                            <div class="row mt-0 mb-4">
                                                <div class="form-group col-md-6 mb-3">
                                                    <label for="" class="form-label">Date arrivée <i
                                                            class="text-danger">*</i></label>
                                                    <input type="date" name="date_arrivee" id="date_arrivee"
                                                        min="{{ date('Y-m-d') }}" class="form-control"
                                                        value="{{ $inscrit->date_arrivee }}" placeholder=""
                                                        aria-describedby="helpId">
                                                </div>
                                                <div class="form-group col-md-6 mb-3">
                                                    <label for="label" class="form-label">Date départ <i
                                                            class="text-danger"></i></label>
                                                    <input type="date" name="date_depart" id="date_depart"
                                                        min="2023-05-01" value="{{ $inscrit->date_depart }}"
                                                        class="form-control" aria-describedby="helpId">
                                                </div>
                                            </div>
                                            @isset($check_conjointe)

                                                @if ($check_conjointe)
                                                    @foreach ($liste_conjointe as $liste_conjointe)
                                                    <input type="hidden" required name="inscription_id_conjoint[]"
                                                    value="{{ Crypt::encrypt($liste_conjointe->id) }}">
                                                        <div class="row"
                                                            style="border-top: 2px dashed black; border-bottom: 2px dashed black; margin-bottom:15px; background-color:#9c9494; ">
                                                            Conjoint(e)/Invité(e)
                                                        </div>
                                                        <div class="row mt-0 mb-4">
                                                            <input type="hidden" value="{{ $liste_conjointe->id }}"
                                                                name="id_conjointe[]" required>
                                                            <div class="form-group col-md-4 mb-3">
                                                                <label for="" class="form-label">Prénoms <i
                                                                        class="text-danger">*</i></label>
                                                                <input type="text" readonly
                                                                    value="{{ $liste_conjointe->prenoms }}" name="prenoms_conjoint[]"
                                                                     class="form-control" required
                                                                    placeholder="Saisissez votre prénoms"
                                                                    aria-describedby="helpId">
                                                            </div>
                                                            <div class="form-group col-md-4 mb-3">
                                                                <label for="label" class="form-label">Nom <i
                                                                        class="text-danger">*</i></label>
                                                                <input type="text" value="{{ $liste_conjointe->nom }}"
                                                                    style="text-transform: uppercase;" name="nom_conjoint[]"
                                                                    readonly class="form-control"
                                                                    placeholder="Saisissez votre nom" required
                                                                    aria-describedby="helpId">
                                                            </div>
                                                            <div class="form-group col-md-4 mb-3">
                                                                <label for="label" class="form-label">Genre <i
                                                                        class="text-danger">*</i></label>
                                                                <select class="form-select js-select" name="genre_id_conjoint[]"
                                                                    required>
                                                                    @if ($liste_conjointe->genre_id)
                                                                        <optgroup label="Valeur par défaut">
                                                                            <option value="{{ $liste_conjointe->genre_id }}">
                                                                                {{ $liste_conjointe->getGenre->libelle }}
                                                                            </option>
                                                                        </optgroup>
                                                                        <optgroup label="Liste disponible">
                                                                            @foreach ($genres as $item)
                                                                                <option value="{{ $item->id }}">
                                                                                    {{ $item->libelle }}</option>
                                                                            @endforeach
                                                                        </optgroup>
                                                                    @else
                                                                        <option value="" selected>---Choisissez---
                                                                        </option>
                                                                        @foreach ($genres as $item)
                                                                            <option value="{{ $item->id }}">
                                                                                {{ $item->libelle }}</option>
                                                                        @endforeach
                                                                    @endif
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="row mt-0 mb-4">
                                                            <div class="form-group col-md-4 mb-3">
                                                                <label for="" class="form-label">Numéro Passeport/CNI
                                                                    <i class="text-danger">*</i></label>
                                                                <input type="text"
                                                                    value="{{ $liste_conjointe->numero_piece }}"
                                                                    name="numero_piece_conjoint[]"
                                                                    class="form-control" required placeholder=""
                                                                    aria-describedby="helpId">
                                                            </div>
                                                            <div class="form-group col-md-4 mb-3">
                                                                <label for="" class="form-label">Date d'expiration <i
                                                                        class="text-danger">*</i></label>
                                                                <input type="date" name="date_piece_conjoint[]"
                                                                    value="{{ $liste_conjointe->date_piece ? $liste_conjointe->date_piece : '' }}"
                                                                    min="2023-05-05" class="form-control" required
                                                                    placeholder="" aria-describedby="helpId">
                                                            </div>
                                                            <div class="form-group col-md-4 mb-3">
                                                                <label for="label" class="form-label">Lieu de délivrance <i
                                                                        class="text-danger">*</i></label>
                                                                <input type="text" name="lieu_delivrance_conjoint[]"
                                                                    value="{{ $liste_conjointe->lieu_delivrance }}"
                                                                    class="form-control" placeholder=""
                                                                    required aria-describedby="helpId">
                                                            </div>
                                                        </div>

                                                        <div class="row mt-0 mb-4">
                                                            <div class="form-group col-md-6 mb-3">
                                                                <label for="" class="form-label">Date arrivée <i
                                                                        class="text-danger">*</i></label>
                                                                <input type="date" name="date_arrivee_conjoint[]"
                                                                    min="{{ date('Y-m-d') }}" class="form-control"
                                                                    value="{{ $inscrit->date_arrivee }}" placeholder=""
                                                                    aria-describedby="helpId">
                                                            </div>
                                                            <div class="form-group col-md-6 mb-3">
                                                                <label for="label" class="form-label">Date départ <i
                                                                        class="text-danger"></i></label>
                                                                <input type="date" name="date_depart_conjoint[]"
                                                                    min="2023-05-01" value="{{ $inscrit->date_depart }}"
                                                                    class="form-control" aria-describedby="helpId">
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                    <input type="hidden" name="check_conjointe" value="1" readonly>
                                                    @else
                                                    <input type="hidden" name="check_conjointe" value="0" readonly>
                                                @endif

                                        @else
                                        <input type="hidden" name="check_conjointe" value="0" readonly>
                                        @endif
                                        {{-- BV retirer  avant mise en prod --}}
                                        <button type="submit"  class="btn btn-warning btn-lg text-center"
                                            id="valider" style="border-radius: 25px; padding:6px 25px;">Suivant<i
                                                class="bi bi-chevron-right"></i></button>

                                        </form>
                                        @endif
                                        <!-- end formulaire de demande  -->

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

        </section>
        <!-- home 4grids block -->



    @endsection
    @section('jsScript')
        <script>
            $(document).ready(function() {
                // ############### script de gestion des mails ####################

                // ############## end script de gestion des mails #########
            });
        </script>
    @endsection