{% extends "customer/baseaccountpage.html" %}


{% load i18n %}

{% block extra_breadcrumbs %}
    <li>
        <a href="{% url 'customer:address-list' %}">{% trans 'Address book' %}</a>
    </li>
{% endblock %}

{% block tabcontent %}
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mt-5 mb-5">
                <h1>Add a new address</h1>
            </div>
            <div class="col-lg-8 offset-lg-2">
                {% if form.is_bound and not form.is_valid %}
                    <div class="alert alert-danger">
                        <strong>{% trans "Oops! We found some errors" %}</strong>
                        - {% trans "please check the error messages below and try again" %}
                    </div>
                {% endif %}

                {% if form.non_field_errors %}
                    {% for error in form.non_field_errors %}
                        <div class="alert alert-danger">
                            <i class="icon-exclamation-sign"></i> {{ error }}
                        </div>
                    {% endfor %}
                {% endif %}
                <div class="card shadow">
                    <div class="card-body">
                        <form {% if form_id %}id="{{ form_id }}"{% endif %}
                              method="{{ method|default:"post" }}"
                              {% if action %}action="{{ action }}"{% endif %}
                              {% if includes_files %}enctype="multipart/form-data"{% endif %}>

                            {% if not method == "get" %}{% csrf_token %}{% endif %}
                            {% include 'partials/address_form.html' %}
                            <div class="form-group">
                                <div class="{% if style == 'horizontal' %}col-sm-offset-4 col-sm-8{% endif %}">
                                    <button class="btn btn-lg btn-primary btn-hook" type="submit"
                                            data-loading-text="{% trans 'Saving...' %}">
                                        {% trans "Add address" %}
                                    </button>
                                    {% trans "or" %}
                                    <a href="#" onclick="window.history.go(-1);return false">{% trans "cancel" %}</a>.
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock tabcontent %}