{{-- resources/views/guests/show.blade.php --}}
@extends('layouts.app')
@section('title', $guest->first_name . ' ' . $guest->last_name)
@section('page_title', $guest->first_name . ' ' . $guest->last_name)
@section('page_subtitle', 'Guest profile')

@section('content')

<div class="d-flex gap-2 mb-3 flex-wrap">
    <a href="{{ tenant_route('guests.index') }}"
       class="btn btn-sm btn-outline-secondary">← Guests</a>
    <a href="{{ tenant_route('guests.edit', ['guest' => $guest->id]) }}"
       class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-pencil me-1"></i>Edit
    </a>
    <a href="{{ tenant_route('guests.statement', ['guest' => $guest->id]) }}"
       class="btn btn-sm btn-outline-secondary">
        <i class="bi bi-file-text me-1"></i>Statement
    </a>
    <a href="{{ tenant_route('reservations.create') }}"
       class="btn btn-primary btn-sm">
        <i class="bi bi-calendar-plus me-1"></i>New Reservation
    </a>

    @if($guest->is_blacklisted)
        <form method="POST"
              action="{{ tenant_route('guests.unblacklist', ['guest' => $guest->id]) }}"
              class="ms-auto">
            @csrf
            <button class="btn btn-sm btn-outline-success"
                    type="submit">
                Remove from Blacklist
            </button>
        </form>
    @else
        <button class="btn btn-sm btn-outline-danger ms-auto"
                data-bs-toggle="modal"
                data-bs-target="#blacklistModal">
            Blacklist
        </button>
    @endif
</div>

@if($guest->is_blacklisted)
    <div class="alert alert-danger d-flex align-items-center gap-2 mb-3">
        <i class="bi bi-exclamation-triangle-fill"></i>
        <div>
            <strong>Blacklisted</strong> — {{ $guest->blacklist_reason }}
        </div>
    </div>
@endif

