@extends('layouts.master')

@section('content')
    <!--begin::Wrapper-->
    <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">

        <!--begin::Main-->
        <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
            <!--begin::Content wrapper-->
            <div class="d-flex flex-column flex-column-fluid">
                <!--begin::Toolbar-->
                <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
                    <!--begin::Toolbar container-->
                    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                        <!--begin::Page title-->
                        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                            <!--begin::Title-->
                            <h1
                                class="page-heading d-flex text-gray-900 fw-bold fs-3 flex-column justify-content-center my-0">
                                Inscription</h1>
                            <!--end::Title-->
                            <!--begin::Breadcrumb-->
                            <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-muted">
                                    <a href="index.html" class="text-muted text-hover-primary">Home</a>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item">
                                    <span class="bullet bg-gray-500 w-5px h-2px"></span>
                                </li>
                                <!--end::Item-->
                                <!--begin::Item-->
                                <li class="breadcrumb-item text-muted">Inscription</li>
                                <!--end::Item-->
                            </ul>
                            <!--end::Breadcrumb-->
                        </div>
                        <!--end::Page title-->
                    </div>
                    <!--end::Toolbar container-->
                </div>
                <!--end::Toolbar-->
                <!--begin::Content-->
                <div id="kt_app_content" class="app-content flex-column-fluid">
                    <!--begin::Content container-->
                    <div id="kt_app_content_container" class="app-container container-xxl">

                        @if (session()->has('success'))
                            <!--begin::Alert-->
                            <div class="alert alert-dismissible bg-success d-flex flex-column flex-sm-row w-100 p-5 mb-10">
                                <!--begin::Content-->
                                <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                                    <h4 class="mb-2 text-light">{{ session('success') }}</h4>
                                </div>
                                <!--end::Content-->
                            </div>
                            <!--end::Alert-->
                        @endif

                        @if (session()->has('error'))
                            <!--begin::Alert-->
                            <div class="alert alert-dismissible bg-danger d-flex flex-column flex-sm-row w-100 p-5 mb-10">
                                <!--begin::Content-->
                                <div class="d-flex flex-column text-light pe-0 pe-sm-10">
                                    <h4 class="mb-2 text-light">{{ session('error') }}</h4>
                                </div>
                                <!--end::Content-->
                            </div>
                            <!--end::Alert-->
                        @endif

                        <!--begin::Card-->
                        <div class="card w-md-800px mx-auto mb-5 mb-xl-10">

                            <!--begin::Content-->
                            <div id="kt_account_settings_profile_details" class="collapse show">
                                <!--begin::Form-->
                                <form id="kt_account_profile_details_form"
                                    class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate"
                                    method="POST" action="{{ route('quiz.store') }}">

                                    @csrf
                                    <!--begin::Card body-->
                                    <div class="card-body border-top p-9">

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Nom du
                                                Candidat Principal (Si vous êtes en équipe)</label>
                                            <input type="text"
                                                placeholder="Nom du Candidat Principal (Si vous êtes en équipe)"
                                                name="lastname" class="form-control bg-transparent" />
                                            @error('lastname')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Prénom
                                                (Candidat Principal)</label>
                                            <input type="text" placeholder="Prénom (Candidat Principal)"
                                                name="firstname" class="form-control bg-transparent" />
                                            @error('firstname')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Sex</label>
                                            <select type="text" placeholder="Sex" name="sex"
                                                class="form-control bg-transparent">
                                                <option value="Masculin">Masculin</option>
                                                <option value="Féminin">Féminin</option>
                                            </select>
                                            @error('sex')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Date de
                                                naissance</label>
                                            <input type="date" placeholder="Date de naissance" name="birthdate"
                                                class="form-control bg-transparent" />
                                            @error('birthdate')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1"
                                                class="required form-label">Adresse</label>
                                            <input type="text" placeholder="Adresse" name="address"
                                                class="form-control bg-transparent" />
                                            @error('address')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1"
                                                class="required form-label">Ville</label>
                                            <input type="text" placeholder="Ville" name="city"
                                                class="form-control bg-transparent" />
                                            @error('city')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1"
                                                class="required form-label">Wilaya</label>
                                            <input type="text" placeholder="Wilaya" name="state"
                                                class="form-control bg-transparent" />
                                            @error('state')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Numéro de
                                                téléphone</label>
                                            <input type="tel" placeholder="Numéro de téléphone" name="phone_number"
                                                class="form-control bg-transparent" />
                                            @error('phone_number')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Adresse
                                                mail</label>
                                            <input type="email" placeholder="Adresse mail" name="email"
                                                class="form-control bg-transparent" value="{{ auth()->user()->email }}"
                                                readonly />
                                            @error('email')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="professional_status" class="required form-label">Statut
                                                professionnel</label>
                                            <select class="form-control bg-transparent" name="professional_status"
                                                id="professional_status">
                                                <option value="" disabled selected>Sélectionnez votre statut</option>
                                                <option value="Étudiant">Étudiant</option>
                                                <option value="Formation professionnelle">Formation professionnelle
                                                </option>
                                                <option value="Employé occasionnel/permanent">Employé occasionnel/permanent
                                                </option>
                                                <option value="Chômeur">Chômeur</option>
                                                <option value="Autre">Autre</option>
                                            </select>
                                            @error('professional_status')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="educational_level" class="required form-label">Plus haut niveau
                                                scolaire</label>
                                            <select class="form-control bg-transparent" name="educational_level"
                                                id="educational_level">
                                                <option value="" disabled selected>Sélectionnez votre niveau</option>
                                                <option value="Primaire">Primaire</option>
                                                <option value="Collège">Collège</option>
                                                <option value="Lycée">Lycée</option>
                                                <option value="Université">Université</option>
                                                <option value="Master/Doctorat">Master/Doctorat</option>
                                                <option value="Autre">Autre</option>
                                            </select>
                                            @error('educational_level')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <!--begin::Separator-->
                                        <div class="separator separator-content my-14">
                                            <span class="w-125px text-gray-500 fw-semibold fs-7">Mon idée / Mon
                                                projet</span>
                                        </div>
                                        <!--end::Separator-->

                                        <div class="row mb-6">
                                            <label for="idea_bearer" class="required form-label">Un porteur d’idée</label>
                                            <select class="form-control bg-transparent" name="idea_bearer"
                                                id="idea_bearer">
                                                <option value="" disabled selected>Sélectionnez votre niveau d'idée
                                                </option>
                                                <option
                                                    value="Idée brève (Je sais ce que j'aimerais faire, mais il me manque beaucoup de détails)">
                                                    Idée brève (Je sais ce que j'aimerais faire, mais il me manque beaucoup
                                                    de détails)
                                                </option>
                                                <option
                                                    value="Idée concrète (J'ai déjà recherché sur mon idée, j'ai un premier BMC, etc.)">
                                                    Idée concrète (J'ai déjà recherché sur mon idée, j'ai un premier BMC,
                                                    etc.)
                                                </option>
                                                <option
                                                    value="Idée avancée (Je suis (presque) prêt à travailler sur un prototype et j'ai passé au moins 6 mois sur l'élaboration)">
                                                    Idée avancée (Je suis (presque) prêt à travailler sur un prototype et
                                                    j'ai passé au moins 6 mois sur l'élaboration)
                                                </option>
                                            </select>
                                            @error('idea_bearer')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="innovative_project_or_labeled_startup"
                                                class="required form-label">
                                                Projet innovant ou startup labellisés (Sélection unique)
                                            </label>
                                            <select class="form-control bg-transparent"
                                                name="innovative_project_or_labeled_startup"
                                                id="innovative_project_or_labeled_startup">
                                                <option value="" disabled selected>Sélectionnez une option</option>
                                                <option value="Projet Innovant">Projet Innovant</option>
                                                <option value="Startup">Startup</option>
                                                <option value="Demande soumise - en cours de labellisation">Demande soumise
                                                    - en cours de labellisation</option>
                                            </select>
                                            @error('innovative_project_or_labeled_startup')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Titre de
                                                l’idée ou intitulé du projet</label>
                                            <input type="text" placeholder="Titre de l’idée ou intitulé du projet"
                                                name="project_name" class="form-control bg-transparent" />
                                            @error('project_name')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Décrivez
                                                votre idée ou projet, en incluant : le descriptif de la solution et pour qui
                                                elle est adressée (maximum 500 mots)</label>
                                            <textarea name="project_description" rows="5" class="form-control bg-transparent"></textarea>
                                            @error('project_description')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="type_solution" class="required form-label">Type de
                                                solution</label>
                                            <select class="form-control bg-transparent" name="type_solution"
                                                id="type_solution">
                                                <option value="" disabled selected>-- Sélectionnez un type de
                                                    solution --</option>
                                                <option value="Produit">Produit</option>
                                                <option value="Service">Service</option>
                                            </select>
                                            @error('type_solution')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">Décrivez
                                                pourquoi votre idée est pensée pour l’agritech. Si vous avez une idée sans
                                                composante agritech, décrivez quel type de technologie serait envisageable
                                                d’être intégré ? (Maximum 300 mots).</label>
                                            <textarea name="why_designed_agritech" rows="5" class="form-control bg-transparent"></textarea>
                                            @error('why_designed_agritech')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <!--begin::Separator-->
                                        <div class="separator separator-content my-14">
                                            <span class="w-125px text-gray-500 fw-semibold fs-7">Mes capacités
                                                entrepreneuriales</span>
                                        </div>
                                        <!--end::Separator-->

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">De 1 à 10, à
                                                quel point vous sentez-vous capable de lancer et gérer une start-up</label>
                                            <input type="number" min="1" max="10" name="capable_startup"
                                                class="form-control bg-transparent" />
                                            @error('capable_startup')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">De 1 à 10,
                                                estimez-vous avoir les compétences techniques et entrepreneuriales
                                                nécessaires pour lancer et gérer une start-up dans l’agritech</label>
                                            <input type="number" min="1" max="10"
                                                name="competence_startup" class="form-control bg-transparent" />
                                            @error('competence_startup')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>


                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">De 1 à 10,
                                                dans quelle mesure comprenez-vous les défis spécifiques du secteur agritech
                                                et comment les surmonter</label>
                                            <input type="number" min="1" max="10"
                                                name="understand_challenges" class="form-control bg-transparent" />
                                            @error('understand_challenges')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label for="exampleFormControlInput1" class="required form-label">De 1 à 10, à
                                                quel point vous sentez-vous capable de développer un prototype ou un produit
                                                minimum viable (MVP) pour votre projet</label>
                                            <input type="number" min="1" max="10" name="develop_prototype"
                                                class="form-control bg-transparent" />
                                            @error('develop_prototype')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" name="toc"
                                                    value="1" {{ old('toc') ? 'checked' : '' }} />
                                                <span class="form-check-label fw-semibold text-gray-700 fs-base ms-1">
                                                    J’accepte les
                                                    <a href="#" class="ms-1 link-primary" data-bs-toggle="modal"
                                                        data-bs-target="#privacyPolicy">termes et conditions
                                                        d’utilisation</a>
                                                </span>
                                            </label>
                                            @error('toc')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>

                                        <div class="row mb-6">
                                            <label class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" name="data_consent"
                                                    value="1" {{ old('data_consent') ? 'checked' : '' }} />
                                                <span class="form-check-label fw-semibold text-gray-700 fs-base ms-1">
                                                    Je consens à ce que mes données soient utilisées à des fins de sélection
                                                    et de communication.
                                                </span>
                                            </label>
                                            @error('data_consent')
                                                <div
                                                    class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                    </div>
                                    <!--end::Card body-->

                                    <!--begin::Actions-->
                                    <div class="card-footer d-flex justify-content-end py-6 px-9">
                                        <button type="submit" class="btn btn-primary"
                                            id="kt_account_profile_details_submit">Soumettre</button>
                                    </div>
                                    <!--end::Actions-->
                                    <input type="hidden">
                                </form>
                                <!--end::Form-->
                            </div>
                            <!--end::Content-->
                        </div>
                        <!--end::Card-->
                    </div>
                    <!--end::Content container-->
                </div>
                <!--end::Content-->
            </div>
            <!--end::Content wrapper-->
        </div>
        <!--end:::Main-->
    </div>
    <!--end::Wrapper-->
