@php
    $columns = [
        ['key' => 'date', 'label' => 'Kalkış Tarihi'],
        ['key' => 'tour', 'label' => 'Tur'],
        ['key' => 'type', 'label' => 'Tip', 'align' => 'center'],
        ['key' => 'status', 'label' => 'Durum', 'align' => 'center'],
        ['key' => 'occupancy', 'label' => 'Doluluk', 'align' => 'center'],
        ['key' => 'res', 'label' => 'Rez.', 'align' => 'center'],
        ['key' => 'pax', 'label' => 'Yolcu', 'align' => 'center'],
        ['key' => 'revenue', 'label' => 'Ciro', 'align' => 'end'],
        ['key' => '_actions', 'label' => 'İşlem', 'fixed' => true, 'align' => 'end', 'width' => '130px'],
    ];
@endphp

<div class="ops-tableview">
    <x-data-table module="operations-departures" :columns="$columns">
        @forelse($departures as $d)
            @php
                $badge = $d['badge'];
                $cap = $d['capacity'];
                $isTerminal = in_array($badge['key'], ['cancelled', 'completed']);
                $isGuaranteed = in_array($badge['key'], ['auto_guaranteed', 'manual_guaranteed']);
                $ring = $cap['occupancy'] >= 80 ? '#16a34a' : ($cap['occupancy'] >= 40 ? '#334155' : '#f59e0b');
            @endphp
            <tr data-quickview-url="{{ $d['quick_view_url'] }}" style="cursor:pointer"
                data-ops-search="{{ $d['tour_name'] . ' ' . ($d['tour_code'] ?? '') }}">
                <td data-col="date">
                    <div style="display:flex;align-items:center;gap:10px;">
                        <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;padding:6px;border-radius:11px;background:linear-gradient(135deg,#334155,#1e293b);color:#fff;line-height:1;">
                            <span style="font-size:1.05rem;font-weight:800;">{{ optional($d['start'])->format('d') ?? '—' }}</span>
                            <span style="font-size:.5rem;font-weight:700;text-transform:uppercase;opacity:.85;">{{ optional($d['start'])->translatedFormat('M') }}</span>
                        </div>
                        <div>
                            <div class="dt-cell-main">{{ optional($d['start'])->translatedFormat('d M Y') ?: '—' }}</div>
                            <div class="dt-cell-sub">{{ optional($d['start'])->translatedFormat('l') }}@if($d['start_time']) · {{ $d['start_time'] }}@endif</div>
                        </div>
                    </div>
                </td>
                <td data-col="tour">
                    <div class="dt-cell-main @if($d['tour_qv_url'] ?? null) ops-tourlink @endif"
                         @if($d['tour_qv_url'] ?? null) data-quickview-url="{{ $d['tour_qv_url'] }}" title="Tur kartını aç" @endif>{{ $d['tour_name'] }}</div>
                    @if($d['tour_code'])<div class="dt-cell-sub" style="font-family:monospace">{{ $d['tour_code'] }}</div>@endif
                </td>
                <td data-col="type" class="text-center">
                    <span class="dt-badge" style="background:{{ $d['type_color'] }}1a;color:{{ $d['type_color'] }}">{{ $d['type_label'] }}</span>
                </td>
                <td data-col="status" class="text-center">
                    <span class="dt-badge" style="background:{{ $badge['color'] }}1a;color:{{ $badge['color'] }}">
                        <i class="fas {{ $badge['icon'] }}"></i> {{ $badge['label'] }}
                    </span>
                </td>
                <td data-col="occupancy" class="text-center">
                    <div style="display:inline-flex;align-items:center;gap:8px;">
                        <div style="width:64px;height:6px;background:#eef2f6;border-radius:6px;overflow:hidden;">
                            <div style="width:{{ $cap['occupancy'] }}%;height:100%;background:{{ $ring }};"></div>
                        </div>
                        <span class="fw-700" style="font-size:.78rem;color:#334155;">%{{ $cap['occupancy'] }}</span>
                        <span class="dt-cell-sub">({{ $cap['used'] }}/{{ $cap['total'] ?: '∞' }})</span>
                    </div>
                </td>
                <td data-col="res" class="text-center fw-700">{{ $d['res_count'] }}</td>
                <td data-col="pax" class="text-center fw-700">{{ $d['pax'] }}</td>
                <td data-col="revenue" class="text-end fw-800" style="color:#0f172a;">
                    {{ number_format($d['revenue'], 0, ',', '.') }}₺
                    @if(($d['resource_count'] ?? 0) > 0)<div class="dt-cell-sub" style="color:#dc2626">−{{ number_format($d['resource_cost'], 0, ',', '.') }}₺ kaynak</div>@endif
                </td>
                <td data-col="_actions" class="text-end">
                    <div class="dt-rowact justify-content-end">
                        <a href="{{ $d['show_url'] }}" class="dt-iconbtn" title="Detay"><i class="fas fa-up-right-and-down-left-from-center"></i></a>
                        @if(!$isTerminal && !$isGuaranteed)
                            <form method="POST" action="{{ route('agency.operations.guarantee', [$d['type_key'], $d['id']]) }}" onsubmit="return confirm('Kesin kalkışa alınsın mı?')">
                                @csrf
                                <button type="submit" class="dt-iconbtn success" title="Kesin Kalkışa Al"><i class="fas fa-circle-check"></i></button>
                            </form>
                        @endif
                        @if(!$isTerminal)
                            <form method="POST" action="{{ route('agency.operations.cancel', [$d['type_key'], $d['id']]) }}" onsubmit="return confirm('Kalkış iptal edilsin mi?')">
                                @csrf
                                <button type="submit" class="dt-iconbtn danger" title="İptal Et"><i class="fas fa-ban"></i></button>
                            </form>
                        @endif
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="{{ count($columns) }}">
                    <div class="dt-empty">
                        <i class="fas fa-plane-slash"></i>
                        <h4>Aktif rezervasyonlu kalkış yok</h4>
                        <p>Filtreleri değiştirin ya da bir tura rezervasyon alındığında kalkış burada listelenir.</p>
                    </div>
                </td>
            </tr>
        @endforelse
    </x-data-table>
</div>