{{-- resources/views/guests/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Guests')
@section('page_title', 'Guests')
@section('page_subtitle', 'Guest profiles and history')

@section('content')

<div class="card mb-3">
    <div class="card-body" style="padding:12px 16px;">
        <form method="GET" class="d-flex align-items-center gap-2 flex-wrap">
            <div style="position:relative;">
                <i class="bi bi-search"
                   style="position:absolute;left:9px;top:50%;
                          transform:translateY(-50%);
                          color:var(--muted);font-size:.8rem;"></i>
                <input type="text" name="search"
                       class="form-control form-control-sm"
                       style="padding-left:28px;width:220px;"
                       placeholder="Name, email, phone..."
                       value="{{ request('search') }}">
            </div>

            <div class="form-check ms-2">
                <input type="checkbox" name="blacklisted"
                       value="1" id="blCheck"
                       class="form-check-input"
                       {{ request('blacklisted') ? 'checked' : '' }}
                       onchange="this.form.submit()">
                <label class="form-check-label"
                       for="blCheck"
                       style="font-size:.78rem;">
                    Blacklisted only
                </label>
            </div>

            <button type="submit"
                    class="btn btn-sm btn-outline-secondary">
                Search
            </button>

            @if(request()->hasAny(['search','blacklisted']))
                <a href="{{ tenant_route('guests.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    Clear
                </a>
            @endif

            <div class="ms-auto d-flex gap-2">
                <a href="{{ tenant_route('guests.companies.index') }}"
                   class="btn btn-sm btn-outline-secondary">
                    <i class="bi bi-building me-1"></i>Companies
                </a>
                <a href="{{ tenant_route('guests.create') }}"
                   class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i>Add Guest
                </a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <span class="card-title">
            Guests
            <span style="font-size:.75rem;font-weight:400;
                         color:var(--muted);margin-left:6px;">
                {{ $guests->total() }} total
            </span>
        </span>
    </div>

    @if($guests->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-people"
               style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No guests yet</p>
            <a href="{{ tenant_route('guests.create') }}"
               class="btn btn-primary btn-sm mt-2">
                Add First Guest
            </a>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Contact</th>
                        <th>Nationality</th>
                        <th>Company</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($guests as $guest)
                        <tr onclick="window.location='{{ tenant_route('guests.show', ['guest' => $guest->id]) }}'"
                            style="cursor:pointer;">
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <div style="width:32px;height:32px;
                                                border-radius:8px;
                                                background:var(--clay-light);
                                                display:flex;align-items:center;
                                                justify-content:center;
                                                font-size:.75rem;font-weight:700;
                                                color:var(--clay);flex-shrink:0;">
                                        {{ strtoupper(substr($guest->first_name, 0, 1)) }}
                                    </div>
                                    <div>
                                        <div class="fw-semibold"
                                             style="font-size:.83rem;">
                                            {{ $guest->first_name }} {{ $guest->last_name }}
                                        </div>
                                        @if($guest->id_number)
                                            <div style="font-size:.68rem;
                                                        color:var(--muted);">
                                                {{ $guest->id_type }}: {{ $guest->id_number }}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </td>
                            <td>
                                @if($guest->email)
                                    <div style="font-size:.78rem;">
                                        {{ $guest->email }}
                                    </div>
                                @endif
                                @if($guest->phone)
                                    <div style="font-size:.73rem;color:var(--muted);">
                                        {{ $guest->phone }}
                                    </div>
                                @endif
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $guest->nationality ?? '—' }}
                            </td>
                            <td style="font-size:.78rem;color:var(--muted);">
                                {{ $guest->company?->name ?? '—' }}
                            </td>
                            <td>
                                @if($guest->is_blacklisted)
                                    <span style="font-size:.7rem;
                                                 background:#fee2e2;
                                                 color:#991b1b;
                                                 padding:2px 8px;
                                                 border-radius:20px;
                                                 font-weight:600;">
                                        Blacklisted
                                    </span>
                                @else
                                    <span style="font-size:.7rem;
                                                 background:#d1fae5;
                                                 color:#065f46;
                                                 padding:2px 8px;
                                                 border-radius:20px;
                                                 font-weight:600;">
                                        Active
                                    </span>
                                @endif
                            </td>
                            <td onclick="event.stopPropagation()">
                                <a href="{{ tenant_route('guests.show', ['guest' => $guest->id]) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($guests->hasPages())
            <div class="card-body"
                 style="border-top:1px solid var(--border);padding:12px 16px;">
                {{ $guests->links() }}
            </div>
        @endif
    @endif
</div>

@endsection