{% extends "oscar/checkout/checkout.html" %}
{% load currency_filters %}
{% load i18n %}
{% load shipping_tags %}
{% block title %}
    {% trans "Shipping method" %} | {{ block.super }}
{% endblock %}
{% block checkout_nav %}
    {% include 'oscar/checkout/nav.html' with step=2 %}{% endblock %}
    {% block checkout_title %}
        {% trans "Shipping method" %}
    {% endblock %}
    {% block order_contents %}{% endblock %}
    {% block shipping_address %}{% endblock %}
    {% block payment_method %}{% endblock %}
    {% block shipping_method %}
        <div class="basket-title">
            <div class="row">
                <h4 class="col-sm-8 m-0">{% trans "Method" %}</h4>
                <h4 class="col-sm-3 m-0">{% trans "Cost" %}</h4>
            </div>
        </div>
        {% for method in methods %}
            <div class="basket-items">
                <div class="row">
                    <div class="col-sm-8">
                        <h4>{{ method.name }}</h4>
                        {% if method.description %}
                            <p>
                                {{ method.description|safe }}
                            </p>
                        {% endif %}
                        {% if method.is_discounted %}
                            <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>
                        {% endif %}
                    </div>
                    <div class="col-sm-1">
                        {% 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="col-sm-3">
                        <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-lg btn-primary float-right"
                                    data-loading-text="{% trans 'Submitting...' %}">
                                {% trans "Select option" %}
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        {% endfor %}
    {% endblock shipping_method %}
