{% extends "checkout/checkout.html" %}

{% load currency_filters %}
{% load i18n %}
{% load shipping_tags %}

{% block title %}
    {% trans "Shipping method" %} | {{ block.super }}
{% endblock %}

{% block checkout_nav %}
    {% include 'checkout/nav.html' with step=2 %}
{% endblock %}

{% block checkout_title %}{% endblock %}

{% block order_contents %}{% endblock %}
{% block shipping_address %}{% endblock %}
{% block payment_method %}{% endblock %}
{% block shipping_address_preview %}{% endblock %}

{% block shipping_method %}
    <div class="col-lg-8 offset-lg-2 mt-5">
        <div class="card shadow-sm rounded-0">
            <div class="card-body">
                <div class="row">
                    <div class="col-12 mb-3">
                        <h1>{% trans 'Shipping Method' %}</h1>
                    </div>
                </div>
                {% for method in methods %}
                    <div class="row mb-4">
                        <div class="col-sm-9">
                            <h4 class="mb-0">{{ method.name }}</h4>
                            <div class="d-block">
                                {% shipping_charge method basket as charge %}
                                {% if charge.is_tax_known %}
                                    {{ charge.incl_tax|currency:basket.currency }}
                                {% else %}
                                    {{ charge.excl_tax|currency:basket.currency }}
                                {% endif %}
                            </div>
                            <div class="d-block">
                                {% if method.description %}
                                    <small>{{ method.description|safe }}</small>
                                {% endif %}
                            </div>
                            {% if method.is_discounted %}
                                <div class="d-block">
                                    <small>
                                        {% shipping_charge_discount method basket as discount %}
                                        {% blocktrans with amount=discount|currency:basket.currency name=method.discount_name %}
                                            This includes a discount of <strong>{{ amount }}</strong> as
                                            your basket qualifies for the <strong>{{ name }}</strong> offer.
                                        {% endblocktrans %}
                                    </small>
                                </div>
                            {% endif %}
                        </div>
                        <div class="col-sm-3 text-right d-flex align-self-center">
                            <form method="post" action="{% url 'checkout:shipping-method' %}">
                                {% csrf_token %}
                                <input type="hidden" name="method_code" value="{{ method.code }}"/>
                                <button type="submit" class="btn btn-primary btn-hook pull-right"
                                        data-loading-text="{% trans 'Submitting...' %}">
                                    {% trans "Select option" %}
                                </button>
                            </form>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock shipping_method %}