112 lines
5.0 KiB
HTML
112 lines
5.0 KiB
HTML
{% load static %} {% load i18n %}
|
|
<!DOCTYPE html>
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_CODE == 'ar' %}rtl{% else %}ltr{% endif %}" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<title>{% block title %}{% trans 'HAIKAL' %}{% endblock %}</title>
|
|
<link href="{% static 'css/themes/cosmo/_variables.scss' %}" rel="stylesheet" />
|
|
<link href="{% static 'css/custom.css' %}" rel="stylesheet" />
|
|
{% if LANGUAGE_CODE == 'ar' %}
|
|
<link href="{% static 'css/themes/cosmo/bootstrap.rtl.css' %}" rel="stylesheet" />
|
|
{% else %}
|
|
<link href="{% static 'css/themes/cosmo/bootstrap.css' %}" rel="stylesheet" />
|
|
{% endif %}
|
|
<link href="{% static 'css/themes/cosmo/_bootswatch.scss' %}" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container mt-4">
|
|
<div class="card" id="quotation-html">
|
|
<div class="card-header">
|
|
<h4>{% trans "Quotation Details" %} - {{ quotation.quotation_number }}</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.quotation_number }}</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.finances.selling_price }}</td>
|
|
<td>{{ 0.15 }}</td>
|
|
<td>{{ item.total_vat}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="3">{% trans "Totals" %}</th>
|
|
<th>{{ quotation.total_quantity }}</th>
|
|
<th>{{ quotation.total }}</th>
|
|
<th>{{ vat_amount }}</th>
|
|
<th>{{ quotation.total_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>
|
|
{% for service in services %}
|
|
<tr>
|
|
<td>{{service.name}}</td>
|
|
<td>{{ service.price }}</td>
|
|
<td>{{ service.vated }}</td>
|
|
<td>{{ service.total_price_vat }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
<tr>
|
|
<td></td>
|
|
<td>{{ total_cost }}</td>
|
|
<td>{{ total_vat }}</td>
|
|
<td>{{ total_cost_vat }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |