@php
    $badge = ['draft' => 'bg-gray-100 text-gray-600', 'sent' => 'bg-blue-100 text-blue-700', 'accepted' => 'bg-green-100 text-green-700', 'rejected' => 'bg-red-100 text-red-700'];
@endphp
<x-app-layout title="Proposals">
    <x-page-header title="Proposals" subtitle="Quotes and proposals">
        @if(auth()->user()?->hasPermission('crm.proposals.manage'))
            <a href="{{ route('crm.proposals.create') }}" class="bg-primary text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-primary-700">+ New Proposal</a>
        @endif
    </x-page-header>

    <x-card class="mb-4" padding="p-4">
        <form method="GET" class="flex gap-3 items-center">
            <select name="status" class="rounded-lg border-gray-200 text-sm focus:ring-primary focus:border-primary">
                <option value="">All statuses</option>
                @foreach(\Modules\CRM\Models\Proposal::STATUSES as $k => $label)
                    <option value="{{ $k }}" @selected(request('status')===$k)>{{ $label }}</option>
                @endforeach
            </select>
            <button class="bg-gray-800 text-white px-4 py-2 rounded-lg text-sm">Filter</button>
        </form>
    </x-card>

    <x-card padding="p-0">
        <table class="w-full text-sm">
            <thead class="text-left text-gray-500 border-b border-gray-100">
                <tr>
                    <th class="px-6 py-3">Number</th>
                    <th class="px-6 py-3">Contact</th>
                    <th class="px-6 py-3">Total</th>
                    <th class="px-6 py-3">Status</th>
                    <th class="px-6 py-3">Valid Until</th>
                    <th class="px-6 py-3"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($proposals as $p)
                    <tr class="border-b border-gray-50 hover:bg-gray-50">
                        <td class="px-6 py-3 font-medium"><a href="{{ route('crm.proposals.show', $p) }}" class="hover:text-primary">{{ $p->number }}</a></td>
                        <td class="px-6 py-3 text-gray-600">{{ $p->contact?->display_name ?: '—' }}</td>
                        <td class="px-6 py-3">{{ money($p->total) }}</td>
                        <td class="px-6 py-3"><span class="px-2 py-0.5 rounded-full text-xs {{ $badge[$p->status] ?? '' }}">{{ \Modules\CRM\Models\Proposal::STATUSES[$p->status] }}</span></td>
                        <td class="px-6 py-3 text-gray-500">{{ optional($p->valid_until)->format('Y-m-d') ?: '—' }}</td>
                        <td class="px-6 py-3 text-right"><a href="{{ route('crm.proposals.pdf', $p) }}" class="text-primary hover:underline">PDF</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="px-6 py-10 text-center text-gray-400">No proposals found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </x-card>

    <div class="mt-4">{{ $proposals->links() }}</div>
</x-app-layout>