{{-- Ortak satış listeleme partial'ı - leads, deals, cancellations sayfalarında kullanılır --}}
<div class="res-card">

    {{-- Toolbar --}}
    <form action="" method="GET" id="listFilterForm">
        <div class="tb-bar">
            {{-- Search --}}
            <div class="tb-search">
                <i class="fas fa-search"></i>
                <input type="text" name="search" value="{{ request('search') }}"
                    placeholder="Rezervasyon kodu veya müşteri adı ara..." onchange="this.form.submit()">
            </div>

            {{-- Status Filter --}}
            @if(isset($statusFilters) && count($statusFilters) > 1)
            <select name="status" class="tb-filter-select" onchange="this.form.submit()">
                <option value="">Tüm Durumlar</option>
                @foreach($statusFilters as $key => $label)
                    <option value="{{ $key }}" {{ request('status') === $key ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
            @endif

            {{-- Date range --}}
            <input type="date" name="date_from" class="tb-filter-select" value="{{ request('date_from') }}"
                onchange="this.form.submit()" title="Başlangıç Tarihi">
            <input type="date" name="date_to" class="tb-filter-select" value="{{ request('date_to') }}"
                onchange="this.form.submit()" title="Bitiş Tarihi">

            {{-- Reset --}}
            @if(request()->hasAny(['search', 'status', 'date_from', 'date_to']))
                <a href="{{ url()->current() }}" class="tb-reset-btn" title="Filtreleri Temizle">
                    <i class="fas fa-times"></i>
                </a>
            @endif
        </div>
    </form>

    {{-- Table --}}
    <div class="table-responsive">
        <table class="res-table">
            <thead>
                <tr>
                    <th style="width:40px">#</th>
                    <th>Müşteri</th>
                    <th>Ürün Tipi</th>
                    <th>Başlangıç</th>
                    <th>Tutar</th>
                    <th>Durum</th>
                    <th>Ödeme</th>
                    <th style="width:110px">İşlemler</th>
                </tr>
            </thead>
            <tbody>
                @forelse($reservations as $res)
                    <tr class="sale-row" data-id="{{ $res->id }}" style="cursor:pointer">
                        <td class="text-muted" style="font-size:.78rem">{{ $loop->iteration }}</td>
                        <td>
                            <div class="d-flex align-items-center gap-2">
                                <div class="cust-avatar">
                                    {{ $res->customer ? mb_substr($res->customer->first_name,0,1) . mb_substr($res->customer->last_name,0,1) : '?' }}
                                </div>
                                <div>
                                    <div style="font-weight:700;font-size:.87rem">{{ $res->customer?->full_name ?? '-' }}</div>
                                    <div style="font-size:.72rem;color:#94a3b8">{{ $res->reservation_code }}</div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <span class="svc-badge">
                                <i class="{{ $res->productType?->icon ?? 'fas fa-box' }}"></i>
                                {{ $res->productType?->name ?? '-' }}
                            </span>
                        </td>
                        <td style="font-size:.84rem;font-weight:500">
                            {{ $res->start_date ? $res->start_date->format('d.m.Y') : '-' }}
                        </td>
                        <td style="font-weight:800;font-size:.9rem">
                            {{ number_format($res->total_amount, 0, ',', '.') }} ₺
                        </td>
                        <td>
                            <span class="sale-status-badge"
                                style="background:{{ $res->status_color }}15;color:{{ $res->status_color }};border:1px solid {{ $res->status_color }}30">
                                {{ $res->status_label }}
                            </span>
                        </td>
                        <td>
                            <span class="sale-status-badge"
                                style="background:{{ $res->payment_status === 'paid' ? '#10b981' : ($res->payment_status === 'partial' ? '#f59e0b' : '#ef4444') }}15;color:{{ $res->payment_status === 'paid' ? '#10b981' : ($res->payment_status === 'partial' ? '#f59e0b' : '#ef4444') }}">
                                {{ $res->payment_status_label }}
                            </span>
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('agency.sales.show', $res) }}" class="tbl-action-btn eye"
                                    title="Görüntüle" onclick="event.stopPropagation()">
                                    <i class="fas fa-eye"></i>
                                </a>
                                <a href="{{ route('agency.sales.edit', $res) }}" class="tbl-action-btn"
                                    title="Düzenle" onclick="event.stopPropagation()">
                                    <i class="fas fa-pen"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8">
                            <div class="empty-state">
                                <div class="empty-state-icon"><i class="fas fa-inbox"></i></div>
                                <h5>Kayıt bulunamadı</h5>
                                <p>Seçili filtrelere uygun satış kaydı yok.</p>
                            </div>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{-- Pagination --}}
    @if($reservations->hasPages())
        <div class="d-flex justify-content-center py-3">
            {{ $reservations->links() }}
        </div>
    @endif
</div>