@extends('layouts.app')

@section('content')
    <header class="page-header">
        <h1>Mot de passe</h1>
    </header>

    <section class="panel">
        <form method="post" action="{{ route('password.update') }}" class="form-grid">
            @csrf
            @method('put')

            <label class="full">Mot de passe actuel
                <input type="password" name="current_password" required autocomplete="current-password">
            </label>

            <label>Nouveau mot de passe
                <input type="password" name="password" required autocomplete="new-password">
            </label>

            <label>Confirmer le nouveau mot de passe
                <input type="password" name="password_confirmation" required autocomplete="new-password">
            </label>

            <p class="muted full">Le nouveau mot de passe doit contenir au moins 12 caractères, avec des lettres et des chiffres.</p>

            <button class="primary">Modifier le mot de passe</button>
        </form>
    </section>
@endsection