{% extends 'base.html.twig' %}

{% block title %}{{'Addresses'|trans}}{% endblock %}
{% block page_title %}{{'Addresses'|trans}}{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item active" aria-current="page">{{'Addresses'|trans}}</li>
{% endblock %}

{% block buttons %}
    <a href="{{ path('address') }}" class="btn btn-outline-primary"><i class="bi bi-plus-square"></i> {{'Add'|trans}}</a>
{% endblock %}

{% block body %}

{% for label, messages in app.flashes %}
    <div class="alert alert-{{ label }}">
        {% for message in messages %}
            <p>{{ message }}</p>
        {% endfor %}
    </div>
{% endfor %}

<div class="card bg-white border-0 rounded-3 mb-4">
    <div class="card-body p-4">
        <table class="table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>{{'Client'|trans}}</th>
                    <th>{{'Alias'|trans}}</th>
                    <th>{{'Addresses'|trans}}</th>
                    <th class="text-right" width="20%">{{'Actions'|trans}}</th>
                </tr>
            </thead>
            <tbody>
                {% for address in addresses %}
                    <tr>
                        <td>{{ address.id }}</td>
                        <td>{{ address.client.lastname }} {{ address.client.firstname }}</td>
                        <td><a href="{{ path('address', {'id': address.id}) }}">{{ address.alias }}</a></td>
                        <td>
                            {{ address.address }} {{ address.cp }} {{ address.city }}
                        </td>
                        <td class="text-right">
                            <a href="{{ path('address', {'id': address.id}) }}" class="btn btn-sm btn-primary"><i class="bi bi-pen"></i> {{'Edit'|trans}}</a>
                            <a href="{{ path('delete_address', {'id': address.id}) }}" class="btn btn-sm btn-danger"><i class="bi bi-trash"></i> {{'Delete'|trans}}</a>
                        </td>                
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}