@extends('layouts.app')

@section('title', 'Visitation')

@section('content')
<div class="container-fluid">
    {{-- Page guide: what this screen is for --}}
    <div class="alert alert-light border-start border-4 border-primary shadow-sm d-flex align-items-start mb-4" data-page-guide role="note">
        <i class="fas fa-circle-info text-primary me-2 mt-1"></i>
        <div><strong>Visitation.</strong> Manage visits: categorize the visit, capture visitor details, allocate time and track time in/out with automatic overstay detection, and map each visit to a prisoner.</div>
    </div>


    <div class="card text-white mb-4" style="background:linear-gradient(135deg,#1e40af,#60a5fa)">
        <div class="card-body d-flex justify-content-between align-items-center">
            <div>
                <h3 class="mb-0">
                    <i class="fas fa-people-roof me-2"></i>Visitation
                </h3>
                <small class="opacity-75">{{ $records->total() }} record(s)</small>
            </div>

            @can('prison.visitation.add')<a href="{{ route('prison.visitation.create') }}" class="btn btn-light">
                <i class="fas fa-plus"></i> New Record
            </a>@endcan
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">

                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Prisoner</th>
                            <th>Date</th>
                            <th>Type</th>
                            <th>Visitor</th>
                            <th>Relationship</th>
                            <th>Overstay</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>

                    <tbody>
                    @forelse($records as $r)

                        @php
                            $badgeClass = 'bg-secondary';

                            if ($r->visit_type == 'Family') {
                                $badgeClass = 'bg-primary';
                            } elseif ($r->visit_type == 'Legal') {
                                $badgeClass = 'bg-info';
                            } elseif ($r->visit_type == 'Official') {
                                $badgeClass = 'bg-secondary';
                            } elseif ($r->visit_type == 'Medical') {
                                $badgeClass = 'bg-warning text-dark';
                            }
                        @endphp

                        <tr>
                            <td>
                                {{ optional($r->prisoner)->name ?? '—' }}
                                <br>
                                <small class="text-muted">
                                    {{ optional($r->prisoner)->prisoner_number }}
                                </small>
                            </td>

                            <td>
                                {{ optional($r->visit_date)->format('d M Y') }}
                            </td>

                            <td>
                                <span class="badge {{ $badgeClass }}">
                                    {{ $r->visit_type ?? '—' }}
                                </span>
                            </td>

                            <td>
                                {{ $r->visitor_name }}
                            </td>

                            <td>
                                {{ $r->visitor_relationship ?? '—' }}
                            </td>

                            <td>
                                @if($r->overstay)
                                    <span class="badge bg-warning text-dark">Yes</span>
                                @else
                                    <span class="badge bg-light text-muted">No</span>
                                @endif
                            </td>

                            <td class="text-end">
                                @if(in_array($r->status ?? '', ['Requested', 'Recorded', 'Active', 'Removed', 'At Facility']))
                                    <form method="POST"
                                          action="{{ route('prison.visitation.action', $r->id) }}"
                                          class="d-inline">
                                        @csrf

                                        <button type="submit"
                                                class="btn btn-sm btn-outline-success"
                                                title="Finalize">
                                            <i class="fas fa-check"></i>
                                        </button>
                                    </form>
                                @endif
                            </td>
                        </tr>

                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted py-5">
                                <i class="fas fa-people-roof fa-2x mb-2 d-block opacity-25"></i>
                                No records yet.
                            </td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>

            </div>
        </div>
    </div>

    <div class="mt-3">
        {{ $records->withQueryString()->links() }}
    </div>

</div>
@endsection