@extends('layouts.app')

@section('title', 'Quotations')

@section('breadcrumb')
<li class="breadcrumb-item active">Quotations</li>
@endsection

@section('content')

<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1 class="page-title"><i class="bi bi-file-earmark-text me-2" style="color:#1d4ed8;"></i>Quotations</h1>
        <p class="page-subtitle">Manage customer quotations and estimates</p>
    </div>
    @can_permission('quotations.create')
    <a href="{{ route('quotations.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle me-1"></i> New Quotation
    </a>
    @endcan_permission
</div>

{{-- Filters --}}
<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-12 col-sm-4">
                <input type="text" name="search" class="form-control form-control-sm"
                    placeholder="Search quotation no..." value="{{ $search ?? '' }}">
            </div>
            <div class="col-6 col-sm-2">
                <select name="status" class="form-select form-select-sm">
                    <option value="">All Status</option>
                    <option value="draft"     {{ ($status??'') === 'draft'     ? 'selected':'' }}>Draft</option>
                    <option value="sent"      {{ ($status??'') === 'sent'      ? 'selected':'' }}>Sent</option>
                    <option value="accepted"  {{ ($status??'') === 'accepted'  ? 'selected':'' }}>Accepted</option>
                    <option value="converted" {{ ($status??'') === 'converted' ? 'selected':'' }}>Converted</option>
                    <option value="expired"   {{ ($status??'') === 'expired'   ? 'selected':'' }}>Expired</option>
                    <option value="cancelled" {{ ($status??'') === 'cancelled' ? 'selected':'' }}>Cancelled</option>
                </select>
            </div>
            <div class="col-6 col-sm-3">
                <select name="customer_id" class="form-select form-select-sm">
                    <option value="">All Customers</option>
                    @foreach($customers as $c)
                    <option value="{{ $c->id }}" {{ ($customer??'') == $c->id ? 'selected':'' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-sm-2">
                <button class="btn btn-outline-secondary btn-sm w-100" type="submit">
                    <i class="bi bi-funnel me-1"></i>Filter
                </button>
            </div>
            <div class="col-6 col-sm-1">
                <a href="{{ route('quotations.index') }}" class="btn btn-outline-danger btn-sm w-100">
                    <i class="bi bi-x"></i>
                </a>
            </div>
        </form>
    </div>
</div>

{{-- Table --}}
<div class="card">
    <div class="card-body p-0">
        @if($quotations->isEmpty())
        <div class="text-center py-5 text-muted">
            <i class="bi bi-file-earmark-text" style="font-size:3rem;"></i>
            <p class="mt-2">No quotations found.</p>
        </div>
        @else
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Quot. No</th>
                        <th>Customer</th>
                        <th>Date</th>
                        <th>Valid Until</th>
                        <th class="text-end">Amount</th>
                        <th>Status</th>
                        <th>Created By</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($quotations as $q)
                    <tr>
                        <td>
                            <a href="{{ route('quotations.show', $q) }}" class="fw-semibold text-primary">
                                {{ $q->quotation_no }}
                            </a>
                        </td>
                        <td>{{ $q->customer?->name ?? '—' }}</td>
                        <td>{{ $q->quotation_date?->format('d M Y') }}</td>
                        <td>
                            @if($q->valid_until)
                                <span class="{{ $q->valid_until < today() && !in_array($q->status,['converted','cancelled']) ? 'text-danger fw-semibold' : '' }}">
                                    {{ $q->valid_until->format('d M Y') }}
                                </span>
                            @else —
                            @endif
                        </td>
                        <td class="text-end fw-semibold">৳{{ number_format($q->total_amount, 2) }}</td>
                        <td>
                            @php
                                $badge = match($q->status) {
                                    'draft'     => 'secondary',
                                    'sent'      => 'info',
                                    'accepted'  => 'success',
                                    'converted' => 'primary',
                                    'expired'   => 'warning',
                                    'cancelled' => 'danger',
                                    default     => 'secondary',
                                };
                            @endphp
                            <span class="badge bg-{{ $badge }}">{{ ucfirst($q->status) }}</span>
                        </td>
                        <td>{{ $q->creator?->name ?? '—' }}</td>
                        <td class="text-end">
                            <a href="{{ route('quotations.show', $q) }}" class="btn btn-sm btn-outline-primary" title="View">
                                <i class="bi bi-eye"></i>
                            </a>
                            <a href="{{ route('quotations.print', $q) }}" class="btn btn-sm btn-outline-secondary" title="Print" target="_blank">
                                <i class="bi bi-printer"></i>
                            </a>
                            @can_permission('quotations.edit')
                            @if(!in_array($q->status, ['converted','cancelled']))
                            <a href="{{ route('quotations.edit', $q) }}" class="btn btn-sm btn-outline-warning" title="Edit">
                                <i class="bi bi-pencil"></i>
                            </a>
                            @endif
                            @endcan_permission
                            @can_permission('quotations.convert')
                            @if($q->status === 'accepted')
                            <form method="POST" action="{{ route('quotations.convert', $q) }}" class="d-inline"
                                  onsubmit="return confirm('Convert this quotation to a sale?')">
                                @csrf
                                <button class="btn btn-sm btn-success" title="Convert to Sale">
                                    <i class="bi bi-arrow-right-circle"></i>
                                </button>
                            </form>
                            @endif
                            @endcan_permission
                            @can_permission('quotations.delete')
                            @if($q->status !== 'converted')
                            <form method="POST" action="{{ route('quotations.destroy', $q) }}" class="d-inline"
                                  onsubmit="return confirm('Delete this quotation?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" title="Delete">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                            @endif
                            @endcan_permission
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="p-3">
            {{ $quotations->links() }}
        </div>
        @endif
    </div>
</div>

@endsection