{% extends "base.html" %}

{% block content %}

<div class="container-fluid">

    <!-- Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h2 class="fw-bold">
                <i class="bi bi-file-earmark-plus text-success"></i>
                Create Quotation
            </h2>

            <p class="text-muted mb-0">
                Select an enquiry to create a quotation. Only enquiries without existing quotations are shown.
            </p>

        </div>

        <div>

            <a href="/boq" class="btn btn-secondary">

                <i class="bi bi-arrow-left"></i>

                Back to BOQ Workspace

            </a>

        </div>

    </div>

    <!-- Info Alert -->
    <div class="alert alert-info">

        <i class="bi bi-info-circle"></i>

        <strong>{{ enquiries|length }}</strong> enquiries available for quotation creation.

        {% if enquiries|length == 0 %}

        <span class="text-warning">All enquiries already have quotations or are assigned.</span>

        {% endif %}

    </div>

    <!-- Enquiries Table -->
    <div class="card shadow-sm">

        <div class="card-header bg-success text-white d-flex justify-content-between">

            <span>

                <i class="bi bi-envelope-paper"></i>

                Enquiries Without Quotations

            </span>

            <span class="badge bg-light text-dark">

                {{ enquiries|length }} Enquiries

            </span>

        </div>

        <div class="card-body p-0">

            <div class="table-responsive">

                <table class="table table-hover align-middle mb-0">

                    <thead class="table-light">

                        <tr>

                            <th>Enquiry No</th>

                            <th>Customer</th>

                            <th>Subject</th>

                            <th>Type</th>

                            <th>Priority</th>

                            <th>Status</th>

                            <th>Received</th>

                            <th></th>

                        </tr>

                    </thead>

                    <tbody>

                        {% for enquiry in enquiries %}

                        <tr>

                            <td>

                                <code>{{ enquiry.enquiry_number }}</code>

                            </td>

                            <td>

                                <strong>{{ enquiry.customer.company_name }}</strong>

                            </td>

                            <td>

                                {{ enquiry.subject }}

                            </td>

                            <td>

                                {{ enquiry.enquiry_type or "-" }}

                            </td>

                            <td>

                                <span class="badge bg-{% if enquiry.priority == 'Urgent' %}danger{% elif enquiry.priority == 'High' %}warning{% elif enquiry.priority == 'Normal' %}primary{% else %}secondary{% endif %}">

                                    {{ enquiry.priority }}

                                </span>

                            </td>

                            <td>

                                <span class="badge bg-{% if enquiry.status == 'New' %}primary{% elif enquiry.status == 'Assigned' %}warning{% elif enquiry.status == 'Quoted' %}success{% elif enquiry.status == 'Won' %}success{% elif enquiry.status == 'Lost' %}danger{% else %}secondary{% endif %}">

                                    {{ enquiry.status }}

                                </span>

                            </td>

                            <td>

                                {{ enquiry.created_at.strftime('%d %b %Y') if enquiry.created_at else "" }}

                            </td>

                            <td>

                                <a href="/boq/builder/{{ enquiry.id }}" class="btn btn-success btn-sm">

                                    <i class="bi bi-file-earmark-text"></i>

                                    Create BOQ

                                </a>

                            </td>

                        </tr>

                        {% else %}

                        <tr>

                            <td colspan="8" class="text-center text-muted py-4">

                                <i class="bi bi-check-circle fs-1 d-block text-success"></i>

                                <p class="mt-2">All enquiries have quotations!</p>

                                <p class="text-muted">No enquiries available for quotation creation.</p>

                                <a href="/enquiries/new" class="btn btn-primary mt-2">

                                    <i class="bi bi-plus-circle"></i>

                                    Create New Enquiry

                                </a>

                            </td>

                        </tr>

                        {% endfor %}

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

{% endblock %}