{{-- Ürün quick-view "Tarihler & Fiyatlar" sekmesi — kart/tablo çift modlu, filtreli.
     Gerekli: $tour, $editBase --}}
@php
    $allDates = $tour->tourDates->sortBy('start_date')->values();
    $dur = max(1, (int) ($tour->days ?? 1));
    $lastStart = $allDates->max('start_date');
    $suggestStart = $lastStart ? \Carbon\Carbon::parse($lastStart)->addDays(7) : now()->addDays(14);
    $suggestStart = $suggestStart->format('Y-m-d');
    $suggestEnd = \Carbon\Carbon::parse($suggestStart)->addDays($dur - 1)->format('Y-m-d');
@endphp

<div id="qv-tab-dates" class="qv-tab-panel">
    <x-quick-view.main class="border-0">
        <div class="qd-wrap" data-qd-duration="{{ $dur }}">

            {{-- Toolbar --}}
            <div class="qd-toolbar">
                <div class="qd-tb-left">
                    <div class="qd-search">
                        <i class="fas fa-magnifying-glass"></i>
                        <input type="text" data-qd-filter placeholder="Tarih ara…">
                    </div>
                    <div class="qd-search qd-search-date">
                        <i class="fas fa-calendar"></i>
                        <input type="date" data-qd-from title="Bu tarihten itibaren">
                    </div>
                    <select class="qd-inp qd-statusfilter" data-qd-status>
                        <option value="">Tüm durumlar</option>
                        <option value="active">Aktif</option>
                        <option value="inactive">Pasif</option>
                    </select>
                </div>
                <div class="qd-tb-right">
                    <div class="qd-viewtoggle" role="group" aria-label="Görünüm">
                        <button type="button" class="qd-vt-btn" data-qd-view="card" title="Kart görünümü"><i class="fas fa-table-cells-large"></i></button>
                        <button type="button" class="qd-vt-btn" data-qd-view="table" title="Tablo görünümü"><i class="fas fa-table-list"></i></button>
                    </div>
                    <button type="button" class="qd-addbtn" data-qd-addtoggle><i class="fas fa-plus"></i> Tarih Ekle</button>
                </div>
            </div>

            {{-- Ekleme formu --}}
            {{-- Seri üretim işaretliyse form dates.store yerine dates.bulk'a gider --}}
            <form id="qd-add-form" class="qd-addform" data-pqv-save data-method="POST" data-reload-tab="dates"
                  action="{{ route("$editBase.dates.store", $tour) }}"
                  data-alt-action="{{ route("$editBase.dates.bulk", $tour) }}"
                  data-alt-when="[name=__series_enabled]">
                <div class="qd-addform-head"><i class="fas fa-calendar-plus"></i> Yeni Tarih Ekle</div>
                @include('agency.products._qv-date-fields-kultur', ['d' => null, 'copyDates' => $allDates, 'suggestStart' => $suggestStart, 'suggestEnd' => $suggestEnd])
                <div class="qd-addform-foot">
                    <button type="button" class="pqv-btn pqv-btn-soft" data-qd-addtoggle>Vazgeç</button>
                    <button type="submit" class="pqv-btn pqv-btn-primary"><i class="fas fa-check"></i> Kaydet</button>
                </div>
            </form>

            {{-- Liste (kart/tablo çift mod) --}}
            <div class="qd-list qd-inited-guard">
                <div class="qd-head">
                    <span>Tarih</span><span>Süre</span><span>Kişi Başı</span><span>Oda</span><span>Kapasite</span><span>Durum</span><span class="qd-h-acts">İşlem</span>
                </div>

                @forelse($allDates as $date)
                    @php
                        $sd = $date->start_date ? \Carbon\Carbon::parse($date->start_date) : null;
                        $ed = $date->end_date ? \Carbon\Carbon::parse($date->end_date) : null;
                        $search = strtolower(($date->code ?? '') . ' ' . ($sd?->format('d.m.Y') ?? '') . ' ' . ($sd?->translatedFormat('d F Y') ?? '') . ' ' . ($ed?->format('d.m.Y') ?? ''));
                        $capPct = $date->total_capacity > 0 ? min(100, round((($date->sold_count + $date->reserved_count) / $date->total_capacity) * 100)) : 0;
                    @endphp
                    <div class="qd-row" data-qd-item data-qd-date="{{ $sd?->format('Y-m-d') }}" data-qd-status="{{ $date->is_active ? 'active' : 'inactive' }}" data-qd-search="{{ $search }}">
                        <div class="qd-main">
                            <div class="qd-cell qd-c-date">
                                <span class="qd-date-range">{{ $sd?->format('d.m.Y') }}@if($ed) – {{ $ed->format('d.m.Y') }}@endif</span>
                                <span class="qd-code">{{ $date->code }}</span>
                            </div>
                            <div class="qd-cell qd-c-dur" data-label="Süre"><i class="far fa-clock"></i> {{ $date->duration_days ?? $dur }}G</div>
                            <div class="qd-cell qd-c-price" data-label="Kişi Başı">
                                <span class="qd-price-val">{{ number_format($date->adult_price, 0) }}</span> <small>{{ $date->currency }}</small>
                                @if($date->single_supplement)<span class="qd-price-sub">SNG +{{ number_format($date->single_supplement, 0) }}</span>@endif
                            </div>
                            <div class="qd-cell qd-c-room" data-label="Oda"><i class="fas fa-bed"></i> {{ $date->room_capacity ?? '—' }}</div>
                            <div class="qd-cell qd-c-cap" data-label="Kapasite">
                                <div class="qd-capbar"><i style="width: {{ $capPct }}%" class="{{ $capPct >= 90 ? 'danger' : ($capPct >= 70 ? 'warn' : '') }}"></i></div>
                                <span class="qd-cap-txt">{{ $date->remaining_capacity }}/{{ $date->total_capacity }}</span>
                            </div>
                            <div class="qd-cell qd-c-status" data-label="Durum">
                                <span class="pqv-badge {{ $date->is_active ? 'pqv-b-green' : 'pqv-b-slate' }}">{{ $date->is_active ? 'Aktif' : 'Pasif' }}</span>
                            </div>
                            <div class="qd-cell qd-c-acts">
                                <button type="button" class="pqv-iconbtn success" data-pqv-post="{{ route("$editBase.dates.duplicate", [$tour, $date]) }}" data-reload-tab="dates" title="Bu tarihi kopyala"><i class="fas fa-copy"></i></button>
                                <button type="button" class="pqv-iconbtn" data-pqv-toggle="#qd-edit-{{ $date->id }}" title="Düzenle"><i class="fas fa-pen"></i></button>
                                <button type="button" class="pqv-iconbtn warn" data-pqv-post="{{ route("$editBase.dates.toggle-status", [$tour, $date]) }}" data-reload-tab="dates" title="Aktif/Pasif"><i class="fas fa-power-off"></i></button>
                                <button type="button" class="pqv-iconbtn danger" data-pqv-delete="{{ route("$editBase.dates.destroy", [$tour, $date]) }}" data-reload-tab="dates" title="Sil"><i class="fas fa-trash"></i></button>
                            </div>
                        </div>
                        <form id="qd-edit-{{ $date->id }}" class="qd-editform pqv-collapse" data-pqv-save data-method="PUT" data-reload-tab="dates" action="{{ route("$editBase.dates.update", [$tour, $date]) }}">
                            @include('agency.products._qv-date-fields-kultur', ['d' => $date, 'copyDates' => $allDates])
                            <div class="qd-addform-foot">
                                <button type="button" class="pqv-btn pqv-btn-soft" data-pqv-toggle="#qd-edit-{{ $date->id }}">Kapat</button>
                                <button type="submit" class="pqv-btn pqv-btn-primary"><i class="fas fa-check"></i> Güncelle</button>
                            </div>
                        </form>
                    </div>
                @empty
                    <div class="pqv-empty"><i class="fas fa-calendar"></i><p>Henüz tarih eklenmemiş. "Tarih Ekle" ile başlayın.</p></div>
                @endforelse

                <div class="qd-noresult" style="display:none">
                    <i class="fas fa-filter-circle-xmark"></i><p>Filtreyle eşleşen tarih yok.</p>
                </div>
            </div>
        </div>
    </x-quick-view.main>
</div>