{{-----------------------------------------------------
**  Websites.Page.Contact
-----------------------------------------------------}}
@extends('layouts.' . $theme, [
    'model'     => $model,
    'name'      => 'page-contact',
    'current'   => ''
])

@section('header')
    <header>
        <div class="head">
            <h1>
                Contactez la revue
            </h1>
        </div>
    </header>
@endsection

@section('contents')
    <section class="form">
        <div class="head">
            <h2 class="h3">
                Formulaire de contact
            </h2>
            <span>
                Tous les champs sont requis.
            </span>
            @if(Session::has('success'))
                <p class="success">
                    {{ Session::get('success') }}
                </p>
            @elseif($errors->any() || Session::has('error'))
                <p class="error">
                    {{ Session::has('error') ? Session::get('error') : "Votre message n'a pas pu être envoyé." }}
                </p>
            @endif
        </div>
        <form action="{{ route('submit_contact_form') }}" method="POST">
            @csrf
            <div class="row two">
                <div class="field">
                    <label for="firstname">
                        Prénom
                    </label>
                    <input
                        type="text"
                        id="firstname"
                        name="firstname"
                        placeholder="Prénom"
                        required>
                    @error('firstname')
                        <p>
                        {{ $message }}
                        </p>
                    @enderror
                </div>
                <div class="field">
                    <label for="lastname">
                        Nom
                    </label>
                    <input
                        type="text"
                        id="lastname"
                        name="lastname"
                        placeholder="Nom"
                        required>
                    @error('lastname')
                        <p>
                        {{ $message }}
                        </p>
                    @enderror
                </div>
            </div>
            <div class="row">
                <div class="field">
                    <label for="email">
                        Adresse email
                    </label>
                    <input
                        type="email"
                        id="email"
                        name="email"
                        placeholder="example@email.com"
                        required>
                    @error('email')
                        <p class="error_holder">
                        {{ $message }}
                        </p>
                    @enderror    
                </div>
            </div>
            <div class="row">
                <div class="field">
                    <label for="subject">
                        Objet de votre message
                    </label>
                    <input
                        type="text"
                        id="subject"
                        name="subject"
                        placeholder="Demande d'informations"
                        required>
                    @error('subject')
                        <p>
                        {{ $message }}
                        </p>
                    @enderror    
                </div>
            </div>
            <div class="row">
                <div class="field">
                    <label for="message">
                        Votre message
                    </label>
                    <textarea
                        id="message"
                        name="message"
                        placeholder="Bonjour,"
                        rows="10"
                        required></textarea>
                    @error('message')
                        <p>
                            {{ $message }}
                        </p>
                    @enderror    
                </div>
            </div>
            <div class="row">
                <div id="recaptcha">
                    <div class="g-recaptcha" data-sitekey="6LfscUQUAAAAAIrFKlW1Qbj31HiqqkLbgcetQBwT"></div>
                </div>
            </div>
            <br>
            <div class="submit">
                <button type="submit" class="button green">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
                    Envoyer votre message
                </button>
            </div>
        </form>
        <script src='https://www.google.com/recaptcha/api.js'></script>
    </section>
@endsection