{{-- Tablo --}}
<div class="res-card">
     <div class="table-responsive">
          <table class="table res-table mb-0">
               <thead>
                    <tr class="text-muted">
                         <th>KOD / TARİH</th>
                         <th>MÜŞTERİ</th>
                         <th>HİZMET</th>
                         <th>REZ. TARİHİ</th>
                         <th>KİŞİ</th>
                         <th>TOPLAM</th>
                         <th>DURUM</th>
                         <th style="text-align:right">İŞLEM</th>
                    </tr>
               </thead>
               <tbody>
                    @forelse($reservations as $r)
                         <tr class="sale-row cursor-pointer" data-id="{{ $r->id }}">
                              <td>
                                   <div style="font-weight:800; color:var(--cp); letter-spacing: 0.5px;">{{ $r->reservation_code }}</div>
                                   <div style="font-size:.75rem; color:var(--text-muted)">{{ $r->created_at->format('d.m.Y H:i') }}</div>
                              </td>
                              <td>
                                   <div class="d-flex align-items-center gap-3">
                                        <div style="width: 40px; height: 40px; border-radius: 10px; background: var(--cp-light); color: var(--cp); display: flex; align-items: center; justify-content: center; font-weight: 800;">
                                             {{ strtoupper(substr($r->customer?->first_name, 0, 1)) }}{{ strtoupper(substr($r->customer?->last_name, 0, 1)) }}
                                        </div>
                                        <div>
                                             <div style="font-weight:700;">{{ $r->customer?->full_name ?? '—' }}</div>
                                             <div style="font-size:.75rem; color:var(--text-muted)">{{ $r->customer?->phone }}</div>
                                        </div>
                                   </div>
                              </td>
                              <td>
                                   <div class="badge" style="background: rgba(99,102,241,0.08); color: var(--cp); border: 1px solid rgba(99,102,241,0.1)">
                                        {{ $r->productType?->name ?? '—' }}
                                   </div>
                              </td>
                              <td>
                                   <div style="font-weight:700;">{{ $r->start_date?->format('d.m.Y') }}</div>
                                   @if($r->end_date && $r->end_date != $r->start_date)
                                        <div style="font-size:.75rem; color:var(--text-muted)">{{ $r->end_date->format('d.m.Y') }}</div>
                                   @endif
                              </td>
                              <td>
                                   <div style="font-weight:600;">{{ $r->total_pax }} Kişi</div>
                                   <div style="font-size:.7rem; color:var(--text-muted)">{{ $r->adult_count }}Y / {{ $r->child_count }}Ç / {{ $r->infant_count }}B</div>
                              </td>
                              <td>
                                   <div style="font-weight:800; font-size: 1rem;">{{ number_format($r->total_amount, 2, ',', '.') }} {{ $r->currency }}</div>
                                   @if($r->remaining_amount > 0)
                                        <div style="font-size:.75rem; color:#ef4444; font-weight: 600;">Kalan: {{ number_format($r->remaining_amount, 2, ',', '.') }}</div>
                                   @endif
                              </td>
                              <td>
                                   <span class="badge" style="background: {{ $r->status_color }}15; color: {{ $r->status_color }}; border: 1px solid {{ $r->status_color }}30">
                                        {{ $r->status_label }}
                                   </span>
                              </td>
                              <td>
                                   <div class="d-flex gap-2 justify-content-end">
                                        <a href="{{ route('agency.sales.show', $r) }}" class="btn btn-sm btn-light" title="Görüntüle"><i class="fas fa-eye"></i></a>
                                        <a href="{{ route('agency.sales.edit', $r) }}" class="btn btn-sm btn-light text-primary" title="Düzenle"><i class="fas fa-pen"></i></a>
                                   </div>
                              </td>
                         </tr>
                    @empty
                         <tr>
                              <td colspan="8" class="text-center py-5">
                                   <div class="py-4">
                                        <i class="fas fa-search fa-3x text-light mb-3"></i>
                                        <h5 class="text-muted">Sonuç bulunamadı</h5>
                                   </div>
                              </td>
                         </tr>
                    @endforelse
               </tbody>
          </table>
     </div>
</div>

@if($reservations)
<div class="mt-4">
     {{ $reservations->links() }}
</div>
@endif