@extends('dashboard.layouts.app')
@section('content')
<div class="mt-5">

    @if ($errors->any())
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <ul class="mb-0">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif



    @if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert" id="successAlert">
        <i class="fas fa-check-circle me-2"></i>{{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif
    @if ($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <i class="fas fa-exclamation-circle me-2"></i>
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="fas fa-exclamation-circle me-2"></i>{{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card h-100 border-0 shadow-sm overflow-hidden p-3">
                    <div
                        class="card-header border-bottom py-3 px-5 d-flex align-items-center flex-wrap justify-content-between gap-3">
                        <div class="d-flex align-items-center flex-wrap gap-3">
                            {{-- <form action="{{ route('requests.index') }}" method="GET">
                            <select name="per_page" class="form-select form-select-sm w-auto"
                                onchange="this.form.submit()">
                                @foreach ([5, 10, 25, 50, 100, 150] as $count)
                                <option value="{{ $count }}"
                                    {{ request('per_page', 10) == $count ? 'selected' : '' }}>
                                    {{ $count }}
                                </option>
                                @endforeach
                            </select>
                            </form> --}}
                        </div>
                        @if(
                            request('priority') == "high" &&
                            optional(optional(Auth::user()->staff)->department)->slug == "marketing"
                        )
                    
                        @else
                            <a href="{{ route('requests.create') }}"
                                class="btn btn-primary btn-sm d-flex align-items-center gap-2">
                                <iconify-icon icon="ic:baseline-plus"></iconify-icon> Add New Request
                            </a>
                        @endif

                    </div>
                    <div class="card shadow-lg border-0 rounded-3">
                        <div class="card-body mt-1">
                            <form method="GET" class="row g-3 mb-4">
                                @if(Auth::user()->role_id == 1)
                                <div class="col-md-3">
                                    <select name="department_id" class="form-select select2" onchange="this.form.submit()">
                                        <option value="">Filter by Department</option>
                                        @foreach ($departments as $department)
                                        <option value="{{ $department->id }}"
                                            {{ request('department_id') == $department->id ? 'selected' : '' }}>
                                            {{ $department->name }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                                @endif
                                @if(optional(Auth::user()->staff->department)->slug != "marketing")
                                <div class="col-md-3">
                                    <select name="type_id" class="form-select select2" onchange="this.form.submit()">
                                        <option value="">Filter by Request Type</option>
                                        @foreach ($requestTypes as $requst_type)
                                        <option value="{{ $requst_type->id }}"
                                            {{ request('type_id') == $requst_type->id ? 'selected' : '' }}>
                                            {{ $requst_type->name }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <select name="priority" class="form-select rounded-3" onchange="this.form.submit()">
                                        <option value="">Filter by Priority</option>
                                        <option value="low" {{ request('priority') == 'low' ? 'selected' : '' }}>Low</option>
                                        <option value="medium" {{ request('priority') == 'medium' ? 'selected' : '' }}>Medium</option>
                                        <option value="high" {{ request('priority') == 'high' ? 'selected' : '' }}>High</option>
                                    </select>
                                </div>
                                <div class="col-md-3 d-flex align-items-center">
                                    <a href="{{ route('requests.index') }}" class="btn btn-outline-secondary w-100">
                                        <i class="fas fa-undo me-1"></i> Clear Filters
                                    </a>
                                </div>
                                @endif
                            </form>
                            @if ($requests->isNotEmpty())
                            <div class="mt-3">
                                <div style="overflow:auto">

                                <table class="text-center table table-bordered table-sm table bordered-table sm-table mb-0">

                                    <thead>
                                        <tr>
                                            <th class="text-center">Department</th>
                                            <th class="text-center">Created By</th>
                                            <th class="text-center">Request For</th>
                                            <th class="text-center">Request Type</th>
                                            <th class="text-center">Priority</th>
                                            <th class="text-center">Deadline</th>
                                            <th class="text-center">Status</th>
                                            <th class="text-center">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($requests as $request)
                                        <tr>
                                            <td>{{ $request->department->name ?? 'N/A' }}</td>
                                            <td>{{ $request->creator->first_name ?? '' }} {{ $request->creator->last_name ?? '' }}</td>
                                            <td>{{ $request->requestFor->first_name ." " .   $request->requestFor->last_name }}</td>
                                            <td>{{ $request->type->name ?? 'N/A' }}</td>
                                            <td>
                                                <span class="badge 
                                                                {{ $request->priority == 'high' ? 'bg-danger' : ($request->priority == 'medium' ? 'bg-warning' : 'bg-success') }}">
                                                    {{ ucfirst($request->priority) }}
                                                </span>
                                            </td>
                                            <td>{{ $request->deadline ?? '-' }}</td>
                                            <td>
                                                 <span class="badge 
                                                                {{ $request->status == 'rejected' ? 'bg-danger' : ($request->status == 'pending' ? 'bg-warning' : 'bg-success') }}">
                                                    {{ ucfirst($request->status) }}
                                                </span>
                                            </td>
                                            <td>
                                                <a href="{{ route('requests.show', $request->id) }}"
                                                    class="btn btn-outline-success btn-sm radius-8" title="View">
                                                    <iconify-icon icon="fluent:eye-24-regular" class="text-lg"></iconify-icon>
                                                </a>
                                                @if($request->created_by == $staff_id)
                                                <a href="{{ route('requests.edit', $request->id) }}"
                                                    class="btn btn-outline-danger btn-sm radius-8" title="Edit">
                                                    <iconify-icon icon="lucide:edit" class="text-lg"></iconify-icon>
                                                </a>
                                                @endif
                                                @can('hr_request_show_applicants')                                                
                                                    @if($request->requestRecruitments->count() > 0)
                                                        <a href="{{ route('showApplicants', $request->id) }}"
                                                            class="btn btn-outline-primary btn-sm radius-8">
                                                            <iconify-icon icon="lucide:file" class="text-lg"></iconify-icon>
                                                        </a>
                                                    @else
                                                         <a class="btn btn-outline-secondary btn-sm radius-8" style="cursor: not-allowed">
                                                            <iconify-icon icon="lucide:file" class="text-lg"></iconify-icon>
                                                        </a>
                                                    @endif
                                                @endcan

                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                </div>
                                <div class="m-2">
                                    {{ $requests->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
                                </div>
                            </div>
                            @else
                            <div class="text-center py-4">
                                <p class="text-muted"><i class="fas fa-info-circle me-2"></i>No HR Requests found.</p>
                            </div>
                            @endif
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
@push('scripts')
<script>
    $(document).ready(function() {
        $('.select2').select2({
            width: '100%'
        });
    });
    setTimeout(() => {
        let alert = document.getElementById('successAlert');
        if (alert) {
            let bsAlert = new bootstrap.Alert(alert);
            bsAlert.close();
        }
    }, 10000);
</script>
@endpush