@php
    $statusLabels = ['draft' => 'Taslak', 'sent' => 'Gönderildi', 'accepted' => 'Kabul Edildi', 'rejected' => 'Reddedildi'];
@endphp
<x-app-layout :title="$title" :breadcrumb="$breadcrumb">
    <x-slot name="actions">
        <a href="{{ route('quotes.templates') }}" class="btn-secondary">Şablonlar</a>
        <a href="{{ route('quotes.export', request()->query()) }}" class="btn-secondary" style="display:inline-flex;align-items:center;gap:6px;">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12"/><path d="M7 10l5 5 5-5"/><path d="M5 21h14"/></svg>
            Excel'e Aktar
        </a>
        <a href="{{ route('quotes.create') }}" class="btn-primary" style="display:inline-flex;align-items:center;gap:6px;">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
            Yeni Teklif
        </a>
    </x-slot>

    <div class="table-toolbar" style="border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-tint);">
        <div style="display:flex;gap:8px;flex-wrap:wrap;">
            <a href="{{ route('quotes.index') }}" class="filter-chip {{ request('status') ? '' : 'active' }}">Tümü</a>
            @foreach ($statuses as $status)
                <a href="{{ route('quotes.index', ['status' => $status]) }}" class="filter-chip {{ request('status') === $status ? 'active' : '' }}">{{ $statusLabels[$status] ?? ucfirst($status) }}</a>
            @endforeach
        </div>
        <form method="GET">
            <input type="hidden" name="status" value="{{ request('status') }}">
            <div class="search-box" style="width:240px;">
                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
                <input type="text" name="q" placeholder="Başlık veya müşteri ara..." value="{{ request('q') }}">
                <button type="submit" class="search-box-submit" aria-label="Ara">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
                </button>
            </div>
        </form>
    </div>

    <div class="table-panel" style="border-top:none;border-radius:0 0 var(--radius) var(--radius);margin-bottom:16px;">
        <table>
            <thead>
                <tr><th>Başlık</th><th>Müşteri</th><th>Tutar</th><th>Durum</th><th>Geçerlilik</th><th></th></tr>
            </thead>
            <tbody>
                @forelse ($quotes as $quote)
                    <tr>
                        <td><a href="{{ route('quotes.show', $quote) }}" class="co-name" style="text-decoration:none;">{{ $quote->title }}</a></td>
                        <td>{{ $quote->company?->name ?? '—' }}</td>
                        <td>{{ number_format($quote->total(), 2) }} {{ $quote->currency }}</td>
                        <td><span class="pill {{ $quote->status === 'accepted' ? 'aktif' : ($quote->status === 'rejected' ? 'pasif' : 'beklemede') }}">{{ $statusLabels[$quote->status] ?? ucfirst($quote->status) }}</span></td>
                        <td>{{ $quote->valid_until?->format('d.m.Y') ?? '—' }}</td>
                        <td class="row-actions">
                            <a href="{{ route('quotes.show', $quote) }}" class="btn-ghost">Görüntüle</a>
                            <a href="{{ route('quotes.edit', $quote) }}" class="btn-ghost">Düzenle</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6"><x-empty-state>Henüz teklif yok.</x-empty-state></td></tr>
                @endforelse
            </tbody>
        </table>

        {{ $quotes->links('partials.pagination') }}
    </div>
</x-app-layout>