<div class="row g-3">

    <div class="col-md-4">

        {{-- Profile Card --}}
        <div class="card mb-3">
            <div class="card-body text-center py-4">
                <div style="width:64px;height:64px;border-radius:16px;
                             background:var(--clay-light);margin:0 auto 12px;
                             display:flex;align-items:center;justify-content:center;">
                    <span style="font-size:1.6rem;font-weight:800;color:var(--clay);">
                        {{ strtoupper(substr($guest->first_name, 0, 1)) }}
                    </span>
                </div>
                <div class="fw-bold" style="font-size:1rem;">
                    {{ $guest->first_name }} {{ $guest->last_name }}
                </div>
                @if($guest->nationality)
                    <div style="font-size:.75rem;color:var(--muted);">
                        {{ $guest->nationality }}
                    </div>
                @endif
                @if($guest->company)
                    <div style="font-size:.75rem;margin-top:4px;
                                color:var(--clay);">
                        {{ $guest->company->name }}
                    </div>
                @endif
            </div>
        </div>

        {{-- Stats --}}
        <div class="card mb-3">
            <div class="card-body">
                <div style="display:flex;flex-direction:column;gap:10px;">
                    <div style="display:flex;justify-content:space-between;
                                font-size:.82rem;">
                        <span style="color:var(--muted);">Total Stays</span>
                        <span class="fw-semibold">{{ $totalStays }}</span>
                    </div>
                    <div style="display:flex;justify-content:space-between;
                                font-size:.82rem;">
                        <span style="color:var(--muted);">Total Spent</span>
                        <span class="fw-semibold" style="color:var(--success);">
                            ${{ number_format($totalSpent, 2) }}
                        </span>
                    </div>
                    @if($outstanding > 0)
                        <div style="display:flex;justify-content:space-between;
                                    font-size:.82rem;">
                            <span style="color:var(--muted);">Outstanding</span>
                            <span class="fw-semibold" style="color:var(--danger);">
                                ${{ number_format($outstanding, 2) }}
                            </span>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        {{-- Contact --}}
        <div class="card">
            <div class="card-header">
                <span class="card-title">Contact</span>
            </div>
            <div class="card-body"
                 style="display:flex;flex-direction:column;gap:8px;
                        font-size:.8rem;">
                @if($guest->email)
                    <div style="display:flex;align-items:center;gap:8px;">
                        <i class="bi bi-envelope"
                           style="color:var(--muted);width:16px;"></i>
                        <a href="mailto:{{ $guest->email }}"
                           style="color:var(--clay);">
                            {{ $guest->email }}
                        </a>
                    </div>
                @endif
                @if($guest->phone)
                    <div style="display:flex;align-items:center;gap:8px;">
                        <i class="bi bi-phone"
                           style="color:var(--muted);width:16px;"></i>
                        {{ $guest->phone }}
                    </div>
                @endif
                @if($guest->whatsapp_number)
                    <div style="display:flex;align-items:center;gap:8px;">
                        <i class="bi bi-whatsapp"
                           style="color:#25D366;width:16px;"></i>
                        {{ $guest->whatsapp_number }}
                    </div>
                @endif
                @if($guest->address)
                    <div style="display:flex;align-items:flex-start;gap:8px;">
                        <i class="bi bi-geo-alt"
                           style="color:var(--muted);width:16px;margin-top:2px;"></i>
                        <span style="color:var(--muted);">
                            {{ $guest->address }}
                            @if($guest->city) , {{ $guest->city }} @endif
                        </span>
                    </div>
                @endif
                @if($guest->id_number)
                    <div style="display:flex;align-items:center;gap:8px;">
                        <i class="bi bi-person-badge"
                           style="color:var(--muted);width:16px;"></i>
                        {{ $guest->id_type }}: {{ $guest->id_number }}
                    </div>
                @endif
            </div>
        </div>

    </div>

    <div class="col-md-8">

        {{-- Recent Stays --}}
        <div class="card mb-3">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-calendar3 me-2"
                       style="color:var(--clay)"></i>
                    Recent Stays
                </span>
                <a href="{{ tenant_route('guests.stays', ['guest' => $guest->id]) }}"
                   style="font-size:.75rem;color:var(--clay);text-decoration:none;">
                    All stays →
                </a>
            </div>

            @if($stays->isEmpty())
                <div class="card-body text-center py-4">
                    <p class="text-muted mb-0" style="font-size:.8rem;">
                        No stays recorded yet
                    </p>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Reference</th>
                                <th>Check In</th>
                                <th>Check Out</th>
                                <th>Rooms</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($stays as $stay)
                                @php
                                    $sc = [
                                        'tentative'   => ['bg'=>'#fef3c7','color'=>'#92400e'],
                                        'confirmed'   => ['bg'=>'#dbeafe','color'=>'#1e40af'],
                                        'checked_in'  => ['bg'=>'#d1fae5','color'=>'#065f46'],
                                        'checked_out' => ['bg'=>'#f1f5f9','color'=>'#475569'],
                                        'cancelled'   => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                                    ][$stay->status] ?? ['bg'=>'#f1f5f9','color'=>'#475569'];
                                @endphp
                                <tr onclick="window.location='{{ tenant_route('reservations.show', ['reservation' => $stay->id]) }}'"
                                    style="cursor:pointer;">
                                    <td style="font-size:.8rem;font-weight:600;
                                               color:var(--clay);">
                                        {{ $stay->reference }}
                                    </td>
                                    <td style="font-size:.78rem;white-space:nowrap;">
                                        {{ $stay->check_in_date->format('d M Y') }}
                                    </td>
                                    <td style="font-size:.78rem;white-space:nowrap;">
                                        {{ $stay->check_out_date->format('d M Y') }}
                                    </td>
                                    <td style="font-size:.75rem;color:var(--muted);">
                                        @foreach($stay->rooms as $rr)
                                            Room {{ $rr->room?->number }}@if(!$loop->last), @endif
                                        @endforeach
                                    </td>
                                    <td>
                                        <span style="font-size:.68rem;font-weight:600;
                                                     padding:2px 7px;border-radius:20px;
                                                     background:{{ $sc['bg'] }};
                                                     color:{{ $sc['color'] }};">
                                            {{ str_replace('_', ' ', $stay->status) }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>

        {{-- Notes --}}
        @if($guest->notes)
            <div class="card">
                <div class="card-header">
                    <span class="card-title">Notes & Preferences</span>
                </div>
                <div class="card-body">
                    <p style="font-size:.82rem;color:var(--muted);
                               margin:0;line-height:1.6;">
                        {{ $guest->notes }}
                    </p>
                </div>
            </div>
        @endif

    </div>
</div>

{{-- Blacklist Modal --}}
<div class="modal fade" id="blacklistModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST"
                  action="{{ tenant_route('guests.blacklist', ['guest' => $guest->id]) }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" style="font-size:.9rem;font-weight:700;">
                        Blacklist Guest
                    </h5>
                    <button type="button" class="btn-close"
                            data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <label class="form-label fw-semibold">
                        Reason <span class="text-danger">*</span>
                    </label>
                    <textarea name="reason" rows="3"
                              class="form-control"
                              required
                              placeholder="Reason for blacklisting..."></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary btn-sm"
                            data-bs-dismiss="modal">Cancel</button>
                    <button type="submit"
                            class="btn btn-danger btn-sm">
                        Blacklist Guest
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection