{{-- Ortak satış listeleme partial'ı - leads, deals, cancellations sayfalarında kullanılır --}}
@php
    $sort = request('sort', 'created_at');
    $dir = request('dir', 'desc');

    $columns = [
        ['key' => 'customer',     'label' => 'Müşteri'],
        ['key' => 'product',      'label' => 'Ürün / Hizmet Detayı'],
        ['key' => 'start',        'label' => 'Tarih',        'sortable' => true, 'sort' => 'start_date'],
        ['key' => 'participants', 'label' => 'Kişi',         'align' => 'center', 'visible' => false],
        ['key' => 'amount',       'label' => 'Tutar',        'sortable' => true, 'sort' => 'total_amount', 'align' => 'end'],
        ['key' => 'status',       'label' => 'Durum',        'sortable' => true, 'sort' => 'status', 'align' => 'center'],
        ['key' => 'payment',      'label' => 'Ödeme',        'sortable' => true, 'sort' => 'payment_status', 'align' => 'center'],
        ['key' => 'agent',        'label' => 'Temsilci',     'visible' => false],
        ['key' => 'created',      'label' => 'Oluşturma',    'sortable' => true, 'sort' => 'created_at', 'visible' => false],
        ['key' => '_actions',     'label' => 'İşlemler',     'fixed' => true, 'align' => 'end', 'width' => '110px'],
    ];

    $filters = [];
    if (isset($statusFilters) && count($statusFilters) > 1) {
        $filters[] = ['key' => 'status', 'label' => 'Durum', 'value' => request('status'), 'options' => $statusFilters, 'placeholder' => 'Tüm Durumlar'];
    }
    $filters[] = ['key' => 'date_from', 'label' => 'Tarih (Başlangıç)', 'type' => 'date', 'value' => request('date_from')];
    $filters[] = ['key' => 'date_to',   'label' => 'Tarih (Bitiş)',     'type' => 'date', 'value' => request('date_to')];
@endphp

<x-data-table
    module="sales-list"
    :columns="$columns"
    :filters="$filters"
    :bulk="true"
    :search="request('search', '')"
    search-placeholder="Rezervasyon kodu veya müşteri adı ara..."
    :sort="$sort"
    :dir="$dir"
    :paginator="$sales"
    :per-page-options="[20, 50, 100, 200]"
>
    <x-slot:bulkActions>
        <button type="button" class="dt-mini-btn" onclick="salesBulkDelete()"><i class="fas fa-trash"></i> Sil</button>
    </x-slot:bulkActions>

    @forelse($sales as $res)
        <tr class="sale-row" data-id="{{ $res->id }}" style="cursor:pointer">
            <td data-col="_select" onclick="event.stopPropagation()"><label class="dt-check"><input type="checkbox" class="dt-rowcheck" value="{{ $res->id }}"><span></span></label></td>

            <td data-col="customer">
                <div class="d-flex align-items-center gap-2">
                    <div class="sl-avatar">{{ $res->customer ? mb_substr($res->customer->first_name, 0, 1) . mb_substr($res->customer->last_name, 0, 1) : '?' }}</div>
                    <div>
                        <div class="dt-cell-main">{{ $res->customer?->full_name ?? '-' }}</div>
                        <div class="dt-cell-sub">{{ $res->sale_code }}</div>
                    </div>
                </div>
            </td>

            {{-- ── Ürün / Hizmet Detayı ── --}}
            <td data-col="product">
                <div class="d-flex flex-column" style="gap:3px">
                    <span class="dt-badge dt-badge-indigo" style="width:fit-content">
                        <i class="{{ $res->productType?->icon ?? 'fas fa-box' }}"></i> {{ $res->productType?->name ?? 'Tanımsız' }}
                    </span>

                    @if($res->reservable)
                        {{-- Hazır (regular) ürün: ürün adı + tarih --}}
                        <span class="dt-cell-main" style="font-size:.83rem">{{ $res->reservable->name }}</span>
                        <span class="dt-cell-sub">
                            <i class="fas fa-link" style="font-size:.62rem;color:#6366f1"></i> Hazır Ürün
                            @if($res->start_date)
                                <span class="mx-1">·</span><i class="far fa-calendar"></i> {{ $res->start_date->format('d.m.Y') }}@if($res->end_date) – {{ $res->end_date->format('d.m.Y') }}@endif
                            @endif
                        </span>
                    @elseif($res->title)
                        {{-- Özel tur: başlık + tarih --}}
                        <span class="dt-cell-main" style="font-size:.83rem"><i class="fas fa-star" style="font-size:.66rem;color:#f59e0b"></i> {{ $res->title }}</span>
                        <span class="dt-cell-sub">
                            <span class="sl-tag-custom">Özel Tur</span>
                            @if($res->start_date)
                                <span class="mx-1">·</span><i class="far fa-calendar"></i> {{ $res->start_date->format('d.m.Y') }}@if($res->end_date) – {{ $res->end_date->format('d.m.Y') }}@endif
                            @endif
                        </span>
                    @else
                        <span class="dt-cell-sub"><i class="far fa-calendar"></i> {{ $res->start_date?->format('d.m.Y') ?? 'Tarih belirtilmemiş' }}</span>
                    @endif
                </div>
            </td>

            <td data-col="start">
                @if($res->start_date)
                    <span class="dt-cell-main" style="font-size:.83rem">{{ $res->start_date->format('d.m.Y') }}</span>
                    @if($res->end_date)<div class="dt-cell-sub">{{ $res->end_date->format('d.m.Y') }} bitiş</div>@endif
                @else
                    <span class="dt-cell-sub">—</span>
                @endif
            </td>

            <td data-col="participants" class="text-center">
                <span class="dt-badge dt-badge-slate" title="Yetişkin / Çocuk / Bebek">
                    <i class="fas fa-users" style="font-size:.66rem"></i> {{ $res->total_participants }}
                </span>
            </td>

            <td data-col="amount" class="text-end">
                <span class="dt-cell-main">{{ number_format($res->total_amount, 0, ',', '.') }}</span>
                <span class="dt-cell-sub">{{ $res->currency ?? '₺' }}</span>
            </td>

            <td data-col="status" class="text-center">
                <span class="dt-badge" style="background:{{ $res->status_color }}15;color:{{ $res->status_color }};">{{ $res->status_label }}</span>
            </td>

            <td data-col="payment" class="text-center">
                @php $pc = $res->payment_status === 'paid' ? '#10b981' : ($res->payment_status === 'partial' ? '#f59e0b' : ($res->payment_status === 'refunded' ? '#f97316' : '#ef4444')); @endphp
                <span class="dt-badge" style="background:{{ $pc }}15;color:{{ $pc }}">{{ $res->payment_status_label }}</span>
            </td>

            <td data-col="agent"><span class="dt-cell-sub">{{ $res->assignedAgent?->full_name ?? $res->creator?->full_name ?? '—' }}</span></td>

            <td data-col="created"><span class="dt-cell-sub">{{ $res->created_at?->format('d.m.Y') }}</span></td>

            <td data-col="_actions" class="text-end" onclick="event.stopPropagation()">
                <div class="dt-rowact">
                    <a href="{{ route('agency.sales.show', $res) }}" class="dt-iconbtn" title="Görüntüle"><i class="fas fa-eye"></i></a>
                    <a href="{{ route('agency.sales.edit', $res) }}" class="dt-iconbtn" title="Düzenle"><i class="fas fa-pen"></i></a>
                </div>
            </td>
        </tr>
    @empty
        <tr>
            <td colspan="100">
                <div class="dt-empty">
                    <i class="fas fa-inbox"></i>
                    <h4>Kayıt bulunamadı</h4>
                    <p>Seçili filtrelere uygun satış kaydı yok.</p>
                </div>
            </td>
        </tr>
    @endforelse

</x-data-table>

@push('styles')
<style>
    .sl-avatar { width:38px; height:38px; border-radius:10px; background:#eef2ff; color:#4f46e5; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.82rem; flex-shrink:0; letter-spacing:-.5px; }
    .sl-tag-custom { display:inline-block; font-size:.62rem; font-weight:800; color:#b45309; background:#fef3c7; border-radius:5px; padding:1px 6px; letter-spacing:.02em; }
</style>
@endpush

@push('scripts')
<script>
    function salesBulkDelete() {
        const ids = Array.from(document.querySelectorAll('.dt-root .dt-rowcheck:checked')).map(c => c.value);
        if (!ids.length) return;
        if (!confirm(ids.length + ' satış kaydını silmek istediğinizden emin misiniz? Bu işlem geri alınamaz.')) return;
        fetch('/agency/sales/bulk-delete', {
            method: 'POST',
            headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content, 'Content-Type': 'application/json' },
            body: JSON.stringify({ ids })
        }).then(r => r.json()).then(d => { if (d.success) location.reload(); });
    }
</script>
@endpush