@extends('frontend.layouts.default')
@section('header.title', 'Contact')
@section('meta.description', 'Le Cabinet RH - LCRH : contactez nos recruteurs spécialisés via notre formulaire en ligne. Découvrez comment nous pouvons vous aider à trouver les meilleurs candidats pour votre entreprise.')
@section('header.banner', asset('assets/images/pages/bandeau_contact.jpg'))
@push('head.scripts')

@endpush
@section('main')
    <style>
        #nice-field {
            display: none;
        }
    </style>

    <section class="my-5">
        <div class="container">
            <div class="d-flex gap-5">
                <div>
                @isset($message_success)
                    <div class="alert alert-success" role="alert">
                        {!! $message_success !!}
                    </div>
                @else
                    @isset($message_error)
                        <div class="alert alert-danger mb-5" role="alert">
                            {!! $message_error !!}
                        </div>
                    @endisset
                    <form id="contact-form" class="d-flex flex-column gap-3" style="max-width: 400px;" method="POST" action="{{ route('contact', app()->getLocale()) }}">
                        @csrf

                        <div class="d-flex flex-column gap-1">
                            <label>Nom / Prénom</label>
                            <input required class="form-control rounded-3" type="text" name="fullname" value="{{ isset($form_values['fullname']) ? $form_values['fullname'] : '' }}">
                        </div>
                        @isset($form_errors['fullname']) <div class="alert alert-danger p-2 mb-3" role="alert">{{ $form_errors['fullname'] }}</div> @endisset
                        <div class="d-flex flex-column gap-1">
                            <label>Email</label>
                            <input required class="form-control rounded-3" type="text" name="email" value="{{ isset($form_values['email']) ? $form_values['email'] : '' }}">
                        </div>
                        @isset($form_errors['email']) <div class="alert alert-danger p-2 mb-3" role="alert">{!! $form_errors['email'] !!}</div> @endisset
                        <div class="d-flex flex-column gap-1">
                            <label>Téléphone</label>
                            <input class="form-control rounded-3" type="text" name="phone" value="{{ isset($form_values['phone']) ? $form_values['phone'] : '' }}">
                        </div>
                        @isset($form_errors['phone']) <div class="alert alert-danger p-2 mb-3" role="alert">{{$form_errors['phone']}}</div> @endisset
                        <div class="d-flex flex-column gap-1">
                            <label>Message</label>
                            <textarea required class="form-control rounded-3" rows="3" name="message">{{ isset($form_values['message']) ? $form_values['message'] : '' }}</textarea>
                        </div>
                        @isset($form_errors['message']) <div class="alert alert-danger p-2 mb-3" role="alert">{{$form_errors['message']}}</div> @endisset

                        <div class="d-flex gap-2 align-items-start">
                            <div class="pt-1"><input required name="accept" type="checkbox" {{ isset($form_values['accept']) ? 'checked' : '' }} /></div>
                            <label>En cochant cette case, j’accepte que mes informations soient utilisées exclusivement dans le cadre de ma demande et de la relation commerciale éthique et personnalisée qui pourrait en découler, si je le souhaite.</label>
                        </div>
                        @isset($form_errors['accept']) <div class="alert alert-danger p-2 mb-3" role="alert">{{$form_errors['accept']}}</div> @endisset
                        <hr class="my-0">
                        <div class="d-flex justify-content-end">
                            <button class="btn btn-primary">Envoyer</button>
                        </div>
                        <div id="nice-field">
                            <label>Nice Field</label>
                            <input class="form-control rounded-3" type="text" name="nice_field" value="{{ isset($form_values['nice_field']) ? $form_values['nice_field'] : '' }}">
                        </div>
                    </form>
                @endisset
                </div>
                <div>

                </div>
            </div>
        </div>
    </section>
@endsection