@extends('layouts.app')
@section('title', 'Modifier '.$user->name)
@section('content')
<a href="{{ route('admin.users.index') }}" class="mb-3 d-inline-block">&laquo; Retour à la liste</a>
<h3 class="mb-4">Modifier le compte — {{ $user->name }}</h3>

<div class="card p-4 mb-4" style="max-width:600px;">
    <form method="POST" action="{{ route('admin.users.update', $user) }}">
        @csrf
        @method('PUT')

        <div class="mb-3">
            <label class="form-label">Nom complet</label>
            <input type="text" name="name" class="form-control" value="{{ old('name', $user->name) }}" required>
        </div>
        <div class="mb-3">
            <label class="form-label">Rôle @include('partials.info-icon', ['text' => "Agent de collecte : accès à l'espace collecte/livraison. Administrateur : accès complet à la gestion."])</label>
            <select name="role" class="form-select" required>
                <option value="courier" @selected($user->role === 'courier')>Agent de collecte</option>
                <option value="admin" @selected($user->role === 'admin')>Administrateur</option>
            </select>
        </div>
        <div class="mb-3">
            <label class="form-label">Téléphone <span class="text-muted small">(utilisé pour les notifications WhatsApp)</span> @include('partials.info-icon', ['text' => "Format international recommandé : +216 XX XXX XXX."])</label>
            <input type="text" name="phone" class="form-control" value="{{ old('phone', $user->phone) }}" placeholder="+216 XX XXX XXX">
        </div>

        <hr>
        <h6>Compte de connexion</h6>
        <div class="mb-3">
            <label class="form-label">Email (identifiant de connexion) @include('partials.info-icon', ['text' => "L'adresse utilisée pour se connecter à la plateforme."])</label>
            <input type="email" name="login_email" class="form-control" value="{{ old('login_email', $user->email) }}" required>
        </div>
        <div class="mb-3">
            <label class="form-label">Nouveau mot de passe <span class="text-muted small">(laisser vide pour ne pas changer)</span> @include('partials.info-icon', ['text' => "Remplissez uniquement pour réinitialiser le mot de passe de ce compte."])</label>
            <input type="text" name="new_password" class="form-control" minlength="8" placeholder="••••••••">
        </div>

        <button class="btn btn-primary">Enregistrer les modifications</button>
        <a href="{{ route('admin.users.index') }}" class="btn btn-link">Annuler</a>
    </form>
</div>

<div class="card p-4" style="max-width:600px;">
    <h6>Statut du compte</h6>
    <form action="{{ route('admin.users.toggle', $user) }}" method="POST" @if($user->active) onsubmit="return confirm('Désactiver ce compte ?')" @endif>
        @csrf
        <button class="btn btn-sm btn-outline-secondary">
            {{ $user->active ? 'Désactiver ce compte' : 'Activer ce compte' }}
        </button>
    </form>
</div>
@endsection