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

{% block title %}
    {% trans %}Mon Compte {% endtrans %}
{% endblock %}

{% block body %}


    {#
    <div class="page-title">
        <div class="container">
            <h1>{% trans %}Mon Compte{% endtrans %}</h1>

        </div>
    </div><!-- .page-title -->
    <div class="container">
        <div class="main-content">

        </div>
    </div> #}

    <main id="main" class="site-main">
        <div class="page-title" style="color: #0a0a0a!important; background-color: #00a6eb">
            <div class="container">
                <h1>Dashboard</h1>
                <div class="breadcrumbs">
                    <ul>
                        <li><a href="{{ 'page.home' }}">{{ "Accueil" }}</a><span>/</span></li>
                        <li>Dashboard</li>
                    </ul>
                </div><!-- .breadcrumbs -->
            </div>
        </div><!-- .page-title -->
        <div class="account-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        {{ include('user/_user_sidebar.html.twig') }}
                    </div>
                    <div class="col-lg-9">

                        <div class="account-content my-campaigns account-table">
                            <h3 class="account-title">Mes Commandes</h3>
                            <div class="account-main">

                                {% if commandes is defined %}
                                    <table>
                                        <thead>
                                        <tr>
                                            <th>Order</th>
                                            <th>Date</th>
                                            <th>Total</th>
                                            <th>Transporteur</th>
                                            <th>Actions</th>
                                        </tr>
                                        </thead>
                                        {% for commande in commandes %}
                                            <tbody>
                                            <tr>
                                                <td>#{{ commande.id }}</td>
                                                <td>{{ commande.createdAt | ago }}</td>
                                                <td>{{ commande.total | format_currency('GNF') }}</td>
                                                <td>{{ commande.carrierName }}</td>
                                                <td>
                                                    <a href="{{ path('commande_details.user.show',{'commande_id': commande.id }) }}">Details
                                                        Commande</a></td>
                                            </tr>

                                            </tbody>
                                        {% endfor %}

                                    </table>
                                    <div class="page-navigation d-flex justify-content-center">
                                        {{ knp_pagination_render(commandes) }}
                                    </div>



                                {% else %}
                                    <div class="campaign-title"><a href="#">Vous n'avez pas encore de commande</a></div>
                                {% endif %}


                            </div>

                        </div>
                    </div>
                </div>
            </div><!-- .container -->
        </div><!-- .account-content -->
    </main><!-- .site-main -->



{% endblock %}