{% extends "checkout/partials/totals_block.html" %}
{% load i18n currency_filters thumbnail delivery_time %}
{% load shipping_tags %}

{% block panel_body %}
    <ul class="nav flex-column flex-nowrap">
    {% for line in basket.all_lines %}
      {% block basketline %}
      <li class="nav-item product-line">
            <div class="row">
                <div class="col-4">
                    <div class="image_container">
                        {% with image=line.product.primary_image %}
                            {% thumbnail image.original "100x100" upscale=False as thumb %}
                            <a href="{{ line.product.get_absolute_url }}"><img class="thumbnail" src="{{ thumb.url }}" alt="{{ line.product.get_title }}"></a>
                            {% endthumbnail %}
                        {% endwith %}
                    </div>
                </div>
                <div class="col-8">
                    <strong class="d-block"><a href="{{ line.product.get_absolute_url }}">{{ line.description }}</a></strong>
                    <span class="text-muted d-block"><small>{% trans 'Quantity' %}: {{ line.quantity }}</small> </span>
                    <div class="product_options text-muted {% if line.attributes.all %}py-1{% endif %}">
                    {% for option in line.attributes.all %}
                        <small class="d-block"><b class="pr-1">{{ option.option }}:</b>{{ option.display_value }}</small>
                    {% endfor %}
                    </div>
                    <b class="d-block mt-1">
                        {% if basket.is_tax_known %}
                        {{ line.unit_price_incl_tax|currency:request.basket.currency }}
                        {% else %}
                        {{ line.unit_price_excl_tax|currency:request.basket.currency }}
                        {% endif %}
                    </b>
                </div>
            </div>
        </li>
      {% endblock %}
    {% endfor %}
    {% delivery_time basket as deliverytime %}{% if deliverytime %}
    <li class="nav-item product-line">
        <div id="basket_totals" class="w-100">
            <div class="delivery_time">
                <i class="fa fa-info-circle"></i>
                <div class="time_wrapper">
                {{ deliverytime|safe }}
                </div>
            </div>
        </div>
    </li>{% endif %}
    <li class="nav-item product-line">
        <div id="basket_totals" class="w-100">
          <table class="table table-smaller table-borderless mt-0 mb-0">
              <tbody>
                  {% with offer_discounts=basket.offer_discounts voucher_discounts=basket.grouped_voucher_discounts %}
                      {% block discount_totals %}
                          {% if offer_discounts or voucher_discounts %}
                              {# Basket total will be discounted so we show a before and after version #}
                              <tr>
                                  <td>{% trans "Basket total (before discounts)" %}</td>
                                  <td class="text-right">
                                      {% if basket.is_tax_known and not show_tax_separately %}
                                          {{ basket.total_incl_tax_excl_discounts|currency:basket.currency }}
                                      {% else %}
                                          {{ basket.total_excl_tax_excl_discounts|currency:basket.currency }}
                                      {% endif %}
                                  </td>
                              </tr>

                              {% for discount in offer_discounts %}
                                  <tr>
                                      <td class="basket-discount">{% trans "Discount" %} {{ discount.name }}
                                          {% if discount.description %}
                                              <br/><small>{{ discount.description }}</small>
                                          {% endif %}
                                      </td>
                                      <td class="text-right">- {{ discount.discount|currency:basket.currency }}</td>
                                  </tr>
                              {% endfor %}

                              {% if voucher_discounts %}
                                  <tr>
                                      <th colspan="2"><h3>{% trans "Vouchers" %}</h3></th>
                                  </tr>
                                  {% for discount in voucher_discounts %}
                                      <tr>
                                          <td>
                                              {{ discount.voucher.name }} ({{ discount.voucher.code }})
                                              {% if editable %}
                                                  <form action="{% url 'basket:vouchers-remove' pk=discount.voucher.id %}" method="POST">
                                                      {% csrf_token %}
                                                      <input type="submit" value="{% trans 'Remove' %}" class="btn btn-sm btn-danger" />
                                                  </form>
                                              {% endif %}
                                          </td>
                                          <td class="text-right">- {{ discount.discount|currency:basket.currency }}</td>
                                      </tr>
                                  {% endfor %}
                              {% endif %}
                          {% endif %}
                      {% endblock %}

                      {% block basket_total %}
                          {% if offer_discounts or voucher_discounts %}
                              <tr class="border-top">
                                  <td class="total">{% trans "Basket total (after discounts)" %}</td>
                                  <td class="total text-right">
                                      {% if not show_tax_separately and basket.is_tax_known %}
                                          {{ basket.total_incl_tax|currency:basket.currency }}
                                      {% else %}
                                          {{ basket.total_excl_tax|currency:basket.currency }}
                                      {% endif %}
                                  </td>
                              </tr>
                          {% else %}
                              {# No discounts to basket #}
                              <tr>
                                  <th class="total">{% trans "Basket total" %}</th>
                                  <td class="total text-right">
                                      {% if not show_tax_separately and basket.is_tax_known %}
                                          {{ basket.total_incl_tax|currency:basket.currency }}
                                      {% else %}
                                          {{ basket.total_excl_tax|currency:basket.currency }}
                                      {% endif %}
                                  </td>
                              </tr>
                          {% endif %}
                      {% endblock %}
                  {% endwith %}

                  {% block shipping_totals %}
                      {% if shipping_methods|length > 1 and editable %}
                          <tr>
                              <th colspan="2">
                                      <small>{% trans "Alternative shipping methods can be chosen during checkout" %}</small>
                              </th>
                          </tr>
                      {% endif %}
                      {% if not shipping_method.is_discounted %}
                          <tr>
                              <td class="total">
                                  {{ shipping_method.name }}
                              </td>
                              <td class="total text-right">
                                  {% if not show_tax_separately and shipping_charge.is_tax_known %}
                                      {{ shipping_charge.incl_tax|currency:basket.currency }}
                                  {% else %}
                                      {{ shipping_charge.excl_tax|currency:basket.currency }}
                                  {% endif %}
                              </td>
                          </tr>
                      {% else %}
                          {% shipping_charge_discount shipping_method basket as shipping_discount %}
                          {% shipping_charge_excl_discount shipping_method basket as shipping_charge_excl_discount %}
                          {# As shipping is discounted, we break it down into its original charge and a discount #}
                          <tr>
                              <th class="total">{% trans "Shipping method" %}</th>
                              <td class="total text-right">{{ shipping_method.name }}</td>
                          </tr>
                          <tr>
                              <td>{% trans "Shipping total (before discounts)" %}</td>
                              <td class="text-right">
                                  {% if not show_tax_separately and shipping_charge_excl_discount.is_tax_known %}
                                      {{ shipping_charge_excl_discount.incl_tax|currency:basket.currency }}
                                  {% else %}
                                      {{ shipping_charge_excl_discount.excl_tax|currency:basket.currency }}
                                  {% endif %}
                              </td>
                          </tr>
                          {# This section needs adjustment to when taxes are shown separately #}
                          <tr>
                              <td class="basket-discount"><span class="label label-success">{% trans "Discount" %}</span> {{ shipping_method.discount_name }}</td>
                              <td class="text-right">-{{ shipping_discount|currency:basket.currency }}</td>
                          </tr>
                          <tr>
                              <th class="total">
                                  {% trans "Shipping total (after discounts)" %}
                              </th>
                              <td class="total text-right">
                                  {% if not show_tax_separately and shipping_charge.is_tax_known %}
                                      {{ shipping_charge.incl_tax|currency:basket.currency }}
                                  {% else %}
                                      {{ shipping_charge.excl_tax|currency:basket.currency }}
                                  {% endif %}
                              </td>
                          </tr>
                      {% endif %}
                      {% if surcharges %}
                        {% for charge in surcharges %}
                            <tr>
                                <td class="total">{{charge.surcharge.name}}</td>
                                <td class="total text-right">
                                    {% if not show_tax_separately and shipping_charge.is_tax_known %}
                                        {{ charge.price.incl_tax|currency:basket.currency }}
                                    {% else %}
                                        {{ charge.price.excl_tax|currency:basket.currency }}
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                      {% endif %}
                  {% endblock %}

                  {% block tax_totals %}
                      {% if show_tax_separately %}
                          <tr>
                              <th colspan="2">
                                  <h3>{% trans "Tax" %}</h3>
                              </th>
                          </tr>
                          <tr>
                              <th class="total">{% trans "Basket" %}</th>
                              <th class="total text-right">
                                  {{ basket.total_tax|currency:basket.currency }}
                              </th>
                          </tr>
                          <tr>
                              <th class="total">{% trans "Shipping" %}</th>
                              <th class="total text-right">
                                  {{ shipping_charge.tax|currency:basket.currency }}
                              </th>
                          </tr>
                      {% endif %}
                  {% endblock %}

                  {% block post_order_action_totals %}
                      {% if basket.post_order_actions %}
                          <tr>
                              <th><h3>{% trans "Post order actions" %}</h3><small>{% trans "These will be applied once your order is placed." %}</small></th>
                              <td></td>
                          </tr>
                          {% for discount in basket.post_order_actions %}
                              <tr>
                                  <td class="total" colspan="2">
                                      <span class="label label-success">{{ discount.name }}</span><br/>
                                      <p>{{ discount.description }}</p>
                                  </td>
                              </tr>
                          {% endfor %}
                      {% endif %}
                  {% endblock %}

                  {% block order_total %}
                      {% if order_total.is_tax_known %}
                      <tr>
                          <th class="total">
                              <b>
                                  {% trans 'Total incl. tax' %}
                              </b>
                          </th>
                          <td class="total text-right">
                                {{ order_total.incl_tax|currency:basket.currency }}
                          </td>
                      </tr>
                      <tr>
                          <td class="total">
                              {% trans 'Tax' %}
                          </td>
                          <td class="total text-right">
                                {{ order_total.tax|currency:basket.currency }}
                          </td>
                      </tr>
                      {% endif %}
                      <tr>
                          <th class="total">
                              <b>
                                  {% trans 'Total excl. tax' %}
                              </b>
                          </th>
                          <td class="total text-right">
                                {{ order_total.excl_tax|currency:basket.currency }}
                          </td>
                      </tr>
                      {% if not order_total.is_tax_known %}
                          <tr>
                              <td><small>{% trans "Taxes will be added during checkout." %}</small></td>
                          </tr>
                      {% endif %}
                  {% endblock %}
              </tbody>
          </table>
      </div>
    </li>
    {% block vat_regulation %}
      {{block.super}}
    {% endblock %}
    </ul>
{% endblock %}
{# Partial template because of ajax loading #}

<ul class="list-group basket-totals-panel">
{# Basket lines #}
{% for line in basket.all_lines %}
<li class="list-group-item">
    {% with product=line.product %}
        {% include "checkout/partials/totals_block_basket_line.html" %}
    {% endwith %}
</li>
{% endfor %}

{# Basket total before discount #}
{% if basket.total_discount > 0 %}
<li class="list-group-item">
    <strong>{% trans "Order total excl. Tax" %}</strong>
    <span class="pull-right">{{ basket.total_excl_tax_excl_discounts|currency:basket.currency }}</span>
</li>
{% endif %}

{# Disount lines #}
{% with offer_discounts=basket.offer_discounts voucher_discounts=basket.grouped_voucher_discounts %}
    {% for discount in offer_discounts %}
        <li class="list-group-item">
            <strong>{{ discount.name }}
                {% if discount.description %}
                    <br/><small>{{ discount.description }}</small>
                {% endif %}
            </strong>
            <span class="pull-right">-{{ discount.discount|currency:basket.currency }}</span>
        </li>
    {% endfor %}

    {% if voucher_discounts %}
        {% for discount in voucher_discounts %}
            <li class="list-group-item">
                <strong>{{ discount.voucher.name }} ({{ discount.voucher.code }})</strong>
                <span class="pull-right">-{{ discount.discount|currency:basket.currency }}</span>
            </li>
        {% endfor %}
    {% endif %}
{% endwith %}

{# Shipping charge #}
{% if shipping_surcharge.excl_tax != None %}
<li class="list-group-item">
    <strong>{% trans "Shipping surcharge" %}</strong>
    <span class="pull-right">{{ shipping_surcharge.excl_tax|currency:basket.currency }}</span>
</li>
{% endif %}

{# Payment charge #}
{% if payment_surcharge %}
    {% if payment_surcharge.cost_incl_tax %}
        <li class="list-group-item">
            <strong>{% trans "Payment surcharge" %}</strong>
            <span class="pull-right">{{ payment_surcharge.cost_excl_tax|currency:basket.currency }}</span>
        </li>
    {% endif %}
{% endif %}

<li class="list-group-item">
    <strong>{% trans "Subtotal excl. Tax" %}</strong>
    <span class="pull-right">
        {% if calculated_total_excl_tax != None %}
            {{ calculated_total_excl_tax|currency:basket.currency }}
        {% else %}
            {{ basket.total_excl_tax|currency:basket.currency }}
        {% endif %}
    </span>
</li>

<li class="list-group-item">
    <strong>{% trans "Tax" %}</strong>
    <span class="pull-right">
        {% if calculated_tax != None %}
            {{ calculated_tax|currency:basket.currency }}
        {% else %}
            {{ basket.total_tax|currency:basket.currency }}
        {% endif %}
    </span>
</li>

{# Order total incl shipping and payment charges if applicable #}
<li class="list-group-item">
    <strong>{% trans "Order total incl. Tax" %}</strong>
    <span class="pull-right">
        {% if calculated_total_incl_tax != None %}
            {{ calculated_total_incl_tax|currency:basket.currency }}
        {% else %}
            {{ basket.total_incl_tax|currency:basket.currency }}
        {% endif %}
    </span>
</li>
</ul>