{% extends 'base.html.twig' %}
{% block body %}
<article id="article">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">
                <div class="dashboard_menu">
                    <ul class="nav nav-tabs flex-column" id="portfolio-flters2">
                      <li data-filter=".filter-dashboard" class="nav-item filter-active">
                        <a class="nav-link"><i class="bi bi-0-circle"></i>Tableau Bord</a>
                      </li>
                      <li data-filter=".filter-order" class="nav-item">
                        <a class="nav-link">Commandes</a>
                      </li>
                      <li data-filter=".filter-adress" class="nav-item">
                        <a class="nav-link">Mon Adresse</a>
                      </li>
                      <li data-filter=".filter-detail" class="nav-item">
                        <a class="nav-link">Détails</a>
                      </li>
                    </ul>
                    <div class="nav-item">
                        <a class="btn btn-outline-danger mt-3" href="{{ path('app_deconnexion')}}">Déconnexion</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 col-md-8">
                {% for message in app.flashes('address_message') %}
                    <div class="alert alert-success alert-dismissible fade show" role="alert"> {{ message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                {% endfor %}
                <div class="portfolio-container2 filter">
                      <div class="portfolio-item2 end-0 filter-dashboard">
                        <div class="card">
                            <div class="card-header">
                                <h3>Bonjour {{ app.user.username | upper}}</h3>
                            </div>
                            <div class="card-body">
                                <p>Test</a></p>
                            </div>
                        </div>
                      </div>
                      <div class="portfolio-item2 end-0 filter-order">
                        <div class="card">
                            <div class="card-header">
                                <h3>Commandes</h3>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Commande</th>
                                                <th>Date</th>
                                                <th>Status</th>
                                                <th>Total</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% if orders %}
                                                {% for order in orders %}
                                                <tr>
                                                    <td>{{ order.id }}</td>
                                                    <td>{{ order.createdAt | date('d/m/Y') }}</td>
                                                    <td>Payée</td>
                                                    <td>{{ order.subTotalTtc / 100 }} euros pour {{ order.quantity}} article(s)</td>
                                                    <td><a href="{{ path('app_client_commande', {'id':order.id}) }}" class="btn btn-fill-out btn-sm">Voir</a></td> 
                                                    <td><a href="{{ path('app_client_facture', {'id':order.id}) }}" class="btn btn-fill-out btn-sm">Télécharger facture</a></td> 
                                                </tr>
                                                {% endfor %}
                                            {% else %}
                                                <div class="messageOrders">{{ app.user.firstname}} {{ app.user.lastname }}. Vous n'avez pas encore fait de commande !</div>
                                            {% endif %}
                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>  
                        </div>
                      </div>
                    <div class="portfolio-item2 end-0 filter-adress">
                        <div class="row">
                            <div class="col-lg-12">
                                <a href="{{ path('address_new')}}" class="btn btn-outline-success mt-3 mb-3">Ajoutez une nouvelle adresse</a>
                            </div>
                        </div>
                        <div class="row">
                            {% if app.user.addresses %}
                              {% set index = 0 %}
                               {% for address in app.user.addresses %}
                                 {% set index = index +1 %}
                                    <div class="col-lg-6">
                                        <div class="card mb-3 mb-lg-0">
                                            <div class="card-header">
                                                <h3> Votre Adresse n° {{ index }}</h3>
                                            </div>
                                            <div class="card-body">
                                                <address> {{ address.fullName | upper }} <br>
                                                    Entreprise : {{ address.SocieteName }} <br>
                                                    {{ address.address}} <br>
                                                    {{ address.AddressComplement }} <br>
                                                    {{ address.ville}} <br>
                                                    {{ address.postal}} <br>
                                                    Tel : {{ address.phone }} <br>
                                                    {{ address.pays}}

                                                </address>
                                                <div class="btn-group">
                                                    <a href="{{ path('address_edit', {'id':address.id})}}" class="btn btn-success">Editer</a>
                                                    {{ include('client/address/_delete_form.html.twig') }}                 
                                                </div>
                                            
                                            </div>     
                                        </div>
                                    </div>
                                {% endfor %}
                            {% else %}
                               <p>Nous n'avons pas trouvé d'adresse vous concernant, merci d'en créer une !</p>
                            {% endif %}
                                
                        </div>
                    </div>
                    <div class="portfolio-item2 end-0 filter-detail">
                        <div class="card">
                            <div class="card-header">
                                <h3>Compte Détails</h3>
                            </div>
                            <div class="card-body">
                                <p>Partant pour faire des changements sur votre compte !</p>
                                {{ form_start(form) }}
                                    <div class="mb-3">
                                        {{ form_label(form.username, 'Nom de compte') }}
                                        {{ form_widget(form.username) }}
                                    </div>
                                    <div class="mb-3">
                                    {{ form_label(form.firstname, 'Nom') }}
                                    {{ form_widget(form.firstname) }}
                                    </div>
                                    <div class="mb-3">
                                    {{ form_label(form.lastname, 'Prénom') }}
                                    {{ form_widget(form.lastname) }}
                                    </div>
                                    <div class="mb-3">
                                    {{ form_label(form.email, 'E-mail') }}
                                    {{ form_widget(form.email) }}
                                    </div>
                                    <div class="mb-3">
                                    {{ form_label(form.plainPassword, 'Changer votre mot de passe') }}
                                    {{ form_widget(form.plainPassword) }}
                                    </div>
                                    <button class="btn btn-success">Sauvegarder</button>
                                {{ form_end(form) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>
{% endblock %}