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

{% block title %} {{ "Shopping Cart" }} {% endblock %}

{% block header %}<h2>{{ _("My Cart") }}</h2>{% endblock %}

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

{% block style %}
<style>
    {% include "templates/includes/cart.css" %}
</style>
{% endblock %}


{% block header_actions %}
{% if doc.items %}
<button class="btn btn-primary btn-place-order btn-sm"
    type="button">
    {{ _("Place Order") }}</button>
{% endif %}
{% endblock %}

{% block page_content %}

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

<div class="cart-content">
	<div id="cart-container">
		<div id="cart-error" class="alert alert-danger"
            style="display: none;"></div>
    	<div id="cart-items">
            <div class="row cart-item-header">
                <div class="col-sm-8 col-xs-6">
                    Items
                </div>
                <div class="col-sm-2 col-xs-3 text-right">
                    Qty
            	</div>
                <div class="col-sm-2 col-xs-3 text-right">
                    Amount
            	</div>
            </div>
            {% if doc.items %}
            <div class="cart-items">
            {% include "templates/includes/cart/cart_items.html" %}
            </div>
            {% else %}
            <p>{{ _("Cart is Empty") }}</p>
            {% endif %}
    	</div>
        {% if doc.items %}
        <!-- taxes -->
        <div class="cart-taxes row small">
            <div class="col-sm-8"><!-- empty --></div>
            <div class="col-sm-4 cart-tax-items">
                {% include "templates/includes/order/order_taxes.html" %}
            </div>
        </div>
    	<div id="cart-totals">
    	</div>
        {% if doc.tc_name %}
          <div class="cart-terms" style="display: none;" title={{doc.tc_name}}>
          {{doc.tc_name}}
          {{doc.terms}}
          </div>
          <div class="cart-link">
            <a href="#" onclick="show_terms();return false;">*Terms and Conditions</a>
          </div>  
        {% endif %}
    	<div class="cart-addresses">
            {% include "templates/includes/cart/cart_address.html" %}
    	</div>
    	<p class="cart-footer text-right">
            <button class="btn btn-primary btn-place-order btn-sm" type="button">
    		{{ _("Place Order") }}</button></p>
        {% endif %}
    </div>
</div>

<!-- no-sidebar -->
{% endblock %}