{% extends "main/main_base.html.twig" %}

{% set page_title = "account.addresses.title"|trans %}
{% block title %}{{ page_title }}{% endblock %}

{% block body %}

    {% set fields = [{'name':page_title}] %}
    {% include 'main/common/_header.html.twig' %}





    <div class="page-content mb-4">
        <div class="dashboard">
            <div class="container">
                <div class="row">
                    <aside class="col-lg-3 col-12 ">
                       {% include "main/Account/_account_sidebar.html.twig" %}
                    </aside><!-- End .col-lg-3 -->

                    <div class="col-md-8 col-lg-9">
                        <div class="row">
                            <div class="col-md-12">
                                <a href="javascript:" data-ajax-modal data-href="{{ path('main_account_address_new') }}" class="btn btn-primary mb-1"><i class="icon-plus"></i> {{ "account.addresses.add_address"|trans }}</a>
                            </div>
                        </div>

                        {% if addresses|length > 0 %}
                        <div class="row address-list">
                            {% for address in addresses %}
                                {% set city = address.city %}
                                {% set district = address.district %}
                            <div class="col-lg-6">
                                <div class="item  {{ address.isDefault ? 'active' }}">
                                        <div class="title">
                                            {{ address.title }}
                                            {% if address.isDefault %} <span class="badge badge-primary">{{ "common.default"|trans }}</span> {% endif %}
                                        </div>
                                        <div class="detail">
                                            <b>{{ address.firstName }} {{ address.lastName }}</b><br>

                                            {% if address.address|default %} <span>{{ address.address }}</span>{% endif %}
                                            {% if city or district %}
                                                <span>{{ city.title|default }}, {{ district.title|default }}</span>
                                            {% endif %}
                                            {% if address.phoneNumber|default %}
                                                <span class="phone">{{ address.phoneNumber }}</span>
                                            {% endif %}

                                        </div>

                                    <div class="action">

                                        {% if address.isDefault != true %}
                                            <a class="text-danger ml-2 btn mw-0"
                                               onclick="Site.globalConfirm(event)"
                                               href="{{ path('main_account_address_delete',{'id':address.id}) }}"

                                            >{{ "buttons.delete"|trans }}  <i class="icon-times"></i></a>
                                        {% endif %}
                                        <a href="javascript:" data-ajax-modal data-href="{{ path('main_account_address_edit',{'id':address.id}) }}" class="btn  mw-0 btn-round" >{{ "common.edit"|trans }} <i class="icon-edit"></i></a>
                                    </div>
                                </div>
                            </div><!-- End .col-lg-6 -->
                            {% endfor %}
                        </div><!-- End .row -->
                        {% else %}
                            <div class="alert alert-warning m-2 round" role="alert">
                                {{ "account.addresses.not_found"|trans }}
                            </div>
                        {% endif %}


                    </div><!-- End .col-lg-9 -->
                </div><!-- End .row -->
            </div><!-- End .container -->
        </div><!-- End .dashboard -->
    </div><!-- End .page-content -->

{% endblock %}
{% block javascripts %}
    <script>
        $().ready(function () {




        });
    </script>
{% endblock %}