@extends('admin.layouts.app')
@section('title', isset($user) ? 'Edit User' : 'Add User')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}">Users</a></li>
    <li class="breadcrumb-item active">{{ isset($user) ? 'Edit' : 'Add' }}</li>
@endsection

@section('content')
<div class="page-header">
    <h1><i class="fas fa-user-cog text-secondary"></i> {{ isset($user) ? 'Edit User' : 'Add New User' }}</h1>
    <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-1"></i> Back
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-6">
        <form action="{{ isset($user) ? route('admin.users.update', $user) : route('admin.users.store') }}"
              method="POST">
            @csrf
            @if(isset($user)) @method('PUT') @endif

            <div class="card">
                <div class="card-header">User Details</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Full Name <span class="text-danger">*</span></label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                            value="{{ old('name', $user->name ?? '') }}" required placeholder="John Smith">
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Email Address <span class="text-danger">*</span></label>
                        <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                            value="{{ old('email', $user->email ?? '') }}" required placeholder="john@example.com">
                        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">
                            Password {{ isset($user) ? '(leave blank to keep current)' : '' }}
                            @if(!isset($user))<span class="text-danger">*</span>@endif
                        </label>
                        <input type="password" name="password"
                            class="form-control @error('password') is-invalid @enderror"
                            {{ isset($user) ? '' : 'required' }} minlength="8"
                            placeholder="{{ isset($user) ? 'Leave blank to keep current password' : 'Minimum 8 characters' }}">
                        @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    @if(!isset($user) || true)
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Confirm Password</label>
                        <input type="password" name="password_confirmation" class="form-control"
                            placeholder="Repeat password">
                    </div>
                    @endif
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Role <span class="text-danger">*</span></label>
                        <select name="role" class="form-select @error('role') is-invalid @enderror" required>
                            <option value="admin"  {{ old('role', $user->role ?? '') === 'admin'  ? 'selected' : '' }}>
                                Admin — Full access
                            </option>
                            <option value="editor" {{ old('role', $user->role ?? '') === 'editor' ? 'selected' : '' }}>
                                Editor — Manage content
                            </option>
                            <option value="user"   {{ old('role', $user->role ?? '') === 'user'   ? 'selected' : '' }}>
                                User — No admin access
                            </option>
                        </select>
                        @error('role')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="d-flex justify-content-between align-items-center">
                        <label class="form-label mb-0 fw-semibold">Account Active</label>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1"
                                {{ old('is_active', $user->is_active ?? true) ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>
                <div class="card-footer bg-white d-flex gap-2">
                    <button type="submit" class="btn btn-green">
                        <i class="fas fa-save me-2"></i>{{ isset($user) ? 'Update User' : 'Create User' }}
                    </button>
                    <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection