@extends('layouts.auth')

@section('content')
    <!--begin::Card-->
    <div class="bg-body d-flex flex-column align-items-stretch flex-center rounded-4 w-md-600px p-20">
        <!--begin::Wrapper-->
        <div class="d-flex flex-center flex-column flex-column-fluid px-lg-10 pb-15 pb-lg-20">
            <!--begin::Form-->
            <form class="form w-100" novalidate="novalidate" method="POST" action="{{ route('quiz.store') }}">

                @csrf

                <!--begin::Heading-->
                <div class="text-center mb-11">
                    <!--begin::Title-->
                    <h1 class="text-gray-900 fw-bolder mb-3">Sign Up</h1>
                    <!--end::Title-->
                </div>
                <!--begin::Heading-->

                @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

                <div class="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Sex</label>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="sex" value="Masculin" id="sex"/>
                        <label class="form-check-label" for="sex">
                            Masculin
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid">
                        <input class="form-check-input" type="radio" name="sex" value="Féminin" id="sex"/>
                        <label class="form-check-label" for="sex">
                            Féminin
                        </label>
                    </div>
                    @error('sex')
                    <div
                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                        {{ $message }}
                    </div>
                    @enderror
                </div>

                <div class="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Adresse mail</label>
                    <input type="email" placeholder="Adresse mail" name="email" class="form-control bg-transparent" />
                    @error('email')
                    <div
                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                        {{ $message }}
                    </div>
                    @enderror
                </div>

                <div class="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Statut professionnel</label>
                    <div class="form-check form-check-cusuccessstom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="professional_status" value="Étudiant" id="professional_status"/>
                        <label class="form-check-label" for="professional_status">
                            Étudiant
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="professional_status" value="Formation professionnelle" id="professional_status"/>
                        <label class="form-check-label" for="professional_status">
                            Formation professionnelle
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="professional_status" value="Employé occasionnel/permanent" id="professional_status"/>
                        <label class="form-check-label" for="professional_status">
                            Employé occasionnel/permanent
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="professional_status" value="Chômeur" id="professional_status"/>
                        <label class="form-check-label" for="professional_status">
                            Chômeur
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid">
                        <input class="form-check-input" type="radio" name="professional_status" value="Autre" id="professional_status"/>
                        <label class="form-check-label" for="professional_status">
                            Autre
                        </label>
                    </div>
                    @error('professional_status')
                    <div
                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                        {{ $message }}
                    </div>
                    @enderror
                </div>
                success
                <div class="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Plus haut niveau scolaire</label>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="educational_level" value="Primaire" id="educational_level"/>
                        <label class="form-check-label" for="educational_level">
                            Primaire
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="educational_level" value="Collège" id="educational_level"/>
                        <label class="form-check-label" for="educational_level">
                            Collège
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="educational_level" value="Lycée" id="educational_level"/>
                        <label class="form-check-label" for="educational_level">
                            Lycée
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid">
                        <input class="form-check-input" type="radio" name="educational_level" value="Université" id="educational_level"/>
                        <label class="form-check-label" for="educational_level">
                            Université
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="educational_level" value="Master/Doctorat" id="educational_level"/>
                        <label class="form-check-label" for="educational_level">
                            Master/Doctorat
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid">
                        <input class="form-check-input" type="radio" name="educational_level" value="Autre" id="educational_level"/>
                        <label class="form-check-label" for="educational_level">
                            Autre
                        </label>
                    </div>
                    @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="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Un porteur d’idée</label>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="idea_bearer" value="Idée brève (Je sais ce que j’aimerais faire, mais il me manque beaucoup de détails)" id="idea_bearer"/>
                        <label class="form-check-label" for="idea_bearer">
                            Idée brève (Je sais ce que j’aimerais faire, mais il me manque beaucoup de détails)
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="idea_bearer" value="Idée concrète (J’ai déjà recherché sur mon idée, j’ai un premier BMC, etc.)" id="idea_bearer"/>
                        <label class="form-check-label" for="idea_bearer">
                            Idée concrète (J’ai déjà recherché sur mon idée, j’ai un premier BMC, etc.)
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="idea_bearer" 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="idea_bearer"/>
                        <label class="form-check-label" for="idea_bearer">
                            Idée avancée (Je suis (presque) prêt à travailler sur un prototype et j’ai passé au moins 6 mois sur l’élaboration)
                        </label>
                    </div>
                    @error('idea_bearer')
                    <div
                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                        {{ $message }}
                    </div>
                    @enderror
                </div>

                <div class="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Projet innovant ou startup labellisés (plusieurs choix possibles)</label>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="innovative_project_or_labeled_startup" value="Projet Innovant" id="innovative_project_or_labeled_startup"/>
                        <label class="form-check-label" for="innovative_project_or_labeled_startup">
                            Projet Innovant
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="innovative_project_or_labeled_startup" value="Startup" id="innovative_project_or_labeled_startup"/>
                        <label class="form-check-label" for="innovative_project_or_labeled_startup">
                            Startup
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="innovative_project_or_labeled_startup" value="Demande soumise - en cours de labellisation" id="innovative_project_or_labeled_startup"/>
                        <label class="form-check-label" for="innovative_project_or_labeled_startup">
                            Demande soumise - en cours de labellisation
                        </label>
                    </div>
                    @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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <label for="exampleFormControlInput1" class="required form-label">Type de solution</label>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="type_solution" value="Produit" id="type_solution"/>
                        <label class="form-check-label" for="type_solution">
                            Produit
                        </label>
                    </div>
                    <div class="form-check form-check-custom form-check-solid mb-2">
                        <input class="form-check-input" type="radio" name="type_solution" value="Service" id="type_solution"/>
                        <label class="form-check-label" for="type_solution">
                            Service
                        </label>
                    </div>
                    @error('type_solution')
                    <div
                        class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                        {{ $message }}
                    </div>
                    @enderror
                </div>

                <div class="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <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="fv-row mb-8">
                    <label class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="toc" value="1" />
                        <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>
                </div>

                <div class="fv-row mb-8">
                    <label class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" name="toc" value="1" />
                        <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>
                </div>

                <!--begin::Submit button-->
                <div class="d-grid mb-10">
                    <button type="submit" id="kt_sign_up_submit" class="btn btn-primary">
                        <!--begin::Indicator label-->
                        <span class="indicator-label">Sign up</span>
                        <!--end::Indicator label-->
                    </button>
                </div>
                <!--end::Submit button-->
            </form>
            <!--end::Form-->
        </div>
        <!--end::Wrapper-->
    </div>
    <!--end::Card-->
@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