{% extends 'menuback.html.twig' %}
{% block stylesheets %}
{{parent()}}

<link rel="stylesheet" href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
<link rel="stylesheet"
    href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">

{% endblock %}

{% block body %}
<div class="main-content">
    <section class="section">
        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            {# <h4>Export Table</h4> #}
                             <h4></h4>

                            {# {% for message in app.flashes('success') %}
      <div class="alert alert-success">
        {{ message }}
      </div>
    {% endfor %} #}
                        </div>
                        <div class="card-body">

                            <div class="table-responsive">
                                <table class="table table-striped" id="table-1">
                                    <thead>
                                        <tr>
                                            <th>N° coman.</th>
                                            <th>Date de commande</th>
                                            {# <th>Nom</th>
                <th>Prenoms</th> #}
                                            <th>Articles</th>
                                            {# <th>Article</th> #}
                                            {# <th>Adresseclient</th> #}

                                            <th>Commune</th>
                                            <th>Montant avance</th>
                                            <th>Contact</th>
                                            {# <th>Etat</th>  #}
                                            <th>Statut</th>
                                            <th>Statut Transaction</th>
 
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for commande in commandes %}
                                        <tr>
                                            <td> <a href="{{ path('commandes_timeline', {'id': commande.id}) }}"
                                                    style="text-decoration:none;">{{ commande.numerocommande }}</a></td>
                                            <td>{{ commande.datecommande|date('d-m-Y H:i') }} </td>

                                            <td style="">
                                                {% for produit in commande.produit %}

                                                <b sytle="color:{{ random(['#000000', '#000000', '#000000']) }} ;">
                                                    {% if produit.lproduit.designation is defined %}
                                                    {{produit.lproduit.designation|slice(0,20)}}
                                                    {% else %}
                                                    NON FOURNI
                                                    {% endif %} </b> {% endfor %}</td>
                                            <td> {% if commande.typecommune.designation is defined %}
                                                {{ commande.typecommune.designation }}
                                                {% else %}
                                                NON FOURNI
                                                {% endif %} </td>
                                            <td>{{ commande.montantpaiementavance|number_format(0, ',', ' ') }}</td>



                                            <td> {{ commande.telephone }}/ {{ commande.contact }} </td>
                                            {# <td>{{ commande.nom }}</td>
                <td></td> #}
                                            {# <td>{{ commande.email }}</td> #}
                                            <td>
                                                <b class="badge badge-primary"
                                                    style="background-color:{{commande.typestatut.color}};">
                                                    {{ commande.typestatut.designation   }} </b>




                                            </td>
                                            <td>
                                                <b class="badge badge-primary">
                                                    {{ commande.statuttransaction   }} </b>




                                            </td>
                                             {# <td>{% for produit in commande.produit %}
                -<b style="font-weight:bold;color:{{ random(['red', '#000000', 'green']) }} ;">{{produit.designation|slice(0,20)}}</b><br>{% endfor %}</td> #}

                                            {# <td>{{ commande.adresseclient }}</td> #}
                                            {# <td>{{ commande.adresseclientlivraison }}</td>
                <td> {{ commande.telephone }}/  {{ commande.contact }} </td>
                {# <td>{{ commande.datelivraison ? commande.datelivraison|date('Y-m-d H:i:s') : '' }}</td> #}



                                            {# <a href="{{ path('commandes_show', {'id': commande.id}) }} "  class="btn btn-success">Voir</a>  #}
                                            {# <a href="{{ path('commandes_edit', {'id': commande.id}) }}"  class="btn btn-secondary">Edite</a> #}


                                            {# <td>
                   <a href="{{ path('commandes_edit_change_statut', {'id': commande.id}) }}"  class="btn btn-warning">Statut</a> 
  </td> #}



                                            {# {{ include('commandes/_delete_form.html.twig') }}  #}
 
                                        </tr>
                                        {% endfor %}

                                    </tbody>
                                </table>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</div>
{% endblock %}
{% block javascripts %}
{{parent()}}



<script type="text/javascript">
    var table = $('#tableExport').DataTable();
    table.buttons(0, null).disable();
</script>


<script type="text/javascript" src="{{ asset('back/bundles/datatables/datatables.min.js') }}"></script>
<script type="text/javascript"
    src="{{ asset('back/bundles/datatables/DataTables-1.10.16/js/dataTables.bootstrap4.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/dataTables.buttons.min.js') }}"></script>  
<script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.flash.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/jszip.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/pdfmake.min.js') }}"></script>  
            <script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/vfs_fonts.js') }}"></script>  
<script type="text/javascript" src="{{ asset('back/bundles/datatables/export-tables/buttons.print.min.js') }}"></script>   
<script type="text/javascript" src="{{ asset('back/js/page/datatables.js') }}"></script>



{% endblock %}