@php
    $approvalCenterUrl = $approvalCenterRoute && \Illuminate\Support\Facades\Route::has($approvalCenterRoute)
        ? route($approvalCenterRoute) : null;
@endphp
@if(($pendingVisit ?? 0) > 0)
    <div class="alert alert-warning py-2">{{ __('Pending visit / movement') }}: {{ $pendingVisit }}</div>
@endif
<div class="card">
    <div class="card-header bg-white font-weight-bold">{{ __('Visit / movement applications') }}</div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover sur-table mb-0">
                <thead class="thead-light">
                <tr>
                    <th>{{ __('Apply date') }}</th>
                    <th>{{ __('Period') }}</th>
                    <th>{{ __('Duration') }}</th>
                    <th>{{ __('Purpose / Location') }}</th>
                    <th class="text-center">{{ __('Status') }}</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @forelse($visits as $vs)
                    @php
                        $isPending = (int) $vs->status !== 1 && (int) $vs->status !== 2;
                        if ($vs->start_date || $vs->end_date) {
                            $period = trim(($vs->start_date ?? '—').' → '.($vs->end_date ?? '—'));
                        } elseif ($vs->movement_date) {
                            $period = __('Movement').': '.$vs->movement_date;
                        } else {
                            $period = '—';
                        }
                        $purposeLoc = trim(collect([$vs->purpose, $vs->location])->filter()->implode(' / '));
                    @endphp
                    <tr class="{{ $isPending ? 'is-pending' : '' }}">
                        <td class="sur-time">{{ $vs->application_date ?? '—' }}</td>
                        <td class="sur-time">{{ $period }}</td>
                        <td>{{ $vs->duration ?? 0 }}</td>
                        <td>{{ $purposeLoc !== '' ? $purposeLoc : '—' }}</td>
                        <td class="text-center">
                            @if((int) $vs->status === 1)
                                <span class="sur-badge approved">{{ __('Approved') }}</span>
                            @elseif((int) $vs->status === 2)
                                <span class="sur-badge rejected">{{ __('Rejected') }}</span>
                            @else
                                <span class="sur-badge pending">{{ __('Pending') }}</span>
                            @endif
                        </td>
                        <td class="text-right">
                            @if($isPending && $approvalCenterUrl && isset($approvalVisitIds[(int) $vs->id]))
                                <a class="small font-weight-bold text-warning" href="{{ $approvalCenterUrl }}">{{ __('Open in Approval Center') }}</a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">{{ __('No visit found') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($visits->hasPages())
        <div class="card-footer bg-white">{{ $visits->links() }}</div>
    @endif
</div>