@extends('auth.layout.app')

@section('title', config('app.name') . ' - Mot de passe')

@section('content')

    {{-- Session status --}}
    @if (session('status'))

    <div class="kt-card max-w-md w-full">
        <div class="kt-card-content p-10 text-center flex flex-col gap-6">
            <div class="flex justify-center">
                <img alt="image" class="dark:block max-h-[130px]" src="{{asset('assets/media/illustrations/30.svg')}}">
                <img alt="image" class="light:hidden max-h-[130px]" src="{{asset('assets/media/illustrations/30-dark.svg')}}">
            </div>
            <div class="space-y-2">
            <h3 class="text-lg font-medium text-mono"> {{ __('auth.password_reset.check_email') }}</h3>
            <p class="text-sm text-zinc-500">{{ __('auth.password_reset.email_sent') }}</p>
            </div>
            <div class="flex flex-col gap-3">
            <a href="{{ route('login') }}" class="kt-btn kt-btn-primary justify-center">
                {{ __('auth.login.back_to_login') }}
            </a>
            </div>
            <div class="text-xs text-zinc-500">
            {{ __('auth.password_reset.check_spam') }}
            </div>

        </div>
    </div>

    @else

    <div class="kt-card max-w-md w-full">
        <form method="POST" action="{{ route('password.email') }}" class="kt-card-content flex flex-col gap-5 p-10" id="reset_password_enter_email_form">
            @csrf
            <div class="text-center">
                <h3 class="text-lg font-medium text-mono">{{ __('auth.password_reset.title') }}</h3>
            </div>
            <span class="text-sm text-zinc-500">
                {{ __('auth.password_reset.description') }}
            </span>

            {{-- Email --}}
            <div class="flex flex-col gap-1">
                <input
                    id="email"
                    name="email"
                    type="email"
                    value="{{ old('email') }}"
                    required
                    autofocus
                    placeholder="{{ __('auth.placeholders.email') }}"
                    class="kt-input kt-input-lg"
                    @error('email') aria-invalid="true" @enderror>

                @error('email')
                    <span class="text-xs text-red-600 mt-2">
                        {{ $message }}
                    </span>
                @enderror
            </div>

            {{-- Submit --}}
            <button type="submit" class="kt-btn kt-btn-primary flex justify-center items-center gap-2 grow">{{ __('auth.password_reset.action') }}</button>

            {{-- Back to login --}}
            <div class="text-center text-sm text-zinc-400">
                <a href="{{ route('login') }}" class="text-xs font-medium text-blue-500 hover:underline" >{{ __('auth.login.back_to_login') }}</a>
            </div>
        </form>
    </div>

    @endif


@endsection