<!doctype html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Reinitialisation mot de passe · LineUp France</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/lineup-shared.css') }}">
    <link rel="stylesheet" href="{{ asset('css/lineup-auth-shared.css') }}">
</head>
<body>
<div class="lu-auth-page">
    <div class="lu-auth-wrap">
        <div class="lu-auth-card">
            <div class="lu-auth-brand">
                <img src="{{ asset('images/lineup-logo.png') }}" alt="LineUp France">
                <span>LineUp France</span>
            </div>
            <span class="lu-auth-kicker">Securite compte</span>
            <h1 class="lu-auth-title">Nouveau mot de passe</h1>
            <p class="lu-auth-subtitle">LineUp France · Entrez votre nouveau mot de passe.</p>

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

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

            <form method="POST" action="{{ route('password.update') }}">
                @csrf
                <input type="hidden" name="token" value="{{ $token }}">

                <div class="lu-form-group">
                    <label class="lu-label" for="email">Email</label>
                    <input class="lu-input" id="email" type="email" name="email" value="{{ old('email', $email) }}" required>
                </div>

                <div class="lu-form-group">
                    <label class="lu-label" for="password">Mot de passe</label>
                    <input class="lu-input" id="password" type="password" name="password" required>
                </div>

                <div class="lu-form-group">
                    <label class="lu-label" for="password_confirmation">Confirmation mot de passe</label>
                    <input class="lu-input" id="password_confirmation" type="password" name="password_confirmation" required>
                </div>

                <div class="lu-auth-actions">
                    <button type="submit" class="lu-btn lu-btn-primary">Mettre a jour</button>
                    <a href="{{ route('bo.login') }}" class="lu-btn lu-btn-soft">Retour connexion BO</a>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
