@extends('layouts.app')
@section('title', 'Check-in '.$appointment->reference)

@php $a = $appointment; @endphp

@section('content')
<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3 border-success border-2">
            <div class="card-header bg-success-subtle fw-semibold"><i class="bi bi-patch-check"></i> OTP verified · {{ $a->reference }} <span class="badge {{ $a->type === 'walk_in' ? 'text-bg-warning' : 'text-bg-light' }}">{{ $a->type_label }}</span></div>
            <div class="card-body">
                <div class="row g-4">
                    <div class="col-md-6">
                        <div class="text-muted small text-uppercase">Visitor</div>
                        <h2 class="h4 mb-1">{{ $a->visitor->name }}</h2>
                        <div class="text-muted">{{ $a->visitor->company ?: 'Individual' }}</div>
                        <dl class="row small mt-2 mb-0">
                            <dt class="col-4">Phone</dt><dd class="col-8">{{ $a->visitor->phone }}</dd>
                            <dt class="col-4">Email</dt><dd class="col-8">{{ $a->visitor->email ?: '—' }}</dd>
                            <dt class="col-4">ID proof</dt><dd class="col-8">{{ $a->visitor->id_type ? $a->visitor->id_type.' · '.$a->visitor->id_number : 'Not recorded' }}</dd>
                            <dt class="col-4">Past visits</dt><dd class="col-8">{{ $previousVisits }}</dd>
                        </dl>
                    </div>
                    <div class="col-md-6">
                        <div class="text-muted small text-uppercase">Host</div>
                        <h2 class="h4 mb-1">{{ $a->host->name }}</h2>
                        <div class="text-muted">{{ $a->host->designation }}@if($a->host->department) · {{ $a->host->department }}@endif</div>
                        <dl class="row small mt-2 mb-0">
                            <dt class="col-4">Phone</dt><dd class="col-8">{{ $a->host->phone ?: '—' }}</dd>
                            <dt class="col-4">Email</dt><dd class="col-8">{{ $a->host->email }}</dd>
                        </dl>
                    </div>
                    <div class="col-12">
                        <div class="bg-light rounded p-3 small">
                            <strong>Purpose:</strong> {{ $a->purpose }}<br>
                            <strong>Scheduled:</strong> {{ $a->scheduled_at->format('d M Y, h:i A') }}
                            @if ($a->duration_minutes) ({{ $a->duration_minutes }} min)@endif
                            @if ($a->notes)<br><strong>Notes:</strong> {{ $a->notes }}@endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Confirm check-in</div>
            <div class="card-body">
                @if (! $a->visitor->id_type)
                    <div class="alert alert-warning small"><i class="bi bi-exclamation-triangle"></i> No ID proof on record — please verify identity physically.</div>
                @endif
                <form method="POST" action="{{ route('security.checkin', $a) }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label" for="badge_number">Visitor badge / pass no.</label>
                        <input type="text" id="badge_number" name="badge_number" value="{{ old('badge_number') }}" class="form-control @error('badge_number') is-invalid @enderror" autofocus>
                        @error('badge_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label" for="vehicle_number">Vehicle no.</label>
                        <input type="text" id="vehicle_number" name="vehicle_number" value="{{ old('vehicle_number', $a->vehicle_number) }}" class="form-control @error('vehicle_number') is-invalid @enderror">
                        @error('vehicle_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <button class="btn btn-success w-100 btn-lg"><i class="bi bi-box-arrow-in-right"></i> Check in now</button>
                </form>
                <a href="{{ route('appointments.show', $a) }}" class="btn btn-link w-100 mt-2">View full appointment</a>
            </div>
        </div>
    </div>
</div>
@endsection