@extends('layouts.app')

@section('content')
<div class="centered">
    <h1>Réinitialisation du site</h1>

    <p>
        Pour continuer, veuillez saisir à nouveau votre mot de passe.
    </p>

    <form method="POST" action="{{ route('site.reset.execute') }}" onsubmit="return confirmReset();">
        @csrf

        <div class="form-group" style="max-width: 400px; margin: 20px auto;">
            <label for="password">Mot de passe</label>
            <input
                id="password"
                type="password"
                name="password"
                class="form-control"
                required
                autocomplete="current-password"
            >

            @error('password')
                <div style="color: red; margin-top: 8px;">
                    {{ $message }}
                </div>
            @enderror
        </div>

        <div style="margin-top: 20px;">
            <button type="submit" class="btn btn-danger">
                Lancer la réinitialisation
            </button>

            <a href="{{ url()->previous() }}" class="btn btn-secondary">
                Annuler
            </a>
        </div>
    </form>
</div>

<script>
    function confirmReset() {
        return confirm(
            "Ce processus est irréversible, il supprimera toutes les données des parents et toutes les réservations, les seules données conservées seront celles des coordinateurs et des administrateurs."
        );
    }
</script>
@endsection