@if($receptionApplication->isEmpty())
    <div class="mx-3">
        <x-record-not-found />
    </div>
@else
    @php
        $i = 0;
    @endphp

    <div id="application-total-count-hidden" style="display: none;">{{$receptionApplication->total()}}</div>

    <div class="card card-primary card-outline card-outline-tabs">
        <div class="card-body p-0" class="tab-content" id="custom-tabs-two-tabContent">
            <div class="table-responsive">
                <table class="table table-hover table-bordered nowrap fs-10 text-center">
                    <thead class="sticky-top shadow-sm">
                        <tr>
                            <th>{{ __('global.no') }}</th>
                            <th>{{ __('application.number')}}</th>
                            <th>{{ __('application.date')}}</th>
                            <th>{{ __('application.name')}}</th>
                            <th>{{ __('application.province')}}</th>
                            <th>{{ __('application.phone')}}</th>
                            <th>{{ __('application.occupation')}}</th>
                            <th>{{ __('application.reference') }}/{{ __('application.organization')}}</th>
                            <th>{{ __('application.description')}}</th>
                            <th>{{ __('application.application_type')}}</th>
                            <th>{{ __('application.status.header')}}</th>
                            <th colspan="2" class="text-center">{{ __('application.approval')}}</th>
                            @if(auth()->user()->hasPermissionTo('Application - View Application') || auth()->user()->hasPermissionTo('Application - Edit Application') || auth()->user()->hasPermissionTo('Application - Delete Application'))
                                <th colspan="4" class="text-center" style="width: 10%;"><i class="bx bx-cog"></i></th>
                            @endif
                        </tr>
                    </thead>
                    <tbody>
                        @php $counter = ($receptionApplication->currentPage() - 1) * $receptionApplication->perPage() + 1; @endphp
                        @forelse($receptionApplication as $application)
                            <tr class="v-a-middle">
                                <td>
                                    <button type="button" class="btn btn-sm text-center btn-primary lh-10">{{$counter++}}</button>
                                </td>
                                @php
                                     $year = (int)substr($application->date, 0, 4);
                                    if ($year >= 1900 && $year <= 2100) {
                                        // Gregorian → convert to Hijri
                                        $convertedDate = getHijriDate($application->date);
                                    } elseif ($year >= 1300 && $year <= 1600) {
                                        // Hijri → convert to Gregorian
                                        $convertedDate = $application->date;
                                    } else {
                                        // Unknown / invalid date format
                                        $convertedDate = null;
                                    }
                                @endphp 
                                <td>{{ $application->number }}</td>
                                <td>{{ $convertedDate }}</td>
                                <td>{{ $application->name }}</td>
                                <td>{{ $application->province->name_fa ?? '' }}</td>
                                <td>{{ $application->phone }}</td>
                                <td>{{ $application->occupation }}</td>
                                <td>{{ $application->reference }} / {{ $application->organization }}</td>
                                <td>{{ $application->description }}</td>
                                <td>{{ $application->type }}</td>
                                <td>
                                    @if($application->status == 'pending')
                                        <span class="badge bg-warning">{{ __('application.status.pending') }}</span>
                                    @endif
                                </td>
                                <td style="padding: 5px; text-align:center;">
                                    @if($application->application_type == 'online')
                                        @if($application->application_reception_at == null)
                                            @if(auth()->user()->hasPermissionTo('Application - Application Reception'))
                                                <a class="btn btn-outline-success btn-sm confirmationModal mt-2" data-id="{{ encryption($application->id) }}" data-status="approve" data-lar="{{ route('appReject_application_as_reception')}}" data-type="application_reception" data-title="{{ __('application.approval')}}" data-description="{{ __('application.are_you_agree_to_approve_the_requested_application')}}" data-request-action="approval"><i class="fa fa-check"></i></a>
                                            @endif
                                        @else
                                            @if($application->application_reception_action == 'approve')
                                                <i class="btn btn-success btn-sm fas fa-check-circle mt-2"></i> 
                                            @endif  
                                        @endif
                                    @endif
                                </td>
                                <td style="padding: 5px; text-align:center;">
                                    @if($application->application_type == 'online')
                                        @if($application->application_reception_at == null)
                                            @if(auth()->user()->hasPermissionTo('Application - Application Reception'))
                                                <a class="btn btn-outline-danger btn-sm confirmationModal mt-2" data-id="{{ encryption($application->id) }}" data-status="decline" data-lar="{{ route('appReject_application_as_reception')}}" data-type="application_reception" data-title="{{ __('application.decline')}}" data-description="{{ __('application.are_you_agree_to_decline_the_requested_application')}}" data-request-action="decline"><i class="fa fa-times"></i></a>
                                            @endif
                                        @else
                                            @if($application->status == 'complete')
                                                @if(!is_null($application->export_number))
                                                    <a href="{{ route('letter.outgoing.view', ['id' => encryption($application->export_number)]) }}" target="_blank" class="btn-sm"><i class="btn btn-info btn-sm bx bx-paper-plane mt-2"></i></a>
                                                @endif
                                            @else
                                                @if($application->application_reception_action != 'approve')
                                                    <i class="btn btn-danger btn-sm fas fa-times-circle"></i>
                                                @endif 
                                            @endif
                                        @endif
                                    @endif
                                </td>
                                @if(auth()->user()->hasPermissionTo('Application - View Application'))
                                    <td style="padding: 5px; text-align:center;">
                                        <a href="{{ route('viewApplication', ['id' => encryption($application->id)]) }}" data-id="{{ encryption($application->id) }}" data-toggle="tooltip" title="{{ __('application.view')}}" class="btn btn-outline-primary custom-a btn-sm show-edit-btn" style="font-size: 12px; font-weight: bold;">
                                            <i class="fa fa-eye mt-1"></i>
                                        </a>
                                    </td>
                                @endif
                                @if(auth()->user()->hasPermissionTo('Application - Edit Application'))
                                    <td style="padding: 5px; text-align:center;">
                                        <a href="{{ route('editApplication', ['id' => encryption($application->id)]) }}" data-toggle="tooltip" title="{{ __('global.edit')}}" class="btn btn-outline-primary custom-a btn-sm show-edit-btn" style="font-size: 12px; font-weight: bold;">
                                            <i class="fa fa-pen mt-1"></i>
                                        </a>
                                    </td>
                                @endif
                                @if(auth()->user()->hasPermissionTo('Application - Delete Application'))
                                    <td style="padding: 5px;text-align: center;"><i class="mdi mdi-trash-can-outline text-danger deleteBtn btn btn-outline-danger btn-sm" data-id="{{ encryption($application->id) }}" data-url="deletes_application_route" data-toggle="tooltip" title="{{ __('application.delete')}}"></i></td>
                                @endif
                            </tr>
                        @empty
                        <tr>
                            <td colspan="11">
                                <x-record-not-found />
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>


            <div class="col-lg-12">
                <x-pagination-links :paginator="$receptionApplication" />
            </div>
        </div>
    </div>
@endif