@extends('customer.layouts.app')

@section('title', 'My Quotations')

@section('content')
<div class="module-heading">
    <div><span class="eyebrow green">Pricing & services</span><h1>My Quotations</h1><p>Review the quotations prepared for your requested services.</p></div>
</div>

<section class="module-card">
    @if($quotations->isEmpty())
        <div class="module-empty"><i class="fa-regular fa-file-lines"></i><h2>No quotations yet</h2><p>Quotations shared by our service team will appear here.</p></div>
    @else
        <div class="responsive-table">
            <table class="portal-table">
                <thead><tr><th>Quotation</th><th>Date</th><th>Valid Until</th><th>Services</th><th>Total</th><th>Status</th><th></th></tr></thead>
                <tbody>
                @foreach($quotations as $quotation)
                    <tr>
                        <td><strong>{{ $quotation->quotation_number }}</strong></td>
                        <td>{{ $quotation->quotation_date ? \Carbon\Carbon::parse($quotation->quotation_date)->format('d M Y') : '-' }}</td>
                        <td>{{ $quotation->valid_until ? \Carbon\Carbon::parse($quotation->valid_until)->format('d M Y') : '-' }}</td>
                        <td>{{ $quotation->items->count() }}</td>
                        <td><strong>&#8377;{{ number_format($quotation->total_amount, 2) }}</strong></td>
                        <td><span class="status-pill status-{{ strtolower($quotation->status) }}">{{ $quotation->status }}</span></td>
                        <td><a class="table-action" href="{{ route('customer.quotations.show', $quotation) }}"><i class="fa-regular fa-eye"></i> View</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
</section>
@endsection