@extends('layouts.app')
@section('title', 'Edit User')
@section('content')
<div class="page-header flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
    <div>
        <h2 class="page-title">Edit User</h2>
        <p class="page-subtitle">Update user details: {{ $user->name }}</p>
    </div>
    <a href="{{ route('users.index') }}" class="btn-ghost">
        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/></svg>
        Back to Users
    </a>
</div>

<form method="POST" action="{{ route('users.update', $user) }}" class="bg-white rounded-2xl border border-gray-100 p-6 lg:p-8 card-elevated">
    @csrf
    @method('PUT')

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <x-form-group label="Name" name="name" :value="old('name', $user->name)" required placeholder="Enter full name" />
        <x-form-group label="Email" name="email" type="email" :value="old('email', $user->email)" required placeholder="user@example.com" />
        <x-form-group label="New Password" name="password" type="password" placeholder="Leave blank to keep current" />
        <x-form-group label="Confirm New Password" name="password_confirmation" type="password" placeholder="Confirm new password" />
        <x-form-group label="Phone" name="phone" :value="old('phone', $user->phone)" placeholder="+91 9876543210" />
        <x-form-group label="Role" name="role" type="select" :value="old('role', $user->roles->first()->id ?? '')" :options="$roles" required />
        <x-form-group label="Status" name="status" type="select" :value="old('status', (int)$user->status)" :options="['1' => 'Active', '0' => 'Inactive']" required />
        @if(auth()->user()->isSuperAdmin())
        <x-form-group label="Account" name="account_id" type="select" :value="old('account_id', $user->account_id)" :options="$accounts" placeholder="None (Super Admin)" optionValue="id" optionLabel="account_name" />
        @endif
    </div>

    <div class="mt-6 pt-4 border-t border-gray-100 flex items-center justify-end gap-3">
        <a href="{{ route('users.index') }}" class="btn-secondary">Cancel</a>
        <x-button type="submit">
            <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/></svg>
            Update User
        </x-button>
    </div>
</form>
@endsection