@extends('layouts.app')
@section('title', 'Visitors')

@section('content')
<div class="card">
    <div class="card-header bg-white">
        <form method="GET" class="d-flex flex-wrap gap-2 justify-content-between align-items-center">
            <span class="fw-semibold">{{ $visitors->total() }} visitor(s)</span>
            <div class="d-flex gap-2">
                <input type="search" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="Name, phone, email, company">
                <button class="btn btn-sm btn-primary"><i class="bi bi-search"></i></button>
                @if (request('q'))<a href="{{ route('visitors.index') }}" class="btn btn-sm btn-light">Reset</a>@endif
                @if (auth()->user()->isAdmin())
                    <a href="{{ route('visitors.create') }}" class="btn btn-sm btn-success text-nowrap"><i class="bi bi-plus-lg"></i> Add</a>
                @endif
            </div>
        </form>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
            <tr><th>Name</th><th>Phone</th><th class="d-none d-md-table-cell">Email</th><th class="d-none d-lg-table-cell">Company</th><th>Visits</th><th class="d-none d-md-table-cell">Last visit</th><th class="text-end">Actions</th></tr>
            </thead>
            <tbody>
            @forelse ($visitors as $v)
                <tr>
                    <td><a href="{{ route('visitors.show', $v) }}" class="fw-semibold text-decoration-none">{{ $v->name }}</a></td>
                    <td>{{ $v->phone }}</td>
                    <td class="d-none d-md-table-cell">{{ $v->email ?: '—' }}</td>
                    <td class="d-none d-lg-table-cell">{{ $v->company ?: '—' }}</td>
                    <td><span class="badge text-bg-light">{{ $v->appointments_count }}</span></td>
                    <td class="d-none d-md-table-cell small">{{ $v->appointments_max_scheduled_at ? \Illuminate\Support\Carbon::parse($v->appointments_max_scheduled_at)->format('d M Y') : '—' }}</td>
                    <td class="text-end text-nowrap">
                        <a href="{{ route('visitors.show', $v) }}" class="btn btn-light btn-sm" title="History"><i class="bi bi-clock-history"></i></a>
                        @if (auth()->user()->isAdmin())
                            <a href="{{ route('appointments.create', ['visitor' => $v->id]) }}" class="btn btn-light btn-sm" title="Book appointment"><i class="bi bi-calendar-plus"></i></a>
                            <a href="{{ route('visitors.edit', $v) }}" class="btn btn-light btn-sm" title="Edit"><i class="bi bi-pencil"></i></a>
                            <form method="POST" action="{{ route('visitors.destroy', $v) }}" class="d-inline">@csrf @method('DELETE')
                                <button class="btn btn-light btn-sm text-danger" title="Delete" data-confirm="Delete {{ $v->name }} and all of their visit history?"><i class="bi bi-trash"></i></button>
                            </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-5">No visitors found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if ($visitors->hasPages())<div class="card-footer bg-white">{{ $visitors->links() }}</div>@endif
</div>
@endsection