@extends('layouts.admin')
@section('title', 'Edit User')
@section('page-title', 'Edit User')
@section('content')
<div class="max-w-2xl">
    <form action="{{ route('users.update', $user) }}" method="POST" enctype="multipart/form-data" class="space-y-6 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        @method('PUT')
        <div class="grid gap-6 sm:grid-cols-2">
            <div class="sm:col-span-2">
                <label for="name" class="block text-sm font-medium text-slate-700">Name</label>
                <input type="text" name="name" id="name" value="{{ old('name', $user->name) }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                @error('name')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="email" class="block text-sm font-medium text-slate-700">Email</label>
                <input type="email" name="email" id="email" value="{{ old('email', $user->email) }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                @error('email')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="mobile" class="block text-sm font-medium text-slate-700">Mobile</label>
                <input type="text" name="mobile" id="mobile" value="{{ old('mobile', $user->mobile) }}" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="password" class="block text-sm font-medium text-slate-700">New Password (leave blank to keep)</label>
                <input type="password" name="password" id="password" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                @error('password')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
            </div>
            <div>
                <label for="password_confirmation" class="block text-sm font-medium text-slate-700">Confirm Password</label>
                <input type="password" name="password_confirmation" id="password_confirmation" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="role" class="block text-sm font-medium text-slate-700">Role</label>
                <select name="role" id="role" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    @foreach($roles as $role)<option value="{{ $role->name }}" {{ old('role', $user->getRoleNames()->first()) === $role->name ? 'selected' : '' }}>{{ $role->name }}</option>@endforeach
                </select>
            </div>
            <div>
                <label for="branch_id" class="block text-sm font-medium text-slate-700">Branch</label>
                <select name="branch_id" id="branch_id" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    <option value="">None</option>
                    @foreach($branches as $b)<option value="{{ $b->id }}" {{ old('branch_id', $user->branch_id) == $b->id ? 'selected' : '' }}>{{ $b->name }} ({{ $b->code }})</option>@endforeach
                </select>
            </div>
            <div>
                <label for="status" class="block text-sm font-medium text-slate-700">Status</label>
                <select name="status" id="status" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    <option value="active" {{ old('status', $user->status) === 'active' ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ old('status', $user->status) === 'inactive' ? 'selected' : '' }}>Inactive</option>
                </select>
            </div>
            <div>
                <label for="profile_image" class="block text-sm font-medium text-slate-700">Profile Image</label>
                @if($user->profile_image)<p class="mt-1 text-xs text-slate-500">Current: stored</p>@endif
                <input type="file" name="profile_image" id="profile_image" accept="image/*" class="mt-1 block w-full text-sm text-slate-500 file:mr-4 file:rounded-lg file:border-0 file:bg-slate-100 file:px-4 file:py-2 file:text-sm">
                @error('profile_image')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
            </div>
        </div>
        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Update User</button>
            <a href="{{ route('users.index') }}" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a>
        </div>
    </form>
</div>
@endsection