{% extends "AppBundle::index.html.twig" %}
{% block stylesheets %}
    {{ parent() }}
{% endblock %}
{% block content %}
<div class="row">
  <div class="col-lg-12">
    <h3 class="page-header"><i class="fa fa-table"></i> Statitisques</h3>
    <ol class="breadcrumb">
      <li><i class="fa fa-home"></i><a href="{{ path('commande_index') }}">Statistique de vente par produit</a></li>
    </ol>
  </div>
</div>
<div class="row">
    <div class="col-sm-12">
      <section class="panel">
          <header class="panel-heading">
              <h2><strong>Sélectionnez un produit et les dates</strong></h2>
            {#<div class="pull-right">
                <a href="{{ path('commande_index') }}" class="btn btn-default">Commandes en cours</a>
                <a href="{{ path('commande_annuler_liste') }}" class="btn btn-danger">Commandes annulées</a>
            </div>#}
          </header>
          <div class="col-md-12 panel-body">
            <form method="post">
            <div class="col-md-3">
                <div class="form-group">
                    <label>Date début</label>
                    <input type="date" name="date-debut" value="{{ app.request.get('date-debut') }}" required class="form-control" />
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label>Date fin</label>
                    <input type="date" name="date-fin" value="{{ app.request.get('date-fin') }}" required class="form-control" />
                </div>
            </div>
            <div class="col-md-2">
                <label></label>
                <button class="btn btn-success">Charger</button>
            </div>
            </form>
          </div>
          <div class="col-md-12 panel-body">
              <table class="table table-stripped table-condensed">
                  <thead>
                      <tr>
                          <th>Date</th>
                          <th>Nom</th>
                          <th>Quantité</th>
                          <th>Montant</th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr>
                          <td>
                              
                          </td>
                      </tr>
                  </tbody>
              </table>
          </div>
      </section>
    </div>
</div>
{% endblock %}