{{-- resources/views/conference/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Conference')
@section('page_title', 'Conference & Events')
@section('page_subtitle', 'Venue bookings and event management')

@section('content')

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-building"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['venues'] }}</div>
                <div class="stat-label">Venues</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-info">
                <i class="bi bi-calendar-event"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['upcoming'] }}</div>
                <div class="stat-label">Upcoming Bookings</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-check-circle"></i>
            </div>
            <div>
                <div class="stat-value">{{ $stats['this_month'] }}</div>
                <div class="stat-label">Events This Month</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-cash-coin"></i>
            </div>
            <div>
                <div class="stat-value">
                    ${{ number_format($stats['revenue'], 0) }}
                </div>
                <div class="stat-label">Revenue This Month</div>
            </div>
        </div>
    </div>
</div>

{{-- Nav --}}
<div class="d-flex gap-2 mb-3 flex-wrap">
    <a href="{{ tenant_route('conference.index') }}"
       class="btn btn-primary btn-sm">
        <i class="bi bi-calendar-event me-1"></i>All Bookings
    </a>
    <a href="{{ tenant_route('conference.create') }}"
       class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-plus-lg me-1"></i>New Booking
    </a>
    <a href="{{ tenant_route('conference.venues.index') }}"
       class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-building me-1"></i>Venues
    </a>
    <a href="{{ tenant_route('conference.packages.index') }}"
       class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-box me-1"></i>Packages
    </a>
</div>

<div class="row g-3">

    {{-- Upcoming Bookings --}}
    <div class="col-xl-8">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-calendar-event me-2"
                       style="color:var(--clay)"></i>
                    Upcoming Events
                </span>
                <a href="{{ tenant_route('conference.index') }}"
                   style="font-size:.75rem;color:var(--clay);text-decoration:none;">
                    All bookings →
                </a>
            </div>
            @if($upcoming->isEmpty())
                <div class="card-body text-center py-4">
                    <p class="text-muted mb-0" style="font-size:.8rem;">
                        No upcoming conference bookings
                    </p>
                </div>
            @else
                <div class="card-body" style="padding:0;">
                    @foreach($upcoming as $booking)
                        @php
                            $sc = [
                                'tentative' => ['bg'=>'#fef3c7','color'=>'#92400e'],
                                'confirmed' => ['bg'=>'#d1fae5','color'=>'#065f46'],
                                'completed' => ['bg'=>'#f1f5f9','color'=>'#64748b'],
                                'cancelled' => ['bg'=>'#fee2e2','color'=>'#991b1b'],
                            ][$booking->status] ?? ['bg'=>'#f1f5f9','color'=>'#475569'];
                        @endphp
                        <a href="{{ tenant_route('conference.show', ['booking' => $booking->id]) }}"
                           style="display:block;text-decoration:none;color:inherit;">
                            <div style="display:flex;align-items:center;gap:14px;
                                        padding:14px 18px;
                                        border-bottom:1px solid var(--border);
                                        transition:background .1s;"
                                 onmouseover="this.style.background='#fafbfc'"
                                 onmouseout="this.style.background='transparent'">

                                {{-- Date block --}}
                                <div style="width:44px;text-align:center;
                                             flex-shrink:0;">
                                    <div style="font-size:1.2rem;font-weight:800;
                                                color:var(--clay);line-height:1;">
                                        {{ $booking->start_date->format('d') }}
                                    </div>
                                    <div style="font-size:.65rem;font-weight:700;
                                                text-transform:uppercase;
                                                color:var(--muted);">
                                        {{ $booking->start_date->format('M') }}
                                    </div>
                                </div>

                                <div style="flex:1;min-width:0;">
                                    <div class="fw-semibold"
                                         style="font-size:.85rem;
                                                white-space:nowrap;overflow:hidden;
                                                text-overflow:ellipsis;">
                                        {{ $booking->event_name }}
                                    </div>
                                    <div style="font-size:.72rem;color:var(--muted);
                                                margin-top:2px;display:flex;
                                                gap:8px;flex-wrap:wrap;">
                                        <span>{{ $booking->venue?->name }}</span>
                                        <span>{{ $booking->pax }} pax</span>
                                        @if($booking->start_time)
                                            <span>{{ $booking->start_time }}</span>
                                        @endif
                                        @if($booking->contact_name)
                                            <span>{{ $booking->contact_name }}</span>
                                        @endif
                                    </div>
                                </div>

                                <div style="display:flex;flex-direction:column;
                                             align-items:flex-end;flex-shrink:0;gap:4px;">
                                    <span style="font-size:.7rem;font-weight:600;
                                                 padding:2px 8px;border-radius:20px;
                                                 background:{{ $sc['bg'] }};
                                                 color:{{ $sc['color'] }};">
                                        {{ ucfirst($booking->status) }}
                                    </span>
                                    <span style="font-size:.78rem;font-weight:600;
                                                 color:var(--clay);">
                                        ${{ number_format($booking->total_amount, 0) }}
                                    </span>
                                </div>
                            </div>
                        </a>
                    @endforeach
                </div>
            @endif
        </div>
    </div>

    {{-- Venues --}}
    <div class="col-xl-4">
        <div class="card">
            <div class="card-header">
                <span class="card-title">
                    <i class="bi bi-building me-2"
                       style="color:var(--clay)"></i>
                    Venues
                </span>
                <a href="{{ tenant_route('conference.venues.index') }}"
                   style="font-size:.75rem;color:var(--clay);text-decoration:none;">
                    Manage →
                </a>
            </div>
            @if($venues->isEmpty())
                <div class="card-body text-center py-4">
                    <p class="text-muted mb-0" style="font-size:.8rem;">
                        No venues configured
                    </p>
                    <a href="{{ tenant_route('conference.venues.index') }}"
                       class="btn btn-sm btn-primary mt-2">
                        Add Venue
                    </a>
                </div>
            @else
                <div class="card-body" style="padding:0;">
                    @foreach($venues as $venue)
                        <div style="padding:13px 16px;
                                    border-bottom:1px solid var(--border);">
                            <div style="display:flex;justify-content:space-between;
                                        align-items:flex-start;gap:8px;">
                                <div>
                                    <div class="fw-semibold"
                                         style="font-size:.83rem;">
                                        {{ $venue->name }}
                                    </div>
                                    <div style="font-size:.7rem;color:var(--muted);
                                                margin-top:2px;">
                                        @if($venue->capacity_theatre)
                                            Theatre: {{ $venue->capacity_theatre }}
                                        @endif
                                        @if($venue->capacity_boardroom)
                                            · Boardroom: {{ $venue->capacity_boardroom }}
                                        @endif
                                        @if($venue->size_sqm)
                                            · {{ $venue->size_sqm }}m²
                                        @endif
                                    </div>
                                </div>
                                <div style="text-align:right;flex-shrink:0;">
                                    <div style="font-size:.78rem;font-weight:600;
                                                color:{{ $venue->active_bookings_count > 0 ? 'var(--warning)' : 'var(--success)' }};">
                                        {{ $venue->active_bookings_count }} active
                                    </div>
                                    @if($venue->full_day_rate)
                                        <div style="font-size:.7rem;color:var(--muted);">
                                            ${{ number_format($venue->full_day_rate, 0) }}/day
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>

</div>

@endsection