@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="{{ route('home') }} 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-->
                        @elseif($response->status == 'submitted')
                            <!--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">Vous avez déjà soumis le quiz.</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

                        @if($response->status != 'submitted')
                        <!--begin::Card-->
                        <div class="card mx-auto mb-5 mb-xl-10">

                            <!--begin::Content-->
                            <div id="kt_account_settings_profile_details" class="collapse show">
                                <!--begin::Card body-->
                                <div class="card-body border-top p-9">
                                    <!--begin::Stepper-->
                                    <div class="stepper stepper-pills" id="kt_stepper_example_basic">
                                        <!--begin::Nav-->
                                        <div class="stepper-nav flex-center flex-wrap mb-10">
                                            <!--begin::Step 1-->
                                            <div class="stepper-item mx-8 my-4 current" data-kt-stepper-element="nav">
                                                <!--begin::Wrapper-->
                                                <div class="stepper-wrapper d-flex align-items-center">
                                                    <!--begin::Icon-->
                                                    <div class="stepper-icon w-40px h-40px">
                                                        <i class="stepper-check fas fa-check"></i>
                                                        <span class="stepper-number">1</span>
                                                    </div>
                                                    <!--end::Icon-->

                                                    <!--begin::Label-->
                                                    <div class="stepper-label">
                                                        <h3 class="stepper-title">
                                                            Step 1
                                                        </h3>

                                                        <div class="stepper-desc">
                                                            Description
                                                        </div>
                                                    </div>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Wrapper-->

                                                <!--begin::Line-->
                                                <div class="stepper-line h-40px"></div>
                                                <!--end::Line-->
                                            </div>
                                            <!--end::Step 1-->

                                            <!--begin::Step 2-->
                                            <div class="stepper-item mx-8 my-4" data-kt-stepper-element="nav">
                                                <!--begin::Wrapper-->
                                                <div class="stepper-wrapper d-flex align-items-center">
                                                    <!--begin::Icon-->
                                                    <div class="stepper-icon w-40px h-40px">
                                                        <i class="stepper-check fas fa-check"></i>
                                                        <span class="stepper-number">2</span>
                                                    </div>
                                                    <!--begin::Icon-->

                                                    <!--begin::Label-->
                                                    <div class="stepper-label">
                                                        <h3 class="stepper-title">
                                                            Step 2
                                                        </h3>

                                                        <div class="stepper-desc">
                                                            Mon idée / Mon projet
                                                        </div>
                                                    </div>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Wrapper-->

                                                <!--begin::Line-->
                                                <div class="stepper-line h-40px"></div>
                                                <!--end::Line-->
                                            </div>
                                            <!--end::Step 2-->

                                            <!--begin::Step 3-->
                                            <div class="stepper-item mx-8 my-4" data-kt-stepper-element="nav">
                                                <!--begin::Wrapper-->
                                                <div class="stepper-wrapper d-flex align-items-center">
                                                    <!--begin::Icon-->
                                                    <div class="stepper-icon w-40px h-40px">
                                                        <i class="stepper-check fas fa-check"></i>
                                                        <span class="stepper-number">3</span>
                                                    </div>
                                                    <!--begin::Icon-->

                                                    <!--begin::Label-->
                                                    <div class="stepper-label">
                                                        <h3 class="stepper-title">
                                                            Step 3
                                                        </h3>

                                                        <div class="stepper-desc">
                                                            Mes capacités entrepreneuriales
                                                        </div>
                                                    </div>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Wrapper-->

                                                <!--begin::Line-->
                                                <div class="stepper-line h-40px"></div>
                                                <!--end::Line-->
                                            </div>
                                            <!--end::Step 3-->
                                        </div>
                                        <!--end::Nav-->

                                        <!--begin::Form-->
                                        <form class="form w-lg-500px mx-auto"
                                            id="kt_stepper_example_basic_form" method="POST"
                                            action="{{ route('quiz.store') }}">
                                            @csrf
                                            <input type="hidden" name="auto_save" value="0" />
                                            <!--begin::Group-->
                                            <div class="mb-5">
                                                <!--begin::Step 1-->
                                                <div class="flex-column current" data-kt-stepper-element="content">

                                                    <div class="row mb-6">
                                                        <label for="exampleFormControlInput1" class="required form-label">Êtes-vous seul ou en équipe ?</label>
                                                        <select type="text" placeholder="Êtes-vous seul ou en équipe ?" name="team_status" class="form-control bg-transparent" required>
                                                            <option value="" disabled selected>Sélectionnez</option>
                                                            <option value="Seul" {{ $response->team_status == 'Seul' ? 'selected' : '' }}>Seul</option>
                                                            <option value="En équipe" {{ $response->team_status == 'En équipe' ? 'selected' : '' }}>En équipe</option>
                                                        </select>
                                                        @error('team_status')
                                                            <div
                                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>

                                                    <div class="row mb-6 {{ $response->team_status == 'Seul' ? 'd-none' : '' }}" id="teamSize">
                                                        <label for="exampleFormControlInput1" class="required form-label">Si en équipe, combien de membres ?</label>
                                                        <input type="number" placeholder="Si en équipe, combien de membres ?" name="team_size" class="form-control bg-transparent" value="{{ $response->team_size ?? '1' }}"/>
                                                        @error('team_size')
                                                            <div
                                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>

                                                    <div class="row mb-6 {{ $response->team_status == 'Seul' ? 'd-none' : '' }}" id="members">
                                                        <label for="exampleFormControlInput1" class="required form-label">Noms des membres de l’équipe</label>
                                                        <input type="text" placeholder="Membre 1" name="members[]" class="form-control bg-transparent mb-6" value="{{ $response->members[0] ?? '' }}"/>
                                                        @error('members.0')
                                                            <div
                                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                        <input type="text" placeholder="Membre 2" name="members[]" class="form-control bg-transparent mb-6" value="{{ $response->members[1] ?? '' }}"/>
                                                        @error('members.1')
                                                            <div
                                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                        <input type="text" placeholder="Membre 3" name="members[]" class="form-control bg-transparent" value="{{ $response->members[2] ?? '' }}"/>
                                                        @error('members.2')
                                                            <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">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" value="{{ $response->lastname }}" required/>
                                                        @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" value="{{ $response->firstname }}" required/>
                                                        @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" required>
                                                            <option value="Masculin" {{ $response->sex == 'Masculin' ? 'selected' : '' }}>Masculin</option>
                                                            <option value="Féminin" {{ $response->sex == 'Féminin' ? 'selected' : '' }}>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" value="{{ $response->birthdate }}" required/>
                                                        @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" value="{{ $response->address }}" required />
                                                        @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" value="{{ $response->city }}" required />
                                                        @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>
                                                        <select type="text" placeholder="Wilaya" name="state" class="form-control bg-transparent" required>
                                                            <option value="" disabled selected>Sélectionnez</option>
                                                            @forEach($wilayas as $key => $wilaya)
                                                            <option value="{{ $key }}" {{ $response->state == $key ? 'selected' : '' }}>{{ $wilaya }}</option>
                                                            @endforeach
                                                            <option value="En équipe" {{ $response->team_status == 'En équipe' ? 'selected' : '' }}>En équipe</option>
                                                        </select>
                                                        @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" value="{{ $response->phone_number }}" required />
                                                        @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 required/>
                                                        @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" required>
                                                            <option value="" disabled selected>Sélectionnez votre
                                                                statut</option>
                                                            <option value="Étudiant" {{ $response->professional_status == 'Étudiant' ? 'selected' : '' }}>Étudiant</option>
                                                            <option value="Formation professionnelle" {{ $response->professional_status == 'Formation professionnelle' ? 'selected' : '' }}>Formation
                                                                professionnelle
                                                            </option>
                                                            <option value="Stagiaire" {{ $response->professional_status == 'Stagiaire' ? 'selected' : '' }}>Stagiaire</option>
                                                            <option value="Employé occasionnel/permanent" {{ $response->professional_status == 'Employé occasionnel/permanent' ? 'selected' : '' }}>Employé
                                                                occasionnel/permanent
                                                            </option>
                                                            <option value="Chômeur" {{ $response->professional_status == 'Chômeur' ? 'selected' : '' }}>Chômeur</option>
                                                            <option value="Autre" {{ $response->professional_status == 'Autre' ? 'selected' : '' }}>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" required>
                                                            <option value="" disabled selected>Sélectionnez votre
                                                                niveau</option>
                                                            <option value="Primaire" {{ $response->educational_level  == 'Primaire' ? 'selected' : '' }}>Primaire</option>
                                                            <option value="Collège" {{ $response->educational_level == 'Collège' ? 'selected' : '' }}>Collège</option>
                                                            <option value="Lycée"  {{ $response->educational_level == 'Lycée' ? 'selected' : '' }}>Lycée</option>
                                                            <option value="Université" {{ $response->educational_level == 'Université' ? 'selected' : '' }}>Université</option>
                                                            <option value="Master/Doctorat" {{ $response->educational_level == 'Master/Doctorat' ? 'selected' : '' }}>Master/Doctorat</option>
                                                            <option value="Autre" {{ $response->educational_level == 'Autre' ? 'selected' : '' }}>Autre</option>
                                                        </select>
                                                        @error('educational_level')
                                                            <div
                                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <!--begin::Step 1-->

                                                <!--begin::Step 2-->
                                                <div class="flex-column" data-kt-stepper-element="content">
                                                    <div class="row mb-6">
                                                        <label for="project_type" class="required form-label">Type de projet</label>
                                                        <select class="form-control bg-transparent" name="project_type" id="project_type" required>
                                                            <option value="" disabled selected>Sélectionnez</option>
                                                            <option value="Un porteur d’idée" {{ $response->project_type == 'Un porteur d’idée' ? 'selected' : ''}}>Un porteur d’idée</option>
                                                            <option value="Projet innovant ou startup labellisés" {{ $response->project_type == 'Projet innovant ou startup labellisés' ? 'selected' : ''}}>Projet innovant ou startup labellisés</option>
                                                        </select>
                                                        @error('project_type')
                                                        <div
                                                            class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                            {{ $message }}
                                                        </div>
                                                        @enderror
                                                    </div>
                                                    <div class="row mb-6 {{ $response->project_type == 'Un porteur d’idée' ? 'selected' : 'd-none'}}" id="ideaBearer">
                                                        <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" {{ $response->project_type == 'Un porteur d’idée' ? 'required' : 'd-none'}} >
                                                            <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)"
                                                                {{ $response->idea_bearer == 'Idée brève (Je sais ce que j\'aimerais faire, mais il me manque beaucoup de détails)' ? 'selected' : ''}}>
                                                                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.)"
                                                                {{ $response->idea_bearer == 'Idée concrète (J\'ai déjà recherché sur mon idée, j\'ai un premier BMC, etc.)' ? 'selected' : ''}}>
                                                                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)"
                                                                {{ $response->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)' ? 'selected' : ''}}>
                                                                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 {{ $response->project_type == 'Projet innovant ou startup labellisés' ? 'selected' : 'd-none'}}" id="innovativeProject">
                                                        <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" {{ $response->project_type == 'Projet innovant ou startup labellisés' ? 'required' : ''}} >
                                                            <option value="" disabled selected>Sélectionnez une
                                                                option</option>
                                                            <option value="Projet Innovant" {{ $response->innovative_project_or_labeled_startup == 'Projet Innovant' ? 'selected' : ''}}>Projet Innovant</option>
                                                            <option value="Startup" {{ $response->innovative_project_or_labeled_startup == 'Startup' ? 'selected' : ''}}>Startup</option>
                                                            <option value="Demande soumise - en cours de labellisation" {{ $response->innovative_project_or_labeled_startup == 'Demande soumise - en cours de labellisation' ? 'selected' : ''}}>
                                                                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" value="{{ $response->project_name }}" required/>
                                                        @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" required>{{ $response->project_description }}</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" required>
                                                            <option value="" disabled selected>-- Sélectionnez un
                                                                type de
                                                                solution --</option>
                                                            <option value="Produit" {{ $response->type_solution == 'Produit' ? 'selected' : ''}}>Produit</option>
                                                            <option value="Service" {{ $response->type_solution == 'Service' ? 'selected' : ''}}>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" required>{{ $response->why_designed_agritech }}</textarea>
                                                        @error('why_designed_agritech')
                                                            <div
                                                                class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                                                                {{ $message }}
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!--begin::Step 3-->
                                                <div class="flex-column" data-kt-stepper-element="content">
                                                    <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" value="{{ $response->capable_startup }}" required/>
                                                        @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" value="{{ $response->competence_startup }}" required />
                                                        @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" required value="{{ $response->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 êtes-vous à l’aise avec l’accès aux financements et la gestion financière d’une start-up ?</label>
                                                        <input type="number" min="1" max="10"
                                                            name="financial_management" required value="{{ $response->financial_management }}"
                                                            class="form-control bg-transparent" />
                                                        @error('financial_management')
                                                            <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" required value="{{ $response->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' : '' }} required/>
                                                            <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' : '' }}  required/>
                                                            <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>
                                            </div>
                                            <!--end::Group-->

                                            <!--begin::Actions-->
                                            <div class="d-flex flex-stack">
                                                <!--begin::Wrapper-->
                                                <div class="me-2">
                                                    <button type="button" class="btn btn-light btn-active-light-primary"
                                                        data-kt-stepper-action="previous">
                                                        Retour
                                                    </button>
                                                </div>
                                                <!--end::Wrapper-->

                                                <!--begin::Wrapper-->
                                                <div>
                                                    <button class="btn btn-primary" type="submit" data-kt-stepper-action="submit">
                                                        <span class="indicator-label">
                                                            Soumettre
                                                        </span>
                                                    </button>

                                                    <button class="btn btn-primary" type="button" id="autoSave">
                                                        <span class="indicator-label">
                                                            Sauvegarder
                                                        </span>
                                                    </button>

                                                    <button type="button" class="btn btn-primary"
                                                        data-kt-stepper-action="next">
                                                        Continue
                                                    </button>
                                                </div>
                                                <!--end::Wrapper-->
                                            </div>
                                            <!--end::Actions-->
                                        </form>
                                        <!--end::Form-->
                                    </div>
                                    <!--end::Stepper-->
                                </div>
                                <!--end::Card body-->
                            </div>
                            <!--end::Content-->
                        </div>
                        <!--end::Card-->
                        @endif
                    </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

@push('js')
    <script>
        // Stepper lement
        var element = document.querySelector("#kt_stepper_example_basic");
        var form = document.querySelector("#kt_stepper_example_basic_form");

        // Initialize Stepper
        var stepper = new KTStepper(element);

        // Handle next step
        stepper.on("kt.stepper.next", function (stepper) {
            var currentStepIndex = stepper.getCurrentStepIndex();
            var currentStepElement = document.querySelector(`[data-kt-stepper-element="content"]:nth-child(${currentStepIndex})`);

            // Get all input fields within the current step
            var inputs = currentStepElement.querySelectorAll("input, select, textarea");
            var isValid = true;

            // Loop through inputs and check validity
            inputs.forEach(input => {
                if (!input.checkValidity()) {
                    isValid = false;
                    input.reportValidity(); // Show validation messages
                }
            });

            // Proceed to next step only if all inputs are valid
            if (isValid) {
                stepper.goNext();
            }
        });

        // Handle previous step
        stepper.on("kt.stepper.previous", function(stepper) {
            stepper.goPrevious(); // go previous step
        });

        $('#autoSave').click(function(){
            $('input[name="auto_save"]').val(1);
            form.submit();
        })

        $('select[name="team_status"]').change(function(){
            var value = $(this).val();
            if(value == 'Seul'){
                $('#teamSize').addClass('d-none');
                $('#members').addClass('d-none');
            }
            else{
                $('#teamSize').removeClass('d-none');
                $('#members').removeClass('d-none');
            }
        });

        $('select[name="project_type"]').change(function(){
            var value = $(this).val();
            if(value == 'Un porteur d’idée'){
                $('#ideaBearer').removeClass('d-none');
                $('#ideaBearer select').prop('required',true);

                $('#innovativeProject').addClass('d-none');
                $('#innovativeProject').prop('required',false);
            }
            else{
                $('#ideaBearer').addClass('d-none');
                $('#ideaBearer select').prop('required',false);

                $('#innovativeProject').removeClass('d-none');
                $('#innovativeProject').prop('required',true);
            }
        });



    </script>
@endpush