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

{% block title %}Mes adresses - Les gîtes de Roquetoire{% endblock %}

{% block meta %}
    <meta name="description" content="Gérer ces adresses">
{% endblock %}

{% block content %}

<div class="container">
    <a href="{{ path('app_account') }}">
        <img src="{{ asset('assets/img/arrow-left.png')}}" class="mt-5" alt="Retour en arrière" style="max-width: 60px;">
    </a>
    <div class="d-flex justify-content-end">
        <a href="{{ path('app_account_address_add') }}" class="btn btn-perso">Ajouter une adresse</a>
    </div>
    <h1 class="mt-2 text-center">Mes adresses</h1> 
    <p class="text-center">C'est dans cet espace que vous allez pouvoir gérer toutes vos adresses.</p>
    <hr>
    {% if app.user.addresses|length == 0 %}
        <p class="text-center">Vous n'avez pas encore ajouté d'adresse dans votre compte client. Pour en ajouter une, veuillez <a href="{{ path('app_account_address_add') }}">cliquer ici</a>.</p>
    {% else %}
        <div class="row"> 
            {% for address in app.user.addresses %}
                <div class="col-md-4">
                    <div class="card" style="width: 18rem;">
                        <div class="card-body">
                            <h5 class="card-title">{{ address.name }}</h5>
                            <p class="card-text">
                                {{ address.address}},<br>
                                {{ address.postal }} - {{ address.city }} - {{ address.country }}
                            </p>
                            <a href="{{ path('app_account_address_edit', { 'id' : address.id }) }}" class="btn btn-success">Modifier</a> | <a href="{{ path('app_account_address_delete', { 'id' : address.id }) }}" class="btn btn-danger">Supprimer</a>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div> 
    {% endif %}
    
</div>

{% endblock %}