@extends('layouts.app')
@section('title','Mon profil')
@section('page-title','Mon profil')
@section('content')
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px">
  <div class="card">
    <div class="card-header"><div class="card-title">Informations personnelles</div></div>
    <div class="card-body">
      <form method="POST" action="{{ route('profile.update') }}">
        @csrf @method('PUT')
        <div class="form-group"><label class="form-label">Nom complet</label><input type="text" name="name" class="form-control" value="{{ old('name',$user->name) }}" required></div>
        <div class="form-group"><label class="form-label">Email</label><input type="email" name="email" class="form-control" value="{{ old('email',$user->email) }}" required></div>
        <div class="form-group"><label class="form-label">Rôle</label><input type="text" class="form-control" value="{{ $user->getRoleLabel() }}" disabled style="background:var(--gray-50)"></div>
        <button type="submit" class="btn btn-primary"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="15" height="15"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/></svg>Mettre à jour</button>
      </form>
    </div>
  </div>
  <div class="card">
    <div class="card-header"><div class="card-title">Changer le mot de passe</div></div>
    <div class="card-body">
      <form method="POST" action="{{ route('profile.password') }}">
        @csrf @method('PUT')
        <div class="form-group"><label class="form-label">Mot de passe actuel</label><input type="password" name="current_password" class="form-control @error('current_password') is-invalid @enderror" required>@error('current_password')<div class="form-error">{{ $message }}</div>@enderror</div>
        <div class="form-group"><label class="form-label">Nouveau mot de passe</label><input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required><div class="form-hint">Min. 8 caractères</div>@error('password')<div class="form-error">{{ $message }}</div>@enderror</div>
        <div class="form-group"><label class="form-label">Confirmer</label><input type="password" name="password_confirmation" class="form-control" required></div>
        <button type="submit" class="btn btn-primary"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="15" height="15"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>Changer le mot de passe</button>
      </form>
    </div>
  </div>
</div>
@endsection