{% extends "base.html" %}

{% block content %}

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

    <div>

        <h2 class="mb-1">

            <i class="bi bi-envelope-fill text-primary"></i>

            {{ enquiry.enquiry_number }}

        </h2>

        <small class="text-muted">

            {{ enquiry.subject }}

        </small>

    </div>

    <div>

        <!-- ✅ Conditional Button - Show Create or Edit BOQ -->
        {% if has_boq %}

            <a href="/boq/view/{{ existing_boq.id }}" class="btn btn-warning">

                <i class="bi bi-pencil-square"></i>

                Edit Quotation

            </a>

        {% else %}

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

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

                Create BOQ

            </a>

        {% endif %}

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

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

            Back

        </a>

    </div>

</div>

<!-- ✅ Show info banner if BOQ exists -->
{% if has_boq %}

    <div class="alert alert-info">

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

        <strong>Note:</strong> This enquiry already has a quotation 

        <strong>{{ existing_boq.quotation_number }}</strong>. 

        Click "Edit Quotation" to make changes.

    </div>

{% endif %}

<hr>

<div class="row mb-4">

    <div class="col-md-3">

        <div class="card shadow-sm">

            <div class="card-body">

                <small class="text-muted">Status</small>

                <h5>

                    {% if enquiry.status == "New" %}

                        <span class="badge bg-primary">{{ enquiry.status }}</span>

                    {% elif enquiry.status == "Assigned" %}

                        <span class="badge bg-warning text-dark">{{ enquiry.status }}</span>

                    {% elif enquiry.status == "Quoted" %}

                        <span class="badge bg-success">{{ enquiry.status }}</span>

                    {% elif enquiry.status == "Won" %}

                        <span class="badge bg-success">{{ enquiry.status }}</span>

                    {% elif enquiry.status == "Lost" %}

                        <span class="badge bg-danger">{{ enquiry.status }}</span>

                    {% else %}

                        <span class="badge bg-secondary">{{ enquiry.status }}</span>

                    {% endif %}

                </h5>

            </div>

        </div>

    </div>

    <div class="col-md-3">

        <div class="card shadow-sm">

            <div class="card-body">

                <small class="text-muted">Priority</small>

                <h5>

                    {% if enquiry.priority == "Urgent" %}

                        <span class="badge bg-danger">Urgent</span>

                    {% elif enquiry.priority == "High" %}

                        <span class="badge bg-warning text-dark">High</span>

                    {% elif enquiry.priority == "Normal" %}

                        <span class="badge bg-primary">Normal</span>

                    {% else %}

                        <span class="badge bg-secondary">Low</span>

                    {% endif %}

                </h5>

            </div>

        </div>

    </div>

    <div class="col-md-3">

        <div class="card shadow-sm">

            <div class="card-body">

                <small class="text-muted">Assigned To</small>

                <h5>{{ enquiry.assigned_to or "-" }}</h5>

            </div>

        </div>

    </div>

    <div class="col-md-3">

        <div class="card shadow-sm">

            <div class="card-body">

                <small class="text-muted">Date Received</small>

                <h5>{{ enquiry.date_received or "-" }}</h5>

            </div>

        </div>

    </div>

</div>

