@extends('layouts.app')
@section('title','Quotations')
@section('content')
<div class="space-y-5">
 <div class="flex flex-wrap justify-between items-center gap-3"><div><h1 class="text-xl font-bold">Quotations</h1><p class="text-sm text-ink-muted">Prepare customer quotes, print them, then convert to an invoice or POS sale.</p></div><a class="btn-primary" href="{{ route('sales.quotations.create') }}">New quotation</a></div>
 <form class="card card-pad flex flex-wrap gap-2"><input class="input min-w-0 flex-1" name="search" value="{{ request('search') }}" placeholder="Search quotation or customer"><select class="input" name="status"><option value="">All statuses</option>@foreach(['draft','invoiced','sold'] as $st)<option value="{{ $st }}" @selected(request('status')===$st)>{{ ucfirst($st) }}</option>@endforeach</select><button class="btn-secondary">Filter</button></form>
 <div class="card overflow-x-auto"><table class="data-table"><thead><tr><th>Quotation</th><th>Customer</th><th>Date</th><th>Status</th><th class="text-right">Total</th><th></th></tr></thead><tbody>
 @forelse($quotations as $q)<tr><td class="font-semibold">{{ $q->quotation_number }}</td><td>{{ $q->customer_name }}<div class="text-xs text-ink-muted">{{ $q->customer_phone }}</div></td><td>{{ $q->created_at->format('d M Y') }}</td><td>{{ ucfirst($q->status) }}</td><td class="text-right">{{ number_format($q->subtotal,2) }}</td><td><a class="btn-ghost btn-sm" href="{{ route('sales.quotations.show',$q) }}">Open</a></td></tr>@empty<tr><td colspan="6" class="text-center py-6 text-ink-muted">No quotations found.</td></tr>@endforelse
 </tbody></table></div>{{ $quotations->links() }}
</div>
@endsection