@extends('layouts.app')

@section('title', 'Quotations List')
@section('page_title', 'Quotation Management')

@section('content')
<div class="row g-4 mb-4">
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-primary bg-opacity-10 text-primary">
                <i class="bi bi-file-earmark-text"></i>
            </div>
            <h6 class="text-secondary small fw-bold">TOTAL QUOTATIONS</h6>
            <h3 class="fw-bold mb-0 text-dark">{{ $quotations->total() }}</h3>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-info bg-opacity-10 text-info">
                <i class="bi bi-arrow-left-right"></i>
            </div>
            <h6 class="text-secondary small fw-bold">CONVERTED TO INVOICES</h6>
            <h3 class="fw-bold mb-0 text-dark">{{ \App\Models\Quotation::where('status', 'converted')->count() }}</h3>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-success bg-opacity-10 text-success">
                <i class="bi bi-check-circle"></i>
            </div>
            <h6 class="text-secondary small fw-bold">ACTIVE / SENT</h6>
            <h3 class="fw-bold mb-0 text-dark">{{ \App\Models\Quotation::where('status', 'sent')->count() }}</h3>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card text-end d-flex align-items-center justify-content-end">
            <a href="{{ route('quotations.create') }}" class="btn btn-primary btn-lg d-flex align-items-center gap-2 shadow-sm">
                <i class="bi bi-plus-circle"></i> Create Quotation
            </a>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm p-4">
    <h5 class="fw-bold mb-4 text-dark"><i class="bi bi-file-earmark-text text-primary"></i> Quotation Ledger</h5>

    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Quotation #</th>
                    <th>Customer</th>
                    <th>Date Issued</th>
                    <th>Expiry Date</th>
                    <th class="text-end">Total Amount</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($quotations as $q)
                    <tr>
                        <td class="fw-bold text-dark">{{ $q->quotation_number }}</td>
                        <td>
                            <div class="fw-semibold text-dark">{{ $q->client->full_name }}</div>
                            <small class="text-secondary">{{ $q->client->client_code }}</small>
                        </td>
                        <td>{{ $q->quotation_date->format('M d, Y') }}</td>
                        <td>{{ $q->expiry_date ? $q->expiry_date->format('M d, Y') : '-' }}</td>
                        <td class="text-end fw-bold text-dark">{{ number_format($q->total_amount) }} UGX</td>
                        <td>
                            @php
                                $badge = match($q->status) {
                                    'draft' => 'secondary',
                                    'sent' => 'primary',
                                    'approved' => 'success',
                                    'rejected' => 'danger',
                                    'expired' => 'dark',
                                    'converted' => 'info',
                                    default => 'secondary'
                                };
                            @endphp
                            <span class="badge bg-{{ $badge }}">{{ ucfirst($q->status) }}</span>
                        </td>
                        <td class="text-end">
                            <a href="{{ route('quotations.show', $q->id) }}" class="btn btn-sm btn-outline-primary">
                                <i class="bi bi-eye"></i> View
                            </a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="text-center py-5 text-muted">No quotations generated yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    
    <div class="mt-4">
        {{ $quotations->links() }}
    </div>
</div>
@endsection