@php
    $title = __('modules.jomhor.resources_views_services_department_requests.text_cc95a79065');
@endphp

<x-jomhor::layout :title="$title">
    <x-slot name="actions"></x-slot>
    <x-search :searchable="\Modules\PublicService\Entities\Service::getSearchable()"/>

    @php
        $statusOptions = [
            '' => 'كل الحالات',
            'new' => 'جديد',
            'ongoing' => 'قيد المعالجة',
            'rejected' => 'مرفوض',
            'hold' => 'معلق',
            'completed' => 'مكتمل',
        ];

        $statusColors = [
            'new' => 'bg-blue-100 text-blue-700',
            'ongoing' => 'bg-green-100 text-green-700',
            'rejected' => 'bg-red-100 text-red-700',
            'hold' => 'bg-yellow-100 text-yellow-700',
            'completed' => 'bg-gray-200 text-gray-700',
        ];

        $dueBadge = function ($service) {
            if (! $service->due_date) {
                return null;
            }

            $due = \Carbon\Carbon::parse($service->due_date)->startOfDay();
            $today = now()->startOfDay();
            $days = $today->diffInDays($due, false);

            if ($days < 0) {
                return ['text' => 'متأخر '.abs($days).' يوم', 'class' => 'bg-red-100 text-red-700'];
            }
            if ($days === 0) {
                return ['text' => 'اليوم آخر موعد', 'class' => 'bg-orange-100 text-orange-700'];
            }
            if ($days <= 2) {
                return ['text' => 'متبقي '.$days.' يوم', 'class' => 'bg-yellow-100 text-yellow-700'];
            }

            return ['text' => 'متبقي '.$days.' يوم', 'class' => 'bg-emerald-100 text-emerald-700'];
        };
    @endphp

    <x-layout.card :title="$title">
        <x-slot:actions>
            <label class="input input-sm">
                <i class="ki-filled ki-magnifier">
                </i>
                <input data-kt-table-filter="search" placeholder="{{ __('modules.jomhor.resources_views_services_department_requests.text_b01d11c82f') }}" type="text" value=""/>

            </label>
        </x-slot:actions>

        <x-layout.table>
            <x-slot:thead>
                <th class="w-[20px] text-center p-[5px]">
                    #
                </th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_0f28720966') }}</th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_48e447ce5f') }}</th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_dd790dfded') }}</th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_57057201ec') }}</th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_cc896c3d05') }}</th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_26e23aaed8') }}</th>
                <th>{{ __('modules.jomhor.resources_views_services_department_requests.text_3981eefd64') }}</th>
            </x-slot:thead>

            @forelse($services as $service)
                @php
                    $statusClass = $statusColors[$service->service_status] ?? 'bg-gray-100 text-gray-600';
                    $badge = $dueBadge($service);
                    $activePath = $service->active_path_unscoped;
                    $jobPlaceName = $activePath?->job_place?->name ?? '-';
                    $currentEmployeeName = $activePath?->employee?->name ?? 'غير محجوز';
                    $isMine = (int) ($activePath?->employee_id ?? 0) === (int) $employee->id;
                @endphp

                <tr class="hover:bg-gray-50">
                    <td>
                        {{ $loop->iteration + ($services->currentPage() - 1) * $services->perPage() }}
                    </td>

                    <td class="font-mono text-xs">
                        {{ $service->service_code }}
                    </td>

                    <td>
                        {{ $service->service_template->name ?? '-' }}
                    </td>

                    <td>
                        {{ $service->citizen->full_name ?? '-' }}
                    </td>

                    <td>
                        <span class="text-sm font-medium text-gray-700">{{ $jobPlaceName }}</span>
                    </td>

                    <td>
                        <span class="text-sm font-medium text-gray-700">{{ $currentEmployeeName }}</span>
                    </td>


                    <td>
                        @if($badge)
                            <span class="px-2 py-1 rounded text-xs font-semibold {{ $badge['class'] }}">
                                {{ $badge['text'] }}
                            </span>
                        @else
                            <span class="text-gray-400">-</span>
                        @endif
                    </td>

                    <td class="flex items-center justify-center gap-2">
                        <a
                            href="{{ route('jomhor.services.show', $service->public_id) }}"
                            class="kt-btn flex justify-center gap-2 min-w-[100px] transition ease-in-out hover:scale-105 hover:bg-indigo-500 duration-150"
                        >
                            التفاصيل
                        </a>

                        @if(! $isMine)
                            <form
                                action="{{ route('jomhor.services.department_requests.pull', $service->public_id) }}"
                                method="post"
                                onsubmit="return confirm('هل تريد سحب هذا الطلب إلى حسابك؟');"
                            >
                                @csrf
                                <button type="submit" class="kt-btn kt-btn-secondary min-w-[100px]">
                                    سحب الطلب
                                </button>
                            </form>
                        @else
                            <span class="px-2 py-1 rounded text-xs font-semibold bg-green-100 text-green-700">
                                محجوز لديك
                            </span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="10" class="px-4 py-6 text-center text-gray-500">
                        لا توجد طلبات ضمن قسمك
                    </td>
                </tr>
            @endforelse

            <x-slot:pagination>
                {{ $services->links() }}
            </x-slot:pagination>
        </x-layout.table>
    </x-layout.card>
</x-jomhor::layout>