@extends('layouts.app')

@section('content')
    @if(isset($isSuccess) && $isSuccess === true)
        <div class="card auth-card mx-auto">
            <h2 class="card-header text-center">Félicitations</h2>
            <div class="card-body">
                Votre compte a bien été créé et doit étre validé.
            </div>
        </div>
    @else
        <div class="card auth-card mx-auto">
            <h2 class="card-header text-center">Créer un compte</h2>
            <div class="card-body">
                @include('components.alert_success')
                @include('components.alert_error')
                <form class="form-horizontal" method="POST"
                      action="{{ route('register',['partnerSlug' => $currentPartner->slug]) }}">
                    @csrf
                    <input type="hidden" name="partner_id" value="{{ $currentPartner->id }}">

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-at" aria-hidden="true"></i>
                            </span>
                            <input id="email" required type="text" name="email" value="{{ old('email') }}"
                                   class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}"
                                   placeholder="Email *" aria-describedby="email" required> @if ($errors->has('email'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('email') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-user" aria-hidden="true"></i>
                            </span>
                            <input id="firstname" required type="text" name="firstname" value="{{ old('firstname') }}"
                                   class="form-control {{ $errors->has('firstname') ? ' is-invalid' : '' }}"
                                   placeholder="Prénom *" aria-describedby="firstname"
                                   required> @if ($errors->has('firstname'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('firstname') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-user" aria-hidden="true"></i>
                            </span>
                            <input id="lastname" required type="text" name="lastname" value="{{ old('lastname') }}"
                                   class="form-control {{ $errors->has('lastname') ? ' is-invalid' : '' }}"
                                   placeholder="Nom *" aria-describedby="lastname" required>
                            @if ($errors->has('lastname'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('lastname') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-mobile-alt" aria-hidden="true"></i>
                            </span>
                            <input id="phone" required type="text" name="phone" value="{{ old('phone') }}"
                                   class="form-control {{ $errors->has('phone') ? ' is-invalid' : '' }}"
                                   placeholder="Téléphone mobile *"
                                   aria-describedby="phone"> @if ($errors->has('phone'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('phone') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-building" aria-hidden="true"></i>
                            </span>
                            <input id="address" required type="text" name="address" value="{{ old('address') }}"
                                   class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}"
                                   placeholder="Adresse *" aria-describedby="address"> @if ($errors->has('address'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('address') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-map" aria-hidden="true"></i>
                            </span>
                            <input id="postcode" required type="text" name="postcode" value="{{ old('postcode') }}"
                                   class="form-control {{ $errors->has('postcode') ? ' is-invalid' : '' }}"
                                   placeholder="Code postal *"
                                   aria-describedby="postcode"> @if ($errors->has('postcode'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('postcode') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-map" aria-hidden="true"></i>
                            </span>
                            <input id="city" type="text" name="city" value="{{ old('city') }}"
                                   class="form-control {{ $errors->has('city') ? ' is-invalid' : '' }}"
                                   placeholder="Ville" aria-describedby="city"> @if ($errors->has('city'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('city') }}
                                </div>
                            @endif
                        </div>
                    </div>


                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-briefcase" aria-hidden="true"></i>
                            </span>
                            <input id="company" required type="text" name="company" value="{{ old('company') }}"
                                   class="form-control {{ $errors->has('company') ? ' is-invalid' : '' }}"
                                   placeholder="Entreprise *" aria-describedby="company"> @if ($errors->has('company'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('company') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-briefcase" aria-hidden="true"></i>
                            </span>
                            <select id="business_type_id" class="form-select" name="business_type_id">
                                <option value="null" disabled {{ old('business_type_id') ? '' : 'selected'}} >Choisir un
                                    domaine d'activité
                                </option>
                                @foreach ($businessTypes as $businessType)
                                    <option value="{{$businessType->id}}"
                                            @if ($businessType->id === old('business_type_id'))selected @endif>{{ $businessType->name }}</option>
                                @endforeach
                            </select>
                            <div class="invalid-feedback">
                                {{ $errors->first('business_type_id') }}
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-lock" aria-hidden="true"></i>
                            </span>
                            <input id="password" type="password" name="password" value="{{ old('password') }}"
                                   class="form-control {{ $errors->has('password') ? ' is-invalid' : '' }}"
                                   placeholder="Mot de passe *" aria-describedby="password"
                                   required> @if ($errors->has('password'))
                                <div class="invalid-feedback">
                                    {{ $errors->first('password') }}
                                </div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fas fa-fw fa-lock" aria-hidden="true"></i>
                            </span>
                            <input id="password_confirmation" type="password" name="password_confirmation"
                                   value="{{ old('password_confirmation') }}" class="form-control"
                                   placeholder="Confirmation du mot de passe *" aria-describedby="password_confirmation"
                                   required>

                        </div>
                    </div>

                    @if(isset($currentPartner->recaptcha))
                        <div class="g-recaptcha my-3" data-sitekey="{{ $currentPartner->recaptcha->key }}"></div>
                    @endif

                    <div class="text-center">
                        <button type="submit" class="btn btn-primary px-4">Valider</button>
                    </div>

                </form>
            </div>
        </div>

        <div class="text-center font-sm py-3">
            <a href="{{ route('login',['partnerSlug' => $currentPartner->slug]) }}" class="c-primary">Déjà un compte
                ?</a>
        </div>
    @endif

@endsection


@if($currentPartner->recaptcha)
    @push('scripts_before')
        <script src='https://www.google.com/recaptcha/api.js'></script>
    @endpush
@endif