@extends('layouts.app')
@section('title', isset($user) ? 'Modifier l\'utilisateur' : 'Nouvel utilisateur')
@section('page-title', isset($user) ? 'Modifier : '.($user->name??$user->email) : 'Nouvel utilisateur')
@section('content')
<div style="max-width:560px">
  <div class="card">
    <div class="card-header">
      <div class="card-title">{{ isset($user) ? 'Modifier l\'utilisateur' : 'Créer un compte' }}</div>
      <a href="{{ route('users.index') }}" class="btn btn-ghost btn-sm"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="15 18 9 12 15 6"/></svg>Retour</a>
    </div>
    <div class="card-body">
      <form method="POST" action="{{ isset($user) ? route('users.update',$user) : route('users.store') }}">
        @csrf
        @if(isset($user)) @method('PUT') @endif
        <div class="form-row">
          <div class="form-group">
            <label class="form-label">Nom complet <span class="req">*</span></label>
            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name',$user->name??'') }}" required>
            @error('name')<div class="form-error">{{ $message }}</div>@enderror
          </div>
          <div class="form-group">
            <label class="form-label">Email <span class="req">*</span></label>
            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email',$user->email??'') }}" required>
            @error('email')<div class="form-error">{{ $message }}</div>@enderror
          </div>
        </div>
        <div class="form-group">
          <label class="form-label">Rôle <span class="req">*</span></label>
          <select name="role" class="form-control @error('role') is-invalid @enderror">
            <option value="commercial" @selected(old('role',$user->role??'')==='commercial')>Commercial</option>
            <option value="storage_manager" @selected(old('role',$user->role??'')==='storage_manager')>Responsable Stock</option>
            <option value="admin" @selected(old('role',$user->role??'')==='admin')>Administrateur</option>
            @if(auth()->user()->isSuperAdmin())<option value="super_admin" @selected(old('role',$user->role??'')==='super_admin')>Super Admin</option>@endif
          </select>
          @error('role')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        @if(!isset($user))
        <div class="form-group">
          <label class="form-label">Mot de passe <span class="req">*</span></label>
          <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
          <div class="form-hint">Min. 8 caractères, majuscule et chiffre requis</div>
          @error('password')<div class="form-error">{{ $message }}</div>@enderror
        </div>
        @endif
        <div class="form-actions" style="border-top:1px solid var(--gray-100);padding-top:16px">
          <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>{{ isset($user) ? 'Enregistrer' : 'Créer le compte' }}</button>
          <a href="{{ route('users.index') }}" class="btn btn-outline">Annuler</a>
        </div>
      </form>

      @if(isset($user))
      <div class="divider"></div>
      <h3 style="font-size:13.5px;font-weight:700;margin-bottom:12px">Changer le mot de passe</h3>
      <form method="POST" action="{{ route('users.password',$user) }}">
        @csrf @method('PUT')
        <div class="form-row">
          <div class="form-group"><label class="form-label">Nouveau mot de passe</label><input type="password" name="password" class="form-control" required></div>
          <div class="form-group"><label class="form-label">Confirmer</label><input type="password" name="password_confirmation" class="form-control" required></div>
        </div>
        <button type="submit" class="btn btn-outline btn-sm"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="13" height="13"><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>
      @endif
    </div>
  </div>
</div>
@endsection