{% extends "base.html" %}
{% load custom_filters %}
{% load i18n %}
{% block content %}
<div class="container mt-4">
    <div class="card">
        <div class="card-header">
            <h4>{% trans "Quotation Details" %} - {{ quotation.id }}</h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <h5>{% trans "Customer Details" %}</h5>
                    <p>
                        <strong>{% trans "Name" %}:</strong>
                        {{ quotation.customer.get_full_name }}</p>
                    <p><strong>{% trans "Address" %}:</strong> {{ quotation.customer.address }}</p>
                    <p><strong>{% trans "VAT No" %}:</strong> {{ quotation.customer.vat_number }}</p>
                </div>
                <div class="col-md-6">
                    <h5>{% trans "Quotation Information" %}</h5>
                    <p><strong>{% trans "Quotation No" %}:</strong> {{ quotation.id }}</p>
                    <p><strong>{% trans "Date" %}:</strong> {{ quotation.created_at|date }}</p>
                    <p><strong>{% trans "Remarks" %}:</strong> {{ quotation.remarks }}</p>
                </div>
            </div>

            <h5 class="mt-4">{% trans "Car Details" %}</h5>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>{% trans "VIN" %}</th>
                        <th>{% trans "Model" %}</th>
                        <th>{% trans "Year" %}</th>
                        <th>{% trans "Quantity" %}</th>
                        <th>{% trans "Price" %}</th>
                        <th>{% trans "VAT" %}</th>
                        <th>{% trans "Total" %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in quotation.quotation_cars.all %}
                    <tr>
                        <td>{{ item.car.vin }}</td>
                        <td>{{ item.car.id_car_model.get_local_name }}</td>
                        <td>{{ item.car.year }}</td>
                        <td>{{ item.quantity }}</td>
                        <td>{{ item.car.selling_price }}</td>
                        <td>{{ item.car.vat_amount }}</td>
                        <td>{{ item.car.total }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="3">{% trans "Totals" %}</th>
                        <th>{{ quotation.total_quantity }}</th>
                        <th>{{ total_sales_before_vat }}</th>
                        <th>{{ vat_amount }}</th>
                        <th>{{ total_sales_after_vat }}</th>
                    </tr>
                </tfoot>
            </table>

            <h5 class="mt-4">{% trans "Additional Costs" %}</h5>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>{% trans "Additions" %}</th>
                        <th>{% trans "Cost" %}</th>
                        <th>{% trans "VAT" %}</th>
                        <th>{% trans "Total Cost with VAT" %}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{% trans "Administration Fee" %}</td>
                       <td>{{ administration_fee }}</td>
                        <td>{{ administration_fee_vat }}</td>
                        <td>{{ administration_fee_total }}</td>
                    </tr>
                    <tr>
                        <td>{% trans "Transportation Fee" %}</td>
                        <td>{{ transportation_fee }}</td>
                        <td>{{ transportation_fee_vat }}</td>
                        <td>{{ transportation_fee_total }}</td>
                    </tr>
                    <tr>
                        <td>{% trans "Custom Card Fee" %}</td>
                        <td>{{ custom_card_fee }}</td>
                        <td>{{ custom_card_fee_vat }}</td>
                        <td>{{ custom_card_fee_total }}</td>
                    </tr>
                    <tr>
                        <td>{% trans "Registration Fee (No VAT)" %}</td>
                        <td>{{ registration_fee }}</td>
                        <td>{% trans "N/A" %}</td>
                        <td>{{ registration_fee_total }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="card-footer text-end">
            <a href="{% url 'quotation_list' %}" class="btn btn-secondary">{% trans "Back to Quotations" %}</a>
        </div>
    </div>
</div>
{% endblock %}