@extends('admin.admin_dashboard')

@section('admin')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<div class="page-content">
    <!-- Breadcrumb -->
    <div class="page-breadcrumb d-flex align-items-center mb-4">
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="javascript:;" class="text-primary"><i class="bx bx-home-alt"></i></a></li>
                    <li class="breadcrumb-item active" aria-current="page">Edit User</li>
                </ol>
            </nav>
        </div>
    </div>
    <!-- End Breadcrumb -->

    <div class="card shadow-sm border-0">
        <div class="card-body p-4">
            <h4 class="mb-4 text-primary">Edit User</h4>
            <form id="myForm" action="{{ route('update.user', $user->id) }}" method="post" class="row g-3" enctype="multipart/form-data">
                @csrf

                <!-- Username Field -->
                <div class="form-group col-md-6">
                    <label for="input1" class="form-label fw-bold">User Name</label>
                    <input type="text" name="username" class="form-control shadow-sm" id="input1" value="{{ $user->username }}">
                </div>

                <!-- Name Field -->
                <div class="form-group col-md-6">
                    <label for="input2" class="form-label fw-bold">Name</label>
                    <input type="text" name="name" class="form-control shadow-sm" id="input2" value="{{ $user->name }}">
                </div>

                <!-- Email Field -->
                <div class="form-group col-md-6">
                    <label for="input3" class="form-label fw-bold">Email</label>
                    <input type="email" name="email" class="form-control shadow-sm" id="input3" value="{{ $user->email }}">
                </div>

                <!-- Role Selection Field -->
                <div class="form-group col-md-6">
<<<<<<< HEAD
                    <label for="append-toggle-single-field" class="form-label fw-bold">Role</label>
                    <select name="roles" class="form-select shadow-sm" id="append-toggle-single-field" required>
                        <option selected disabled>Open this select menu</option>
=======
                    <label for="user-role" class="form-label fw-bold">Role</label>
                    <select name="roles" id="user-role" class="form-select chm-select shadow-sm" data-placeholder="Select role" required>
                        <option value="" disabled {{ $user->roles->isEmpty() ? 'selected' : '' }}>Select role</option>
>>>>>>> origin/main
                        @foreach ($roles as $role)
                            <option value="{{ $role->id }}" {{ $user->hasRole($role->name) ? 'selected' : '' }}>
                                {{ $role->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

<<<<<<< HEAD
=======
                @if(isset($departments))
                <div class="form-group col-md-6">
                    <label class="form-label fw-bold">Department</label>
                    <select name="department_id" class="form-select chm-select shadow-sm" data-placeholder="Select department">
                        <option value="">— None —</option>
                        @foreach($departments as $department)
                            <option value="{{ $department->id }}" @selected(old('department_id', $user->department_id) == $department->id)>{{ $department->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group col-md-6">
                    <label class="form-label fw-bold">Line manager</label>
                    <select name="manager_id" class="form-select chm-select shadow-sm" data-placeholder="Select line manager">
                        <option value="">— Top level —</option>
                        @foreach($managers ?? [] as $manager)
                            <option value="{{ $manager->id }}" @selected(old('manager_id', $user->manager_id) == $manager->id)>{{ $manager->name }}</option>
                        @endforeach
                    </select>
                    <div class="form-text">Used for funds requisition approval routing & email.</div>
                </div>
                @endif

>>>>>>> origin/main
                <!-- Submit Button -->
                <div class="col-md-12 text-end">
                    <button type="submit" class="btn btn-primary px-4 py-2 rounded-pill shadow-sm">
                        Save Changes
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    .form-control, .form-select {
        border-radius: 8px;
        padding: 12px;
        font-size: 16px;
    }

    .btn-primary {
        background: linear-gradient(135deg, #007bff, #0056b3);
        border: none;
        transition: all 0.3s ease-in-out;
    }

    .btn-primary:hover {
        transform: scale(1.05);
        box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
    }
</style>
@endsection