@extends('layouts.admin')
@section('title', 'Quotes')
@section('content')
@php
  $columns = ['number'=>'Quote','customer'=>'Customer','total'=>'Total','margin'=>'Margin','status'=>'Status','expires'=>'Expires','actions'=>''];
  $tone = fn ($s) => match ($s) {
    'accepted', 'converted' => 'success',
    'sent' => 'info',
    'pending_approval' => 'warning',
    'declined', 'expired' => 'danger',
    default => 'muted',
  };
@endphp
<x-crm.shell title="Quotes" subtitle="Margin-aware proposals with SoD approvals, secure accept links, and draft-order conversion.">
    <x-slot:actions>
        <a href="{{ route('admin.crm.quotes.create') }}" class="admin-btn admin-btn-primary"><i data-lucide="plus" class="h-3.5 w-3.5"></i> Create quote</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="Draft" :value="$stats['draft']" />
        <x-crm.stat label="Sent" :value="$stats['sent']" />
        <x-crm.stat label="Pending approval" :value="$stats['pending_approval']" :tone="$stats['pending_approval'] ? 'warning' : null" />
        <x-crm.stat label="Accepted" :value="$stats['accepted']" tone="success" />
    </x-slot:stats>

    <div class="p-4 sm:p-6 lg:px-8">
        <x-admin.advanced-table id="quotes" :search-url="route('admin.crm.quotes.index')" search-placeholder="Search number, name, or email…" :columns="$columns">
            <x-slot:filters>
                <div>
                    <label class="admin-label">Status</label>
                    <select name="status" form="quotes-filter" class="admin-input" onchange="document.getElementById('quotes-filter').submit()">
                        <option value="">All</option>
                        @foreach(['draft','pending_approval','sent','accepted','declined','expired','converted'] as $s)
                            <option value="{{ $s }}" @selected(request('status')===$s)>{{ str_replace('_',' ', ucfirst($s)) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="flex items-end"><a href="{{ route('admin.crm.quotes.index') }}" class="admin-btn w-full justify-center">Clear</a></div>
            </x-slot:filters>
            <thead>
                <tr>
                    <th data-col="number">Quote</th>
                    <th data-col="customer">Customer</th>
                    <th data-col="total">Total</th>
                    <th data-col="margin">Margin</th>
                    <th data-col="status">Status</th>
                    <th data-col="expires">Expires</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($quotes as $quote)
                    <tr>
                        <td data-col="number">
                            <a href="{{ route('admin.crm.quotes.show', $quote) }}" class="font-semibold text-[#2c6ecb] hover:underline">{{ $quote->number }}</a>
                            <div class="text-xs text-[#6d7175]">Rev {{ $quote->revision }}</div>
                        </td>
                        <td data-col="customer">
                            <div class="flex items-center gap-2">
                                <x-crm.avatar :name="$quote->lead?->name" size="sm" />
                                <div>
                                    <div class="text-sm">{{ $quote->lead?->name ?: '—' }}</div>
                                    <div class="text-xs text-[#6d7175]">{{ $quote->lead?->email }}</div>
                                </div>
                            </div>
                        </td>
                        <td data-col="total" class="font-semibold tabular-nums">{{ $quote->currency }} {{ number_format($quote->total_cents/100, 2) }}</td>
                        <td data-col="margin" class="{{ $quote->margin_percent !== null && $quote->margin_percent < 20 ? 'text-[var(--color-danger)] font-medium' : '' }}">
                            {{ $quote->margin_percent !== null ? number_format((float)$quote->margin_percent, 1).'%' : '—' }}
                        </td>
                        <td data-col="status"><x-admin.badge :tone="$tone($quote->status)">{{ str_replace('_',' ', $quote->status) }}</x-admin.badge></td>
                        <td data-col="expires" class="text-xs text-[#6d7175]">{{ $quote->expires_at?->format('d M Y') ?? '—' }}</td>
                        <td data-col="actions" class="text-right"><a href="{{ route('admin.crm.quotes.show', $quote) }}" class="admin-btn !py-1 text-xs">Open</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="p-10"><x-admin.empty title="No quotes yet" description="Create a quote from a lead or opportunity." /></td></tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $quotes->links() }}</x-slot:footer>
        </x-admin.advanced-table>
        <form id="quotes-filter" method="get" action="{{ route('admin.crm.quotes.index') }}" class="hidden"><input type="hidden" name="q" value="{{ request('q') }}"></form>
    </div>
</x-crm.shell>
@endsection