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

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

{% block header_title %}
    {% trans "Checkout" %}
{% endblock %}

{% block headertext %}{% endblock %}

{% block content %}
{% block popup %}
    {{block.super}}
{% endblock %}
{% ocyanjson "oscar_checkout" "show_voucher_block" True as show_voucher_block %}
  {% block voucher_modal %}
    {% if show_voucher_block and 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" %}</spant>
              <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 %}
  {% endblock %}
  {% block container %}
    <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 %}
                {% block column1 %}
                  <div class="col-lg-4 col-12">
                    {% block voucher %}
                      {% if show_voucher_block and 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 %}
                    {% endblock %}

                    {% block registration %}
                    {% if request.user.is_anonymous %}
                      {% trans "Registration" as title %}
                      {% include "checkout/partials/gateway_block.html" with form=gateway_form title=title id="gateway" %}
                    {% endif %}
                    {% endblock %}
                    
                    {% block vat_check %}{{block.super}}{% endblock %}

                    {% block shipping_address %}
                    {% 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" %}
                    {% endblock %}

                    {% block billing_adress %}
                    {% 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" %}
                    {% endblock %}

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

                    {% block delivery_date_wrapper %}
                      {{block.super}}
                    {% endblock %}
        
                    {% 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>
                {% endblock %}
                {% block column3 %}
                <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 %}
                      {{block.super}}
                    {% endblock %}
                    {% block checkboxes %}
                      <input class="form-check-input" type="checkbox" name="accepttermsofservice" id="termsofservice">
                      <label class="form-check-label {% if not request.POST.accepttermsofservice and request.method == 'POST' %}text-danger{% endif %}" for="termsofservice" class="control-label">
                          {% include "checkout/partials/terms_of_service.html" %}
                          {% if not request.POST.accepttermsofservice and request.method == 'POST' %}<div class="text-danger d-block mt-2 mb-2"><b>{% trans "This field is required" %}</b></div>{% endif %}
                      </label>
                      </div>
                      {% iffeature "newsletter" %}
                        <div class="form-check mb-2">
                            <input class="form-check-input" type="checkbox" name="subscribetonewsletter" id="newsletter" {% if request.POST.subscribetonewsletter %} checked {% endif %}>
                            <label class="form-check-label" for="newsletter" class="control-label">
                                {% trans 'Subscribe to our newsletter.' %}
                            </label>
                        </div>
                      {% endiffeature %}
                    {% endblock %}
                  <button class="btn btn-primary float-right" type="submit">{% trans "Place order" %}</button>
                  <div style="clear:both"></div>
                </div>
                {% endblock %}
                {% endif %}
              </div>
          </form>
        </div>
    </section>
  {% endblock %}
{% endblock %}