@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 text-grey-darkest">CREATION DE 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 relative" role="alert">
                    <span class="block sm:inline">Merci pour votre inscription. Nos administrateurs valideront votre compte au plus vite.</span>
                    <br>
                    <span class="block sm:inline">{{ "Vous recevrez une notification par email dès l'activation de votre compte." }}</span>
                </div>
            @endif

            {!! Form::model($demande, ['method' => 'POST', "url" => route('compte-entrepreneur.post'), 'class' => 'w-full max-w-xl mx-auto']) !!}
                
                <div class="flex flex-wrap -mx-3 mb-0">
                    <div class="w-full md:w-1/2">
                        <div class="w-full px-3 mb-6 font-bold text-2xl text-grey-darkest">Compte recruteur</div>
                        <div class="w-full px-3 mb-6">
                            <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', 'required', 'class' => 'appearance-none block w-full bg-whitetext-grey-darker border '.($errors->has("prenom") ? "border-red" : " border-grey").'   py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                            
                            @if ($errors->has('prenom'))
                                <p class="text-red text-xs italic">{{ $errors->first('prenom') }}</p>
                            @endif
                        </div>
                    
                        <div class="w-full px-3 mb-6">
                            <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', 'required', 'class' => 'appearance-none block w-full bg-whitetext-grey-darker border '.($errors->has("nom") ? "border-red" : " border-grey").' py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                            
                            @if ($errors->has('nom'))
                                <p class="text-red text-xs italic">{{ $errors->first('nom') }}</p>
                            @endif
                        </div>

                        <div class="w-full px-3 mb-6">
                            <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::email('email', null, ['placeholder' => 'Email', 'id' => 'email', 'required', 'class' => 'appearance-none block w-full bg-whitetext-grey-darker border '.($errors->has("email") ? "border-red" : " border-grey").' py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                            
                            @if ($errors->has('email'))
                                <p class="text-red text-xs italic">{{ $errors->first('email') }}</p>
                            @endif
                        </div>

                        <div class="w-full px-3 mb-6">
                            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="poste">
                                {{ "Poste dans l'entreprise" }}<span class="text-red">*</span>
                            </label>
                            
                            {!! Form::text('poste', null, ['placeholder' => 'Ex : Directeur...', 'id' => 'poste', 'required', 'class' => 'appearance-none block w-full bg-whitetext-grey-darker border '.($errors->has("poste") ? "border-red" : " border-grey").' py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                            
                            @if ($errors->has('poste'))
                                <p class="text-red text-xs italic">{{ $errors->first('poste') }}</p>
                            @endif
                        </div>

                        <div class="w-full px-3 mb-6">
                            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="telephone">
                                Numéro de téléphone
                            </label>
                            
                            {!! Form::text('telephone', null, ['placeholder' => 'Numéro de téléphone', 'id' => 'telephone', 'class' => 'appearance-none block w-full bg-whitetext-grey-darker border '.($errors->has("telephone") ? "border-red" : " border-grey").'   py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                            
                            @if ($errors->has('telephone'))
                                <p class="text-red text-xs italic">{{ $errors->first('poste') }}</p>
                            @endif
                        </div>
                    </div>
                    <div class="w-full md:w-1/2">
                        <div class="w-full px-3 mb-6 font-bold text-2xl text-grey-darkest">Coordonnées de votre entreprise</div>

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

                        <div class="w-full px-3 mb-6">
                            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="site">
                                Site internet
                            </label>
                            
                            {!! Form::url('site', null, ['placeholder' => 'http://www.votre-site-internet.com', 'id' => 'site', 'class' => 'appearance-none block w-full bg-whitetext-grey-darker border '.($errors->has("site") ? "border-red" : " border-grey").'   py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                            
                            @if ($errors->has('site'))
                                <p class="text-red text-xs italic">{{ $errors->first('site') }}</p>
                            @endif
                        </div>

                        <div class="w-full px-3 mb-6">
                            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="secteur_id">
                                {{ "Secteur d'activité" }}<span class="text-red">*</span>
                            </label>
                            <div class="relative">
                                {!! Form::select('secteur_id', $secteurs, null, ['class' => 'block appearance-none w-full bg-white rounded-none border '.($errors->has("secteur_id") ? "border-red" : " border-grey").' text-grey-darker py-3 px-4 pr-8   leading-tight focus:outline-none focus:bg-white focus:border-blue', 'id' => 'secteur_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('secteur_id'))
                                <p class="text-red text-xs italic">{{ $errors->first('secteur_id') }}</p>
                            @endif
                        </div>

                        <div class="w-full px-3 mb-6">
                            <label class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2" for="pays">
                                Pays<span class="text-red">*</span>
                            </label>
                            <div class="relative">
                                {!! Form::select('pays_id', $pays, null, ['class' => 'block appearance-none w-full bg-white rounded-none  border '.($errors->has("pays_id") ? "border-red" : " border-grey").' text-grey-darker py-3 px-4 pr-8   leading-tight focus:outline-none focus:bg-white focus:border-blue', 'id' => 'pays']) !!}
                                
                                <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 px-3 mb-6">
                            <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 bg-whitetext-grey-darker border '.($errors->has("ville") ? "border-red" : " border-grey").'   py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                        
                            @if ($errors->has('ville'))
                                <p class="text-red text-xs italic">{{ $errors->first('ville') }}</p>
                            @endif
                        </div>

                        <div class="w-full px-3 mb-6">
                            <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 bg-whitetext-grey-darker border '.($errors->has("adresse") ? "border-red" : " border-grey").'   py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-blue']) !!}
                        
                            @if ($errors->has('adresse'))
                                <p class="text-red text-xs italic">{{ $errors->first('adresse') }}</p>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="flex flex-wrap -mx-3 mb-2">
                    <div class="w-full px-3 text-right">
                        <button type="submit" class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4   focus:outline-none focus:shadow-outline">Créer votre compte</button>
                    </div>
                </div>
                
            {!! Form::close() !!}
        </div>
    </div>
</div>
@endsection