@extends('layout')
@section('title', 'Connexion - Famille Letzelter')
@section('robots', 'noindex, nofollow')

@section('content')
    <section class="wrap auth-wrap">
        <div class="auth-card">
            <h1>Connexion</h1>
            <p class="muted">Accès réservé aux membres de la famille.</p>

            @if (session('status'))
                <div class="alert alert--ok">{{ session('status') }}</div>
            @endif

            @if ($errors->any())
                <div class="alert">{{ $errors->first() }}</div>
            @endif

            <form method="post" action="{{ route('login.attempt') }}" class="stack">
                @csrf
                <label>
                    <span>Identifiant ou adresse e-mail</span>
                    <input type="text" name="identifiant" value="{{ old('identifiant') }}"
                           required autofocus autocapitalize="none" autocorrect="off"
                           spellcheck="false" autocomplete="username" placeholder="dupon-mar">
                    <small class="champ-aide">Cinq lettres de votre nom, un trait, trois lettres de votre
                        prénom. Une Marie Dupont se connecterait avec <strong>dupon-mar</strong>.</small>
                </label>
                <label>
                    <span>Mot de passe</span>
                    <input type="password" name="password" required autocomplete="current-password">
                </label>
                <label class="check">
                    <input type="checkbox" name="remember" value="1"> Se souvenir de moi
                </label>
                <button type="submit" class="btn">Se connecter</button>
            </form>

            <p class="muted" style="font-size:.85rem; margin-top:14px">
                Identifiant oublié, mot de passe perdu ? Écrivez à
                <a href="mailto:{{ config('site.contact_email', 'alexandre@baumberger.me') }}">Alexandre</a>,
                il vous le redonne.
            </p>

            @php $fournisseurs = \App\Http\Controllers\Auth\SocialLoginController::disponibles(); @endphp
            @if ($fournisseurs)
                <p class="sep-ou"><span>ou</span></p>
                <div class="stack">
                    @foreach ($fournisseurs as $cle => $nom)
                        <a class="btn-social btn-social--{{ $cle }}" href="{{ route('social.redirection', $cle) }}">
                            Continuer avec {{ $nom }}
                        </a>
                    @endforeach
                </div>
                <p class="muted" style="font-size:.85rem; margin-top:12px">
                    Réservé aux personnes déjà invitées : votre adresse doit correspondre à un compte de famille.
                </p>
            @endif
        </div>
    </section>
@endsection