{% extends 'checkout/onestep.html' %}
{% load i18n display_tags %}

{% block breadcrumbs %}
    <ul class="breadcrumb bg-light my-3">
        <li class="breadcrumb-item">
            <a href="{{ homepage_url }}">{% trans 'Home' %}</a>
        </li>
        <li class="breadcrumb-item active">{% trans 'Checkout' %}</li>
    </ul>
{% endblock %}

{% block content %}
{% if voucher_form %}
<div class="modal fade" id="voucherModal" tabindex="-1" role="dialog" aria-labelledby="voucherModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <span class="modal-title h5" id="voucherModalLabel">{% trans "Voucher/promo code" %}</span>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
          <form id="voucher_form" action="{% url 'basket:vouchers-add' %}" method="post">
              {% csrf_token %}
              {% include "partials/form_fields.html" with form=voucher_form %}
              <button type="submit" class="btn btn-primary" data-loading-text="{% trans 'Adding...' %}">{% trans "Add voucher" %}</button>
          </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">{% trans "Close" %}</button>
      </div>
    </div>
  </div>
</div>
{% endif %}
<section>
    <div class="container">
      <form method="POST" action="." novalidate="novalidate" id="onstepcheckout">
        {% csrf_token %}
          {% block checkout_hidden_inputs %}{{ block.super }}{% endblock %}
        <div class="row">
            {% if basket.is_empty %}
            <h1>{% trans "Your shopping basket appears to be empty" %}</h1>
            <a class="btn btn-primary" href="{% url 'catalogue:index' %}">{% trans "Continue shopping" %}</a>
            {% else %}
            <div class="col-lg-4 col-12">
              {% if voucher_form %}
              <div class="card card-default mb-3" id="voucher-form">
                  <div class="card-header">
                      <h4 class="m-0">{% trans "Voucher/promo code" %}</h4>
                  </div>
                  <div class="card-body">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#voucherModal">
                      {% trans "I have a voucher code..." %}
                    </button>
                  </div>
              </div>
              {% endif %}
              {% if request.user.is_anonymous %}
                {% trans "Registration" as title %}
                {% include "checkout/partials/gateway_block.html" with form=gateway_form title=title id="gateway" %}
              {% endif %}
              
              {% block vat_check %}{{block.super}}{% endblock %}

              {% trans "Shipping address" as title %}
              {% include "checkout/partials/shipping_address_block.html" with form=shipping_address_form address_form=shipping_address_chooser_form show_address_chooser=show_shipping_address_chooser title=title id="shipping-address-form-block" %}

              {% trans "Billing address" as title %}
              {% include "checkout/partials/address_block.html" with form=billing_address_form address_form=billing_address_chooser_form show_address_chooser=show_billing_address_chooser title=title id="billing-address-form-block" %}

            </div>
            <div class="col-lg-4 col-12">
              <fieldset id="shipping-method-form-block">
    
                {% block shipping_method_wrapper %}
                  {{block.super}}
                {% endblock %}
  
                {% block payment_method_wrapper %}
                  {{block.super}}
                {% endblock %}

              </fieldset>
              {% trans "Notes" as title %}
              {% include "checkout/partials/shipping_address_notes_block.html" with form=shipping_address_form title=title nolabel=True %}
            </div>
            <div class="col-lg-4 col-12">
              {% trans "Your order" as title %}
              {% include "checkout/partials/totals_block.html" with title=title nohide=True id="checkouttotal" %}
              <div class="form-check mb-2">
                {% block vat_regulation_text %}
                  {% with vat_entry=request.user.vat_entry %}
                    {% if vat_entry.display_reverse_charged %}
                      {{block.super}}
                    {% endif %}
                  {% endwith %}
                {% endblock %}
                <input class="form-check-input" type="checkbox" name="accepttermsofservice" id="termsofservice">
                <label class="form-check-label" for="termsofservice" class="control-label">
                    {% include "checkout/partials/terms_of_service.html" %}
                </label>
              </div>
              {% iffeature "newsletter" %}
              <div class="form-check mb-2">
                  <input class="form-check-input" type="checkbox" name="subscribetonewsletter" id="newsletter">
                  <label class="form-check-label" for="newsletter" class="control-label">
                      {% trans 'Subscribe to our newsletter.' %}
                  </label>
              </div>
              {% endiffeature %}
              <button class="btn btn-primary float-right" type="submit">{% trans "Place order" %}</button>
              <div style="clear:both"></div>
            </div>
            {% endif %}
          </div>
      </form>
    </div>
</section>
{% endblock %}