<div class="row">

    <div class="col-md-8">

        <div class="card shadow-sm mb-4">

            <div class="card-header bg-primary text-white">

                Customer Information

            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6">

                        <p><strong>Company</strong></p>

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

                    </div>

                    <div class="col-md-6">

                        <p><strong>Customer Code</strong></p>

                        <p><code>{{ enquiry.customer.customer_code }}</code></p>

                    </div>

                    <div class="col-md-6">

                        <p><strong>Contact</strong></p>

                        <p>{{ enquiry.customer.contact_name or "-" }}</p>

                    </div>

                    <div class="col-md-6">

                        <p><strong>Email</strong></p>

                        <p>{{ enquiry.customer.email or "-" }}</p>

                    </div>

                </div>

            </div>

        </div>

        <div class="card shadow-sm">

            <div class="card-header bg-primary text-white">

                Enquiry Details

            </div>

            <div class="card-body">

                <div class="row">

                    <div class="col-md-6">

                        <strong>Source</strong>

                        <p>{{ enquiry.source or "-" }}</p>

                    </div>

                    <div class="col-md-6">

                        <strong>Type</strong>

                        <p>{{ enquiry.enquiry_type or "-" }}</p>

                    </div>

                    <div class="col-md-6">

                        <strong>Received By</strong>

                        <p>{{ enquiry.received_by or "-" }}</p>

                    </div>

                    <div class="col-md-6">

                        <strong>Due Date</strong>

                        <p>{{ enquiry.due_date or "-" }}</p>

                    </div>

                    <div class="col-12">

                        <strong>Description</strong>

                        <p>{{ enquiry.description or "-" }}</p>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="col-md-4">

        <div class="card shadow-sm mb-3">

            <div class="card-header bg-success text-white">

                Quick Actions

            </div>

            <div class="card-body d-grid gap-2">

                <!-- ✅ Conditional Button -->
                {% if has_boq %}

                    <a href="/boq/view/{{ existing_boq.id }}" class="btn btn-warning">

                        <i class="bi bi-pencil-square"></i>

                        Edit Quotation

                    </a>

                {% else %}

                    <a href="/enquiries/{{ enquiry.id }}/create-boq" class="btn btn-primary">

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

                        Create BOQ

                    </a>

                {% endif %}

                <a href="/enquiries/{{ enquiry.id }}/edit" class="btn btn-warning">

                    <i class="bi bi-pencil"></i>

                    Edit Enquiry

                </a>

            </div>

        </div>

        <!-- ========================================================== -->
        <!-- DOCUMENTS SECTION -->
        <!-- ========================================================== -->

        <div class="card shadow-sm">

            <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">

                <span>

                    <i class="bi bi-paperclip"></i>

                    Documents

                </span>

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

                    {{ documents|length }}

                </span>

            </div>

            <div class="card-body">

                <!-- Upload Form -->
                <form method="POST" action="/enquiries/{{ enquiry.id }}/upload" enctype="multipart/form-data">

                    <div class="mb-2">

                        <input type="file" class="form-control form-control-sm" name="file" required>

                    </div>

                    <div class="mb-2">

                        <input type="text" class="form-control form-control-sm" name="description" placeholder="Document description (optional)">

                    </div>

                    <button type="submit" class="btn btn-info btn-sm w-100">

                        <i class="bi bi-upload"></i>

                        Upload Document

                    </button>

                </form>

                <hr>

                <!-- Document List -->
                {% if documents %}

                    <div class="list-group">

                    {% for doc in documents %}

                        <div class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">

                            <div>

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

                                <small>{{ doc.original_filename }}</small>

                                <br>

                                <small class="text-muted">

                                    {{ doc.uploaded_at.strftime('%d %b %Y') }}

                                    {% if doc.description %}

                                    - {{ doc.description }}

                                    {% endif %}

                                </small>

                            </div>

                            <div>

                                <a href="/enquiries/{{ enquiry.id }}/documents/{{ doc.id }}/download" class="btn btn-sm btn-outline-primary">

                                    <i class="bi bi-download"></i>

                                </a>

                                <form method="POST" action="/enquiries/{{ enquiry.id }}/documents/{{ doc.id }}/delete" style="display:inline;">

                                    <button type="submit" class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this document?')">

                                        <i class="bi bi-trash"></i>

                                    </button>

                                </form>

                            </div>

                        </div>

                    {% endfor %}

                    </div>

                {% else %}

                    <p class="text-muted text-center py-3">

                        <i class="bi bi-inbox fs-2 d-block"></i>

                        No documents uploaded yet.

                    </p>

                {% endif %}

            </div>

        </div>

    </div>

</div>

{% endblock %}