@extends('layouts.app')

@section('content')
<div style="" class="bg-white">
    <div class="container py-10 px-4">
        <div class="flex items-baseline justify-between border-b-2 border-grey-light mt-12">
            <span class="font-bold uppercase tracking-wide py-1 border-b-2 border-waaye -mb-2px">ACTIVEZ VOTRE COMPTE</span>
        </div>
        <div class="px-2 text-sm pb-6">
            Pour activer votre compte, veuillez tout d'abord saisir vos informations. Cliquez ensuite sur le bouton "Activer mon compte". Après validation vous recevrez alors un email contenant un lien qui vous permettra d'activer votre compte et de saisir un mot de passe.
        </div>

        <div class="border rounded-lg p-8">
            @if (session('status'))
            <div class="bg-green-lightest border border-green-light text-green-dark px-4 py-3 mb-3 rounded relative" role="alert">
                <span class="block sm:inline">Merci de nous avoir contacté, vous recevrez une réponse dans les meilleurs délais.</span>
            </div>
            @endif

            {!! Form::model($demande, ['method' => 'POST', "url" => route('etudiants-diplomes.post'), 'class' => 'w-full max-w-xl mx-auto','id'=>'form1']) !!}

            <div class="flex flex-wrap -mx-3 mb-6">
                <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="prenom">
                        Prénom<span class="text-red">*</span>
                    </label>

                    {!! Form::text('prenom', null, ['placeholder' => 'Prénom', 'id' => 'prenom', 'class' => 'appearance-none block w-full text-grey-darker border '.($errors->has("prenom") ? "border-red" : "border-grey").' py-3 px-4 mb-3 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('prenom'))
                    <p class="text-red text-xs italic">{{ $errors->first('prenom') }}</p>
                    @endif
                </div>
                <div class="w-full md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="nom">
                        Nom<span class="text-red">*</span>
                    </label>

                    {!! Form::text('nom', null, ['placeholder' => 'Nom', 'id' => 'nom', 'class' => 'appearance-none block w-full text-grey-darker border '.($errors->has("nom") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('nom'))
                    <p class="text-red text-xs italic">{{ $errors->first('nom') }}</p>
                    @endif
                </div>
                <div class="w-full md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="email">
                        Email<span class="text-red">*</span>
                    </label>

                    {!! Form::text('email', null, ['placeholder' => 'Email', 'id' => 'email', 'class' => 'appearance-none block w-full text-grey-darker border '.($errors->has("email") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('email'))
                    <p class="text-red text-xs italic">{{ $errors->first('email') }}</p>
                    @endif
                </div>
            </div>
            <div class="flex flex-wrap -mx-3 mb-6">
                <div class="w-full  md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="diplome">
                    Diplôme obtenu<span class="text-red">*</span>
                    </label>
                    {!! Form::text('diplome', null, ['placeholder' => 'Diplôme obtenu', 'id' => 'diplome', 'class' => 'text-sm appearance-none block w-full text-grey-darker border '.($errors->has("diplome") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('diplome'))
                    <p class="text-red text-xs italic">{{ $errors->first('diplome') }}</p>
                    @endif
                </div>
                <div class="w-full  md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="specialite">
                        Spécialité<span class="text-red">*</span>
                    </label>
                    {!! Form::select('specialite', $specialiteTab, null, ['placeholder' => 'Choisir votre specialité ','class' => 'block appearance-none w-full border bg-white '.($errors->has("specialite") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'specialite'] ) !!}

                    @if ($errors->has('specialite'))
                    <p class="text-red text-xs italic">{{ $errors->first('specialite') }}</p>
                    @endif
                </div>

                <!--   <div class="w-full md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="typeEtudiant">
                        Type Étudiant<span class="text-red">*</span>
                    </label>
                    <div class="relative">
                        {!! Form::select('typeEtudiant', $typeEtudiants, null, ['placeholder' => 'Choisir le type ','class' => 'block appearance-none w-full border bg-white '.($errors->has("typeEtudiant") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'typeEtudiant', 'onclick'=>'myFunction()'] ) !!}

                        <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
                            <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        </div>
                    </div>
                    @if ($errors->has('typeEtudiant'))
                    <p class="text-red text-xs italic">{{ $errors->first('typeEtudiant') }}</p>
                    @endif
                </div>!-->
                <div class="w-full  md:w-1/3 px-3" id="promotion">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="promotion">
                        Année de diplôme<span class="text-red">*</span>
                    </label>
                    {!! Form::text('promotion', null, ['placeholder' => 'Année de diplôme', 'id' => 'promotion', 'class' => 'text appearance-none block w-full text-grey-darker border '.($errors->has("promotion") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('promotion'))
                    <p class="text-red text-xs italic">{{ $errors->first('promotion') }}</p>
                    @endif
                </div>

            </div>
            <div class="flex flex-wrap -mx-3 mb-6">

                <div class="w-full  md:w-1/3 px-3" id="entreprise">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="entreprise">
                        Entreprise<span class="text-red"></span>
                    </label>
                    {!! Form::text('entreprise', null, ['placeholder' => 'Entreprise', 'id' => 'entreprise', 'class' => 'text appearance-none block w-full text-grey-darker border '.($errors->has("entreprise") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('entreprise'))
                    <p class="text-red text-xs italic">{{ $errors->first('entreprise') }}</p>
                    @endif
                </div>
                <div class="w-full md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="situationprofessionnelle">
                        Situation Professionnelle<span class="text-red">*</span>
                    </label>
                    <div class="relative">
                        {!! Form::select('situationprofessionnelle', $situationprofessionnelle, null, ['placeholder' => 'Choisir votre situation professionnelle ','class' => 'block appearance-none w-full border bg-white '.($errors->has("situationprofessionnelle") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'situationprofessionnelle'] ) !!}

                        <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
                            <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        </div>
                    </div>
                    @if ($errors->has('situationprofessionnelle'))
                    <p class="text-red text-xs italic">{{ $errors->first('situationprofessionnelle') }}</p>
                    @endif
                </div>
                <div class="w-full  md:w-1/3 px-3" id="nationnalite">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="nationnalite">
                        Nationalite<span class="text-red">*</span>
                    </label>
                    {!! Form::select('nationnalite', $pays, null, ['placeholder'=>'Choisir votre nationalité','class' => 'block appearance-none w-full border bg-white '.($errors->has("nationnalite") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'nationnalite']) !!}

                    @if ($errors->has('nationnalite'))
                    <p class="text-red text-xs italic">{{ $errors->first('nationnalite') }}</p>
                    @endif
                </div>
            </div>
            <div class="flex flex-wrap -mx-3 mb-2">
                <div class="w-full  md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="date_naissance">
                        Date de naissance<span class="text-red">*</span>
                    </label>
                    {!! Form::date('date_naissance', null, ['placeholder' => 'aaaa-mm-jj', 'id' => 'date_naissance', 'class' => 'text-sm appearance-none block w-full text-grey-darker border '.($errors->has("date_naissance") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('date_naissance'))
                    <p class="text-red text-xs italic">{{ $errors->first('date_naissance') }}</p>
                    @endif
                </div>
                <div class="w-full  md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="identifiant">
                        Code Étudiant<span class="text-red"></span>
                    </label>
                    {!! Form::text('identifiant', null, ['placeholder' => 'Code Étudiant', 'id' => 'identifiant', 'class' => 'text appearance-none block w-full text-grey-darker border '.($errors->has("identifiant") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}


                </div>
                <div class="w-full  md:w-1/3 px-3">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="sexe">
                        Sexe<span class="text-red">*</span>
                    </label>
                    {!! Form::select('sexe', $sexeTab, null, ['placeholder' => 'Choisir le sexe ','class' => 'block appearance-none w-full border bg-white '.($errors->has("sexe") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'sexe'] ) !!}
                    @if ($errors->has('sexe'))
                    <p class="text-red text-xs italic">{{ $errors->first('sexe') }}</p>
                    @endif

                </div>
            </div>
            <div class="flex flex-wrap -mx-3 mb-2">
                <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0 " id="pays_id">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="pays_id">
                        Pays de Résidence<span class="text-red">*</span>
                    </label>
                    <div class="relative">
                        {!! Form::select('pays_id', $pays, null, ['placeholder'=>'Choisir votre pays résidence','class' => 'block appearance-none w-full border bg-white '.($errors->has("pays_id") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'pays_id']) !!}

                        <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
                            <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        </div>
                    </div>
                    @if ($errors->has('pays_id'))
                    <p class="text-red text-xs italic">{{ $errors->first('pays_id') }}</p>
                    @endif
                </div>
                <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0 hidden" id="pays_id1">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="pays_id1">
                        Pays<span class="text-red">*</span>
                    </label>
                    <div class="relative">
                        {!! Form::select('pays_id1', $paysIAM, null, ['placeholder'=>'Choisir le Pays','class' => 'block appearance-none w-full border bg-white '.($errors->has("pays_id1") ? "border-red" : "border-grey").' rounded-none text-grey-darker py-3 px-4 pr-8 leading-tight focus:outline-none focus:border-blue', 'id' => 'pays_id1','require']) !!}

                        <div class="pointer-events-none absolute pin-y pin-r flex items-center px-2 text-grey-darker">
                            <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
                        </div>
                    </div>
                    @if ($errors->has('pays_id1'))
                    <p class="text-red text-xs italic">{{ $errors->first('pays_id1') }}</p>
                    @endif
                </div>
                <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="ville">
                        Ville<span class="text-red">*</span>
                    </label>
                    {!! Form::text('ville', null, ['placeholder' => 'Ville', 'id' => 'ville', 'class' => 'text appearance-none block w-full text-grey-darker border '.($errors->has("ville") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('ville'))
                    <p class="text-red text-xs italic">{{ $errors->first('ville') }}</p>
                    @endif
                </div>
                <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0">
                    <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="adresse">
                        Adresse
                    </label>
                    {!! Form::text('adresse', null, ['placeholder' => 'Adresse', 'id' => 'adresse', 'class' => 'text appearance-none block w-full text-grey-darker border '.($errors->has("adresse") ? "border-red" : "border-grey").' py-3 px-4 leading-tight focus:outline-none focus:border-blue']) !!}

                    @if ($errors->has('adresse'))
                    <p class="text-red text-xs italic">{{ $errors->first('adresse') }}</p>
                    @endif
                </div>

                <div class="w-full md:w-1/3 px-3 mt-6 md:mb-0">
                    <button type="submit" class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 focus:outline-none focus:shadow-outline">Activer mon compte</button>
                </div>
            </div>

            {!! Form::close() !!}
        </div>
    </div>
</div>
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>
    // function myFunction() {
    //     var y = document.getElementById("typeEtudiant").value;


    // if (y == 1) {
    // $("#promotion").hide();
    // $('#form1 #promotion').val('');
    // $("#pays_id").hide();
    // $("#pays_id1").show();


    // } else {
    //  $("#promotion").show();
    // $("#pays_id1").hide();
    // $("#pays_id").show();

    //}


    // }

    // function toggle() {
    //     console.log("ok toggle")
    // }
</script>