@extends('layouts.app')

@section('title', 'Edit Staff Member - ' . $user->name)

@section('content')
<div class="mb-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-1 small">
            <li class="breadcrumb-item"><a href="{{ route('users.index') }}" class="text-success text-decoration-none">Staff</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $user->name }}</li>
        </ol>
    </nav>
    <h3 class="fw-bold mb-1 text-dark">Edit Staff Account: {{ $user->name }}</h3>
    <p class="text-muted mb-0 small">Update contact details, role assignment, and credentials.</p>
</div>

<div class="card shadow-sm border-0">
    <div class="card-body p-4">
        <form method="POST" action="{{ route('users.update', $user) }}">
            @csrf
            @method('PUT')

            <h5 class="fw-bold text-dark mb-3"><i class="bi bi-person me-2 text-success"></i>Personal & Contact Information</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label for="name" class="form-label small fw-semibold">Full Name <span class="text-danger">*</span></label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name', $user->name) }}" required>
                    @error('name')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label for="email" class="form-label small fw-semibold">Email Address (Login Identity) <span class="text-danger">*</span></label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email" value="{{ old('email', $user->email) }}" required>
                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label for="phone" class="form-label small fw-semibold">Telephone / Mobile</label>
                    <input type="text" class="form-control @error('phone') is-invalid @enderror" id="phone" name="phone" value="{{ old('phone', $user->phone) }}">
                    @error('phone')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label for="status" class="form-label small fw-semibold">Account Status <span class="text-danger">*</span></label>
                    <select class="form-select @error('status') is-invalid @enderror" id="status" name="status" required>
                        <option value="active" {{ old('status', $user->status) === 'active' ? 'selected' : '' }}>Active (Login Permitted)</option>
                        <option value="inactive" {{ old('status', $user->status) === 'inactive' ? 'selected' : '' }}>Inactive (Deactivated)</option>
                    </select>
                    @error('status')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <h5 class="fw-bold text-dark mb-3 border-top pt-3"><i class="bi bi-shield-check me-2 text-success"></i>Role & Store Assignment</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label for="role_id" class="form-label small fw-semibold">System Role <span class="text-danger">*</span></label>
                    <select class="form-select @error('role_id') is-invalid @enderror" id="role_id" name="role_id" required>
                        @foreach($roles as $role)
                            <option value="{{ $role->id }}" {{ old('role_id', $currentRoleId) == $role->id ? 'selected' : '' }}>
                                {{ $role->name }} ({{ $role->slug }})
                            </option>
                        @endforeach
                    </select>
                    @error('role_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label for="store_id" class="form-label small fw-semibold">Assigned Primary Store</label>
                    <select class="form-select @error('store_id') is-invalid @enderror" id="store_id" name="store_id">
                        <option value="">-- None / Organization Wide --</option>
                        @foreach($stores as $st)
                            <option value="{{ $st->id }}" {{ old('store_id', $assignedStoreId) == $st->id ? 'selected' : '' }}>
                                {{ $st->name }} ({{ $st->code }})
                            </option>
                        @endforeach
                    </select>
                    @error('store_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <h5 class="fw-bold text-dark mb-3 border-top pt-3"><i class="bi bi-key me-2 text-success"></i>Change Password (Optional)</h5>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label for="password" class="form-label small fw-semibold">New Password</label>
                    <input type="password" class="form-control @error('password') is-invalid @enderror" id="password" name="password" autocomplete="new-password" placeholder="Leave blank to preserve current password">
                    @error('password')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6">
                    <label for="password_confirmation" class="form-label small fw-semibold">Confirm New Password</label>
                    <input type="password" class="form-control" id="password_confirmation" name="password_confirmation" autocomplete="new-password" placeholder="Re-enter new password">
                </div>
            </div>

            <div class="border-top pt-3 d-flex justify-content-end gap-2">
                <a href="{{ route('users.index') }}" class="btn btn-light border">Cancel</a>
                <button type="submit" class="btn btn-agri">
                    <i class="bi bi-check2-circle me-1"></i> Update Staff Details
                </button>
            </div>
        </form>
    </div>
</div>
@endsection