@endsection

@section('modal')
    <div class="modal fade" tabindex="-1" id="privacyPolicy">
        <div class="modal-dialog">
            <div class="modal-content shadow-none">
                <div class="modal-header">
                    <h5 class="modal-title">Politique de Confidentialité</h5>

                    <!--begin::Close-->
                    <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal"
                        aria-label="Close">
                        <i class="ki-duotone ki-cross fs-2x"><span class="path1"></span><span class="path2"></span></i>
                    </div>
                    <!--end::Close-->
                </div>

                <div class="modal-body">
                    <p>Chez [Mettre le nom de la personne morale juridique en charge de Algerian Agripreneurs], nous nous
                        engageons à protéger et à respecter votre vie privée...</p>

                    <h2>1. Données que nous collectons</h2>
                    <ul>
                        <li><strong>Données personnelles :</strong> Nom, prénom, sexe, date de naissance, adresse, ville,
                            wilaya.</li>
                        <li><strong>Coordonnées :</strong> Numéro de téléphone, adresse e-mail.</li>
                        <li><strong>Informations socio-économiques :</strong> Statut professionnel, niveau scolaire.</li>
                        <li><strong>Compétences et idées :</strong> Réponses aux questions sur vos compétences
                            entrepreneuriales et techniques...</li>
                    </ul>

                    <h2>2. Utilisation des données</h2>
                    <ul>
                        <li>Gestion des inscriptions</li>
                        <li>Communication</li>
                        <li>Amélioration des services</li>
                        <li>Sélection des candidats</li>
                        <li>Conformité légale</li>
                    </ul>

                    <h2>3. Partage des données</h2>
                    <p>Nous ne partageons vos données personnelles qu’avec :</p>
                    <ul>
                        <li>Les partenaires et prestataires de services</li>
                        <li>Les autorités compétentes si requis par la loi</li>
                    </ul>

                    <h2>4. Protection des données</h2>
                    <p>Nous mettons en place des mesures techniques et organisationnelles pour protéger vos données...</p>

                    <h2>5. Conservation des données</h2>
                    <p>Nous conservons vos données uniquement pendant la durée nécessaire...</p>

                    <h2>6. Vos droits</h2>
                    <ul>
                        <li>Droit d’accès</li>
                        <li>Droit de rectification</li>
                        <li>Droit à l’effacement</li>
                        <li>Droit à la limitation du traitement</li>
                        <li>Droit d’opposition</li>
                        <li>Droit de retirer votre consentement</li>
                        <li>Droit de portabilité des données</li>
                    </ul>

                    <h2>7. Cookies et technologies similaires</h2>
                    <p>Si notre site utilise des cookies, nous vous informerons de leur utilisation...</p>

                    <h2>8. Modifications de cette politique</h2>
                    <p>Nous nous réservons le droit de mettre à jour cette politique...</p>

                    <h2>9. Nous contacter</h2>
                    <p>Email : <a href="mailto:contact@algerianagripreneurs.dz">contact@algerianagripreneurs.dz</a></p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endsection