@extends('theme::fo.layout')

@section('title', 'Mot de passe oublié')

@section('content')
    <div class="connect floating grid">
        <div class="head-bloc"></div>
        <section class="main--bloc container">

            <div class="flex" id="lost_edit">
                @if (!isset($tokenValid) || !$tokenValid)
                    <h1 class="post-title">Mot de passe oublié</h1>
                    <form class="flex" id="lost--form" method="POST" action="{{ route('mail-password') }}">
                        @method('PUT')
                        @csrf
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        <p>Pour que nous puissions vous envoyer un lien de réinitialisation de votre mot de passe, merci de nous indiquer
                            l'adresse e-mail saisie lors de votre inscription.</p>
                        <div class="edit--blocs flex">
                            <input id="" name="email" type="email" value="" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
                                placeholder="Votre adresse email" required>
                        </div>
                        <input class="btn" type="submit" value="Je valide">
                    </form>
                @elseif ($tokenValid)
                    <h1 class="post-title">Changement de votre mot de passe</h1>
                    <form method="POST" action="{{ route('change-password', $token) }}">
                        @method('PUT')
                        @csrf
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif
                        <input name="password" type="password" placeholder="Votre nouveau mot de passe*" required>
                        <input id="password-confirm" name="password_confirmation" type="password" required autocomplete="new-password"
                            placeholder="Confirmer votre nouveau mot de passe*">
                        <input name="token" type="hidden" value="{{ $token }}">
                        <input class="btn btn-primary" type="submit" value="Envoyer">
                    </form>
                @endif
            </div>
        </section>
    </div>
@endsection