{% include 'sidebar/sidebarr.html.twig' %}
<div class="col-lg-12 grid-margin stretch-card">
  <div class="card">
    <div class="card-body">
      <h4 class="card-title">Striped Table</h4>
      <p class="card-description">
        Add class <code>.table-striped</code>
      </p>
      <div class="table-responsive">
        <table class="table table-striped">
          <thead>
            <tr>
              <th>Depart</th>
              <th>Arrive</th>
              <th>Tarif</th>
              <th>Modifier</th>
              <th>Supprimer</th>
            </tr>
          </thead>
          <tbody>
            {% if tarifZones %}
            {% for tarifZone in tarifZones %}
              <tr>
                <td>{{ tarifZone.zoneDepart.titre }}</td>
                <td>{{ tarifZone.zoneArrive.titre }}</td>
                <td>
                  <form method="POST" action="{{ path('app_tarif_zone_update_tarif_zone') }}">
                   <input type="hidden" name="idTarifZone" value="{{ tarifZone.id }}">
                   <input type="number" name="tarif" value="{{ tarifZone.tarif }}" step="0.01" min="0" class="form-control">
                   </td>
                   <td>
                   <button type="submit" class="btn btn-primary btn-sm">Modifier</button>
                   </td>
                  </form>
                
                <td>
                  <a href="{{ path('app_tarif_zone_delete_tarif_zone', {'id': tarifZone.id}) }}" class="btn btn-danger btn-sm" onclick="return confirm('Êtes-vous sûr de vouloir supprimer cet élément ?');">Supprimer</a>
                </td>
              </tr>
            {% endfor %}
          {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>


<footer class="footer">
  <div class="d-sm-flex justify-content-center justify-content-sm-between">
    <span class="text-muted text-center text-sm-left d-block d-sm-inline-block">
      Copyright © <a href="https://www.bootstrapdash.com/" target="_blank">bootstrapdash.com</a> 2021
    </span>
    <span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">
      Only the best <a href="https://www.bootstrapdash.com/" target="_blank">Bootstrap dashboard</a> templates
    </span>
  </div>
</footer>





<script src="assets/vendors/base/vendor.bundle.base.js"></script>
<script src="public/js/off-canvas.js"></script>
<script src="public/js/hoverable-collapse.js"></script>
<script src="public/js/template.js"></script>

</body>
</html>