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

{% block tabcontent %}
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mt-5 mb-5">
                <h1>Your Addresses</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-12 mb-5 text-right">
                <a href="{% url 'customer:address-create' %}" class="btn btn-primary shadow-sm btn-hook">
                    <i class="fa fa-plus"></i> {% trans 'Add a new address' %}
                </a>
            </div>
        </div>
        {% if addresses %}
            <div class="row">
                {% for address in addresses %}
                    <div class="col-md-4">
                        <div class="card shadow-sm">
                            <div class="card-body">
                                {% if address.is_default_for_shipping %}
                                    <span class="badge badge-success">{% trans 'Default shipping address' %}</span>
                                {% endif %}
                                {% if address.is_default_for_billing %}
                                    <span class="badge badge-info">{% trans 'Default billing address' %}</span>
                                {% endif %}
                                <address>
                                    {% for field in address.active_address_fields %}
                                        {% if forloop.counter == 1 %}
                                            <strong>{{ field }}</strong>
                                        {% else %}
                                            {{ field }}
                                        {% endif %}
                                        <br>
                                    {% endfor %}
                                </address>
                                <div class="d-block text-right mt-3">
                                    <a class="btn btn-xs btn-danger" href="{% url 'customer:address-delete' pk=address.id %}">
                                        {% trans 'Delete' %} <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            {% comment %}
                            <div class="card-footer text-right">
                                <div class="btn-group btn-group-sm">
                                    <a class="btn btn-outline-dark"
                                       href="{% url 'customer:address-detail' pk=address.id %}">{% trans 'Edit' %}</a>
                                    <button class="btn btn-outline-dark dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li class="dropdown-item">
                                            <a href="{% url 'customer:address-delete' pk=address.id %}">
                                                {% trans 'Delete' %}
                                            </a>
                                        </li>
                                        {% if address.country.is_shipping_country and not address.is_default_for_shipping %}
                                            <li class="dropdown-item">
                                                <a href="{% url 'customer:address-change-status' pk=address.id action='default_for_shipping' %}">
                                                    {% trans 'Set as default shipping address' %}
                                                </a>
                                            </li>
                                        {% endif %}
                                        {% if not address.is_default_for_billing %}
                                            <li class="dropdown-item">
                                                <a href="{% url 'customer:address-change-status' pk=address.id action='default_for_billing' %}">
                                                    {% trans 'Set as default billing address' %}
                                                </a>
                                            </li>
                                        {% endif %}
                                    </ul>
                                </div>
                        </div>
                        {% endcomment %}
                        </div>
                        <div class="space-1"></div>
                    </div>
                {% endfor %}
                <div class="col-12">
                    {% include "partials/pagination.html" %}
                </div>
            </div>
        {% else %}
            <div class="row">
                <div class="col-12">
                    <p>{% trans 'There are no addresses in your address book.' %}</p>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock tabcontent %}