{{-- One pending walk-in with approve / reject controls. Expects $a. --}}
<div class="list-group-item py-3">
    <div class="row g-2 align-items-center">
        <div class="col-md-6">
            <div class="fw-semibold">{{ $a->visitor->name }}
                @if ($a->visitor->company)<span class="text-muted fw-normal">· {{ $a->visitor->company }}</span>@endif
            </div>
            <div class="small text-muted">
                <i class="bi bi-telephone"></i> {{ $a->visitor->phone }}
                @if ($a->visitor->id_type) · <i class="bi bi-person-vcard"></i> {{ $a->visitor->id_type }} {{ $a->visitor->id_number }}@endif
            </div>
            <div class="small"><strong>Purpose:</strong> {{ $a->purpose }}</div>
            <div class="small text-muted">
                Arrived {{ $a->created_at->diffForHumans() }}
                @if (auth()->user()->isAdmin()) · Host: {{ $a->host->name }}@endif
                · <a href="{{ route('appointments.show', $a) }}">{{ $a->reference }}</a>
            </div>
        </div>
        <div class="col-md-6">
            <div class="d-flex flex-wrap gap-2 justify-content-md-end">
                <form method="POST" action="{{ route('walkins.approve', $a) }}">@csrf
                    <button class="btn btn-success btn-sm"><i class="bi bi-check-lg"></i> Approve &amp; send OTP</button>
                </form>
                <form method="POST" action="{{ route('walkins.reject', $a) }}" class="d-flex gap-1">@csrf
                    <input type="text" name="rejection_reason" class="form-control form-control-sm" placeholder="Reason (optional)" maxlength="255" style="max-width: 180px;">
                    <button class="btn btn-outline-danger btn-sm" data-confirm="Reject this visitor?"><i class="bi bi-x-lg"></i> Reject</button>
                </form>
            </div>
        </div>
    </div>
</div>