{% 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 background-page">
            <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>Status</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>Pending</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>

                                    {% 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 %}