@extends('layouts.app')
@section('title', 'Changer le mot de passe')
@section('page-title', 'Mon Profil – Mot de passe')

@section('content')
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card">
    <div class="card-header"><i class="fas fa-key me-2 text-primary"></i>Changer le mot de passe</div>
    <div class="card-body">
        <form method="POST" action="{{ route('profile.password.update') }}">
            @csrf @method('PUT')
            <div class="row g-3">
                <div class="col-12">
                    <label class="form-label fw-semibold">Mot de passe actuel *</label>
                    <input type="password" name="current_password" class="form-control" required>
                </div>
                <div class="col-12"><hr class="my-1"></div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Nouveau mot de passe *</label>
                    <input type="password" name="password" class="form-control" minlength="6" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Confirmer le mot de passe *</label>
                    <input type="password" name="password_confirmation" class="form-control" required>
                </div>
            </div>
            <hr>
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save me-1"></i>Enregistrer
                </button>
                <a href="{{ route('dashboard') }}" class="btn btn-outline-secondary">Annuler</a>
            </div>
        </form>
    </div>
</div>
</div>
</div>
@endsection