{% extends "base.html" %}
{% block title %}{{ _("Sales Order Details") }}{% endblock title %}
{% block content %}
<div class="container">
    <h2>{{ _("Sales Order Details") }}</h2>
    <table>
        <tr>
            <th>{{ _("Quotation ID") }}</th>
            <td>{{ sales_order.quotation.id }}</td>
        </tr>
        <tr>
            <th>{{ _("Customer") }}</th>
            <td>{{ sales_order.quotation.customer }}</td>
        </tr>
        <tr>
            <th>{{ _("Total Amount") }}</th>
            <td>{{ sales_order.total_amount }}</td>
        </tr>
    </table>

    <h3>{{ _("Cars in Sales Order") }}</h3>
    <table>
        <tr>
            <th>{{ _("Car") }}</th>
            <th>{{ _("Selling Price") }}</th>
            <th>{{ _("VAT Amount") }}</th>
            <th>{{ _("Total Amount") }}</th>
        </tr>
        {% for car in sales_order.quotation.quotation_cars.all %}
        <tr>
            <td>{{ car.car }}</td>
            <td>{{ car.selling_price }}</td>
            <td>{{ car.vat_amount }}</td>
            <td>{{ car.total_amount }}</td>
        </tr>
        {% endfor %}
    </table>
</div>
{% endblock %}