@extends('agency.layouts.app')

@section('title', '0 Rezervasyonlu Kalkışlar')
@section('page_title', 'Rezervasyon Bekleyen Kalkışlar')

@php
    use Illuminate\Support\Carbon;
    $grouped = $pending->groupBy(fn ($d) => optional($d['start'])->format('Y-m-d') ?? '—');
@endphp

@push('styles')
@include('agency.operations._styles')
<style>
    .ops-card.pending::before { background:#cbd5e1; }
    .ops-wait { display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:9px; font-size:.72rem; font-weight:800; margin-bottom:12px; background:#f1f5f9; color:#64748b; }
</style>
@endpush

@section('content')
<div class="ops-board">

    <div class="ops-toolbar">
        <div>
            <div style="font-weight:800;color:#1e293b;">Rezervasyon Bekleyen Kalkışlar</div>
            <div style="font-size:.8rem;color:#64748b;">Henüz rezervasyon almamış, yaklaşan tur kalkışları. İlk rezervasyon alındığında operasyon panosuna taşınır.</div>
        </div>
        <a href="{{ route('agency.operations.index') }}" class="ops-back-link" style="margin-left:auto;">
            <i class="fas fa-arrow-left"></i> Operasyon Panosu
        </a>
    </div>

    @forelse($grouped as $day => $items)
        @php $dc = $day !== '—' ? Carbon::parse($day) : null; @endphp
        <div class="ops-daygroup">
            <div class="ops-dayhead">
                <div class="ops-daychip" style="background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 6px 16px rgba(100,116,139,.25);">
                    <span class="d">{{ $dc?->format('d') ?? '—' }}</span>
                    <span class="m">{{ $dc?->translatedFormat('M Y') ?? '' }}</span>
                </div>
                <div>
                    <div class="wday">{{ $dc?->translatedFormat('l') ?? 'Tarihsiz' }}</div>
                    <div class="cnt">{{ $items->count() }} kalkış</div>
                </div>
                <div class="ops-dayline"></div>
            </div>

            <div class="ops-grid">
                @foreach($items as $d)
                    <div class="ops-card pending" style="--tcolor:{{ $d['type_color'] }}">
                        <div class="ops-card-top">
                            <div>
                                <span class="ops-type"><span class="dot"></span>{{ $d['type_label'] }}</span>
                                <div class="ops-tourname">{{ $d['tour_name'] }}</div>
                                @if($d['tour_code'])<span class="ops-code">{{ $d['tour_code'] }}</span>@endif
                            </div>
                            <div class="ops-ring" style="--pct:0;--rcolor:#cbd5e1">
                                <div class="inner">
                                    <span class="n">0/{{ $d['capacity']['total'] ?: '∞' }}</span>
                                    <span class="t">KOLTUK</span>
                                </div>
                            </div>
                        </div>

                        <div class="ops-wait"><i class="fas fa-inbox"></i> Rezervasyon Bekleniyor</div>

                        <div class="ops-meta">
                            @if($d['start_time'])
                                <div class="ops-meta-item"><i class="fas fa-clock"></i> {{ $d['start_time'] }}</div>
                            @endif
                            @if(!is_null($d['days_until']))
                                <div class="ops-meta-item"><i class="fas fa-hourglass-start"></i>
                                    @if($d['days_until'] > 0) {{ (int) $d['days_until'] }} gün kaldı
                                    @elseif($d['days_until'] === 0) Bugün
                                    @else Geçti @endif
                                </div>
                            @endif
                            <div class="ops-meta-item"><i class="fas fa-chair"></i> {{ $d['capacity']['total'] ?: '—' }} kapasite</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @empty
        <div class="ops-empty">
            <i class="fas fa-calendar-check big d-block"></i>
            <h5>Bekleyen kalkış yok</h5>
            <p>Yaklaşan tüm kalkışlar en az bir rezervasyon almış görünüyor.</p>
        </div>
    @endforelse
</div>
@endsection