{% extends "templates/web.html" %}

{% block title %} {{ _("Shopping Cart") }} {% endblock %}

{% block header %}<h1>{{ _("Shopping Cart") }}</h1>{% endblock %}

<!--
{% block script %}
<script>{% include "templates/includes/cart.js" %}</script>
{% endblock %}
-->


{% block header_actions %}
{% if doc.items and cart_settings.enable_checkout %}
<button class="btn btn-primary btn-place-order" type="button">
	{{ _("Place Order") }}
</button>
{% endif %}
{% if doc.items and not cart_settings.enable_checkout %}
<button class="btn btn-primary btn-request-for-quotation" type="button">
	{{ _("Request for Quotation") }}
</button>
{% endif %}
{% endblock %}

{% block page_content %}

{% from "templates/includes/macros.html" import item_name_and_description %}

<div class="cart-container">
	<div id="cart-error" class="alert alert-danger" style="display: none;"></div>

	{% if doc.items %}
	<table class="table table-bordered mt-3">
		<thead>
			<tr>
				<th width="60%">{{ _('Item') }}</th>
				<th width="20%" class="text-right">{{ _('Quantity') }}</th>
				{% if cart_settings.enable_checkout %}
				<th width="20%" class="text-right">{{ _('Subtotal') }}</th>
				{% endif %}
			</tr>
		</thead>
		<tbody class="cart-items">
			{% include "templates/includes/cart/cart_items.html" %}
		</tbody>
		{% if cart_settings.enable_checkout %}
		<tfoot class="cart-tax-items">
			{% include "templates/includes/order/order_taxes.html" %}
		</tfoot>
		{% endif %}
	</table>
	{% else %}
	<p class="text-muted">{{ _('Your cart is Empty') }}</p>
	{% endif %}

	{% if doc.items %}
	{% if doc.tc_name %}
		<div class="terms-and-conditions-link">
			<a href class="link-terms-and-conditions" data-terms-name="{{ doc.tc_name }}">
				{{ _("Terms and Conditions") }}
			</a>
			<script>
				frappe.ready(() => {
					$('.link-terms-and-conditions').click((e) => {
						e.preventDefault();
						const $link = $(e.target);
						const terms_name = $link.attr('data-terms-name');
						show_terms_and_conditions(terms_name);
					})
				});
				function show_terms_and_conditions(terms_name) {
					frappe.call('erpnext.shopping_cart.cart.get_terms_and_conditions', { terms_name })
					.then(r => {
						frappe.msgprint({
							title: terms_name,
							message: r.message
						});
					});
				}
			</script>
		</div>
	{% endif %}

	{% if cart_settings.enable_checkout %}
	<div class="cart-addresses mt-5">
	{% include "templates/includes/cart/cart_address.html" %}
	</div>
	{% endif %}
	{% endif %}
</div>

<div class="row mt-5">
	<div class="col-12">
		{% if cart_settings.enable_checkout %}
		<a href="/orders">
			{{ _('See past orders') }}
		</a>
		{% else %}
		<a href="/quotations">
			{{ _('See past quotations') }}
		</a>
		{% endif %}
	</div>
</div>

{% endblock %}

{% block base_scripts %}
<!-- js should be loaded in body! -->
<script type="text/javascript" src="/assets/frappe/js/lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/frappe-web.min.js"></script>
<script type="text/javascript" src="/assets/js/control.min.js"></script>
<script type="text/javascript" src="/assets/js/dialog.min.js"></script>
<script type="text/javascript" src="/assets/js/bootstrap-4-web.min.js"></script>
{% endblock %}