@extends('dashboard.layouts.app')

@section('content')
@include('components.alert')

<div class="container">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                @if(request('job_title_id') && request()->job_title_id == $job_titles->where('slug', 'tester')->first()->id)
                    <h5 class="mb-4">
                        Academic -> Testers
                        
                    </h5>
                @endif
                
                <br>
                <div class="card h-100 border-0 shadow-sm overflow-hidden p-3 " style="border-radius: 18px;">
                    <div class="card-header border-bottom d-flex align-items-center flex-wrap gap-2"
                        style="border-radius: 18px 18px 0 0;">
                        <div class="d-flex align-items-center flex-wrap gap-3">
                            <span class="text-secondary fw-medium p-2"><i class="ri-eye-line"></i> Show</span>
                            <form action="{{ route('staffs.index') }}" method="GET"
                                class="d-flex align-items-center gap-2">
                                <select name="per_page" id="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>
                            <form class="d-flex gap-2" action="{{ route('staffs.index') }}" method="GET">
                                <!-- Search -->
                                <div class="input-group input-group-sm">
                                    <input type="text" class="form-control" name="search" placeholder="Search"
                                        value="{{ request('search') }}">
                                    <button class="btn btn-outline-secondary" type="submit">
                                        <iconify-icon icon="ion:search-outline"></iconify-icon>
                                    </button>
                                </div>

                                {{-- @dd(Auth::user()->staff->department->slug) --}}

                                @if (Auth::user()->staff->department->slug != 'academy')
                                @if (!request('job_title_id'))
                                <!-- Department -->
                                <select name="department_id" class="form-select form-select-sm w-auto"
                                    onchange="this.form.submit()">
                                    <option value="">All Departments</option>
                                    @foreach ($departments as $department)
                                    <option value="{{ $department->id }}"
                                        {{ request('department_id') == $department->id ? 'selected' : '' }}>
                                        {{ $department->name }}
                                    </option>
                                    @endforeach
                                </select>

                                <!-- Role -->
                                <select name="role_id" class="form-select form-select-sm w-auto"
                                    onchange="this.form.submit()">
                                    <option value="">All Roles</option>
                                    @foreach ($roles as $role)
                                    <option value="{{ $role->id }}"
                                        {{ request('role_id') == $role->id ? 'selected' : '' }}>
                                        {{ $role->name }}
                                    </option>
                                    @endforeach
                                </select>
                                @endif
                                @endif
                                <!-- Role Type -->
                                <select name="role_type" class="form-select form-select-sm w-auto"
                                    onchange="this.form.submit()">
                                    <option value="">All Types</option>
                                    @foreach ($role_types as $role_type)
                                    <option value="{{ $role_type->id }}"
                                        {{ request('role_type') == $role_type->id ? 'selected' : '' }}>
                                        {{ $role_type->title }}
                                    </option>
                                    @endforeach
                                </select>
                                @php
                                    $authJobSlug = $authStaff->jobTitle->slug ?? null;
                                    $teacherJobId = $job_titles->where('slug', 'teacher')->first()->id ?? null;
                                @endphp
                                @if($authJobSlug === 'academic-manager' && request()->job_title_id == $teacherJobId)
                                <select name="manager_id" class="form-select form-select-sm w-auto"
                                    onchange="this.form.submit()">
                                    <option value="">All Supervisors</option>
                                    @foreach ($supervisors as $supervisor)
                                    <option value="{{ $supervisor->id }}"
                                        {{ request('manager_id') == $supervisor->id ? 'selected' : '' }}>
                                        {{ $supervisor->first_name }} . {{$supervisor->last_name}}
                                    </option>
                                    @endforeach
                                </select>
                                @endif
                                <select name="export" id="exportSelect" class="form-select form-select-sm w-auto"
                                    onchange="this.form.submit()">
                                    <option value="" selected>Export Data</option>
                                    <option value="pdf">PDF</option>
                                    <option value="excel">Excel</option>
                                </select>

                                @if (request('job_title_id'))
                                <input type="hidden" name="job_title_id" value="{{ request('job_title_id') }}">
                                @endif
                            </form>
                            <a href="{{ route('staffs.index', array_filter(['per_page' => request('per_page'), 'job_title_id' => request('job_title_id')])) }}"
                                class="btn btn-sm btn-outline-warning radius-8">
                                <i class="ri-close-circle-line"></i> Clear Filter
                            </a>
                            @if($authJobSlug === 'academic-manager' && request()->job_title_id == $teacherJobId)
                            <div class="d-flex align-items-center gap-2 mb-3">
                                <button type="button" class="btn btn-primary btn-sm radius-8" data-bs-toggle="modal" data-bs-target="#updateManagerModal">
                                    <i class="ri-user-settings-line me-1"></i> Update Manager
                                </button>
                            </div>
                            @endif

                            @can('hr_staffs_create')
                            <a href="{{ route('staffs.create') }}"
                                class="btn btn-sm btn-outline-primary radius-8 pm-3">
                                <i class="bi bi-plus-lg"></i>
                                Add New Employee
                            </a>
                            @endcan

                        </div>
                    </div>

                    <div class="table-responsive modern-table">
                        <table class="table table-hover table-striped align-middle mb-0">
                            <thead>
                                <tr>
                                @if($authJobSlug === 'academic-manager' && request()->job_title_id == $teacherJobId)
                                    <th class="text-center" style="width: 50px; vertical-align: middle;">
                                        <div style="display: flex; justify-content: center; align-items: center; height: 30px;">
                                            <input
                                                type="checkbox"
                                                id="selectAll"
                                                style="
                                                            width: 22px;
                                                            height: 22px;
                                                            cursor: pointer;
                                                            appearance: auto;
                                                            -webkit-appearance: checkbox;
                                                            accent-color: #0d6efd;
                                                            border: 2px solid #0d6efd;
                                                            border-radius: 4px;
                                                            background-color: #fff;
                                                            display: inline-block;
                                                        ">
                                        </div>
                                    </th>
                                    @endif
                                    <th class="text-center"><i class="ri-hashtag"></i> ID</th>
                                    <th class="text-center"><i class="ri-hashtag"></i>Photo</th>
                                    <th class="text-center"><i class="ri-hashtag"></i> Leave Requests</th>
                                    <th class="text-center"><i class="ri-user-3-line"></i> First Name</th>
                                    <th class="text-center"><i class="ri-user-3-line"></i> Last Name</th>
                                    @if (Auth::user()->staff->department->slug != 'academy')
                                    <th class="text-center"><i class="ri-building-2-line me-1"></i> Department</th>
                                    @endif
                                    {{-- @if (request()->job_title_id == $job_titles->where('id', request()->job_title_id)->first()->id) --}}
                                    @if ($job_titles->where('id', request()->job_title_id)->first())

                                    <th class="text-center"><i class="ri-building-2-line me-1"></i> Delay Status</th>
                                    @endif
                                    <th class="text-center">
                                        <i class="ri-user-settings-line me-1"></i> Job Title
                                    </th>
                                    @if (Auth::user()->staff->department->slug != 'academy')
                                    <th class="text-center"><i class="ri-user-settings-line me-1"></i> Manager</th>
                                    @endif
                                    <th class="text-center">
                                        <i class="ri-user-star-line me-1"></i> Employee Type
                                    </th>
                                    <th class="text-center"><i class="ri-calendar-line"></i> Date Of Joining</th>
                                    @if (Auth::user()->staff->department->slug == 'academy' && request('job_title_id'))
                                    <th class="text-center"><i class="ri-building-2-line me-1"></i> Students</th>
                                    @endif
                                    <th class="text-center"><i class="ri-settings-3-line"></i> Actions</th>

                                </tr>
                            </thead>
                            <tbody>
                                {{-- {{ dd($staffs) }} --}}
                                @forelse($staffs as $index => $staff)
                                <tr>

                                    @if($authJobSlug === 'academic-manager' && request()->job_title_id == $teacherJobId)
                                    <td class="text-center">
                                        <input
                                            type="checkbox"
                                            class="staff-checkbox form-check-input"
                                            value="{{ $staff->id }}"
                                            style="
                                                        width: 22px;
                                                        height: 22px;
                                                        cursor: pointer;
                                                        appearance: auto;
                                                        -webkit-appearance: checkbox;
                                                        accent-color: #0d6efd;
                                                        border: 2px solid #0d6efd;
                                                        border-radius: 4px;
                                                        background-color: #fff;
                                                    ">
                                    </td>
                                    @endif
                                    <td class="text-center">{{ $staff->id }}</td>
                                    <td class="text-center">
                                        <img src="{{ $staff->staff_photo ? $staff->staff_photo : asset('assets/images/logo-icon.png') }}"
                                            alt="{{ $staff->first_name }}" class="rounded" width="50"
                                            height="50">
                                    </td>
                                    
                                    
                                    <td class="text-center">
                                        @php
                                            $leave = $staff->requestLeaves->first();
                                        @endphp

                                        @if ($leave)
                                            @if ($leave->status == 'accepted')
                                                <span class="badge bg-success">
                                                    Approved<br>
                                                    From: {{ $leave->leave_from }}<br>
                                                    To: {{ $leave->leave_to }}
                                                </span>
                                            @elseif ($leave->status == 'rejected')
                                                <span class="badge bg-danger">
                                                    Unapproved<br>
                                                    From: {{ $leave->leave_from }}<br>
                                                    To: {{ $leave->leave_to }}
                                                </span>
                                            @elseif ($leave->status == 'pending')
                                                <span class="badge bg-warning">
                                                    Pending<br>
                                                    From: {{ $leave->leave_from }}<br>
                                                    To: {{ $leave->leave_to }}
                                                </span>
                                            @else
                                                <span class="badge bg-secondary">No Requests</span>
                                            @endif
                                        @else
                                            <span class="badge bg-secondary">No Requests</span>
                                        @endif
                                    </td>



                                    <td class="text-center"><a href="{{ route('staffs.show', $staff->id) }}"
                                            class="text-decoration-underline">{{ $staff->first_name }}</a>
                                    </td>
                                    <td class="text-center"><a href="{{ route('staffs.show', $staff->id) }}"
                                            class="text-decoration-underline">{{ $staff->last_name }}</a>
                                    </td>


                                    @if (Auth::user()->staff->department->slug != 'academy')
                                    <td class="text-center">{{ $staff->department->name ?? '' }}</td>
                                    @endif
                                    @php
                                        $jobTitle = $job_titles->where('id', request()->job_title_id)->first();
                                    @endphp
                                    @if ($jobTitle)                                       
                                        <td class="text-center">
                                            @php
                                                $isLate = false;
                                                foreach ($staff->scheduled as $course) {
                                                    $feedbacks = $course->teacherFeedback;
                                                
                                                    foreach ($course->scheduledSessions as $session) {
                                                        $sessionDate = \Carbon\Carbon::parse($session->session_date);
                                                        if ($sessionDate->copy()->addDay()->isPast()) {
                                                            $neededType = null;
                                                            
                                                            if ($session->session_number == 1 && str_contains(strtolower($course->course_name_en), 'demo')) {
                                                                $neededType = 'demo';
                                                            } elseif ($session->session_number == 2) {
                                                                $neededType = 'initial';
                                                            } elseif ($session->session_number == 4) {
                                                                $neededType = 'mid';
                                                            } elseif ($session->session_number == 8) {
                                                                $neededType = 'final';
                                                            }
    
                                                            if ($neededType) {
                                                                if ($feedbacks->where('type', $neededType)->isEmpty()) {
                                                                    $isLate = true;
                                                                    break 2;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            @endphp

                                            @if($isLate)
                                                <span class="badge bg-danger">Late</span>
                                            @else
                                                {{-- <span class="badge bg-success">On Time</span> --}}
                                            @endif
                                        </td>
                                    @endif
                                    <td class="text-center">{{ $staff->jobTitle->name ?? '' }}</td>
                                    @if (Auth::user()->staff->department->slug != 'academy')
                                    <td class="text-center">
                                        {{ trim(optional($staff->manager)->first_name . ' ' . optional($staff->manager)->last_name) ?: '__' }}
                                    </td>
                                    @endif
                                    <td class="text-center">{{ $staff->roleType->title ?? '' }}</td>
                                    <td class="text-center">{{ $staff->date_of_joining }}</td>
                                    @if (Auth::user()->staff->department->slug == 'academy' && request('job_title_id'))
                                    <td class="text-center">
                                        <a href="{{ Illuminate\Support\Facades\Config::get('app.Retention_URL') }}students?staff_id={{ $staff->id }}"
                                            class="btn btn-sm btn-outline-primary radius-8">
                                            View Students
                                        </a>
                                    </td>
                                    @endif
                                    <td class="text-center">
                                        <div class="d-flex gap-2">

                                            @can('hr_staffs_show')
                                            <a href="{{ route('staffs.show', $staff->id) }}"
                                                class="btn btn-sm btn-outline-primary radius-8" title="Show">
                                                <iconify-icon icon="lucide:eye" class="text-lg"></iconify-icon>
                                            </a>
                                            @endcan
                                            @can('hr_staffs_edit')
                                            <a href="{{ route('staffs.edit', $staff->id) }}"
                                                class="btn btn-sm btn-outline-primary radius-8" title="Edit">
                                                <iconify-icon icon="lucide:edit" class="text-lg"></iconify-icon>
                                            </a>
                                            @endcan

                                            @can('hr_staffs_destroy')
                                            @if (isset($staff->role) && Str::lower($staff->role->name) == 'super admin')
                                            <button class="btn btn-sm btn-outline-secondary radius-8"
                                                style='cursor:not-allowed' disabled
                                                title="Cannot delete Super Admin">
                                                <iconify-icon icon="fluent:delete-24-regular"
                                                    class="text-lg"></iconify-icon>
                                            </button>
                                            @else
                                            <button type="button"
                                                class="btn btn-sm btn-outline-danger radius-8"
                                                data-bs-toggle="modal" data-bs-target="#deleteModal"
                                                data-id="{{ $staff->id }}"
                                                data-name="{{ $staff->full_name }}" title="Delete">
                                                <iconify-icon icon="fluent:delete-24-regular"
                                                    class="text-lg"></iconify-icon>
                                            </button>
                                            @endif
                                            @endcan
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <tr class="text-center">
                                    <td colspan="10" class="text-center">No staff found.</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>

                        <div class="m-2">
                            <div>
                                {{ $staffs->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
                            </div>
                        </div>
                    </div>

                    <!-- Delete Confirmation Modal -->
                    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <form id="deleteForm" method="POST">
                                @csrf
                                @method('DELETE')
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h6 class="modal-title" id="deleteModalLabel">Delete Staff</h6>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                            aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body text-center">
                                        Are you sure you want to delete <strong id="staffName"></strong>?
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                            data-bs-dismiss="modal">Cancel</button>
                                        <button type="submit" class="btn btn-danger">Yes, Delete</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@if($authJobSlug === 'academic-manager' && request()->job_title_id == $teacherJobId)
<div class="modal fade" id="updateManagerModal" tabindex="-1" aria-labelledby="updateManagerModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <form id="updateManagerForm" method="POST" action="{{ route('staffs.updateManager') }}">
            @csrf
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="updateManagerModalLabel">Update Manager</h6>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Select a supervisor to assign as the manager for selected staff members:</p>
                    <select name="manager_id" class="form-select" required>
                        <option value="">-- Select Supervisor --</option>
                        @foreach ($supervisors as $supervisor)
                        <option value="{{ $supervisor->id }}">{{ $supervisor->first_name }} {{ $supervisor->last_name }}</option>
                        @endforeach
                    </select>
                    <input type="hidden" name="staff_ids" id="selectedStaffInput">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">Update Manager</button>
                </div>
            </div>
        </form>
    </div>
</div>
@endif
@endsection
@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const deleteModal = document.getElementById('deleteModal');
        deleteModal.addEventListener('show.bs.modal', function(event) {
            const button = event.relatedTarget;
            const staffId = button.getAttribute('data-id');
            const staffName = button.getAttribute('data-name');
            const form = document.getElementById('deleteForm');
            form.action = '/staffs/' + staffId;
            document.getElementById('staffName').textContent = staffName;
        });
    });
</script>
<script>
    document.getElementById('exportSelect').addEventListener('change', function() {
        var type = this.value;
        if (type) {
            window.open("{{ route('staffs.index') }}?export=" + type, '_blank');
            this.value = "";
        }
    });
    document.getElementById('selectAll')?.addEventListener('change', function() {
        document.querySelectorAll('input[name="staff_ids[]"]').forEach(cb => cb.checked = this.checked);
    });
</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const selectAll = document.getElementById('selectAll');
        if (selectAll) {
            selectAll.addEventListener('change', function() {
                document.querySelectorAll('.staff-checkbox').forEach(cb => cb.checked = this.checked);
            });
        }
        const updateManagerModal = document.getElementById('updateManagerModal');
        updateManagerModal?.addEventListener('show.bs.modal', function() {
            const selected = Array.from(document.querySelectorAll('.staff-checkbox:checked')).map(cb => cb.value);
            if (selected.length === 0) {
                event.preventDefault(); // Prevent modal from opening
                alert('Please select at least one staff member.');
                return false;
            }
            document.getElementById('selectedStaffInput').value = selected.join(',');
        });
    });
</script>
@endpush