templates/panier/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Panier{% endblock %}
  5. {% block stylesheets %}
  6. {{ parent() }}
  7. <style>
  8. th, td {
  9. max-width: 65px;
  10. }
  11. </style>
  12. {% endblock %}
  14. {% block body %}
  15. {# <pre>
  16. {{ dump() }}
  17. </pre> #}
  18. <div class="container pt-3">
  19. <div class="row">
  20. <div class="col">
  21. <div class="alert alert-dark shadow-lg p-3 mb-4 rounded" role="alert">
  22. Contenu du panier
  23. </div>
  24. {% for flashError in app.flashes('error') %}
  25. <div class="alert alert-danger" role="alert">{{ flashError }}</div>
  26. {% endfor %}
  27. {% for key, elements in dataPanier %}
  28. <div class="alert alert-dark shadow-lg p-3 mb-3 rounded" role="alert">
  29. {{ elements.0.service.date|format_date('full',locale="fr") }}
  30. (Service de
  31. {{ elements.0.service.debutService|format_datetime('none','short',locale="fr") }}
  32. à
  33. {{ elements.0.service.finService|format_datetime('none','short',locale="fr") }}
  34. )
  35. </div>
  36. <table class="table-responsive-sm">
  37. <table class="table">
  38. <thead>
  39. <tr>
  40. <th>Produit</th>
  41. {% if elements.0.service.prixVisible == true %}
  42. <th class="text-end">Prix</th>
  43. {% else %}
  44. <th></th>
  45. {% endif %}
  46. {% if elements.0.service.prixVisible == true %}
  47. {% endif %}
  48. <th class="text-center">Quantité</th>
  49. {% if elements.0.service.prixVisible == true %}
  50. <th class="text-end">Total</th>
  51. {% else %}
  52. <th></th>
  53. {% endif %}
  54. <th>Actions</th>
  55. </tr>
  56. </thead>
  57. <tbody>
  58. {% for element in elements %}
  60. <tr>
  61. <td>{{ element.preparation.libelle }}</td>
  62. {% if elements.0.service.prixVisible == true %}
  63. <td class="text-end">{{ element.prix|number_format(2,',','') }}</td>
  64. {% else %}
  65. <td></td>
  66. {% endif %}
  67. <td class="text-center">{{ element.quantite }}</td>
  68. {% if elements.0.service.prixVisible == true %}
  69. <td class="text-end">{{ (element.quantite * element.prix)|number_format(2,',','') }}</td>
  70. {% else %}
  71. <td></td>
  72. {% endif %}
  73. <td>
  74. {% if element.quantite >= element.quantite_restante %}
  75. <a href="{{ path('panier_add', {serviceId: element.service.id, prepaId: element.preparation.id}) }}" class="btn btn-success disabled" tabindex="-1" role="button" aria-disabled="true">
  76. <i class="fa-solid fa-plus"></i>
  77. </a>
  78. {% else %}
  79. <a href="{{ path('panier_add', {serviceId: element.service.id, prepaId: element.preparation.id}) }}" class="btn btn-success">
  80. <i class="fa-solid fa-plus"></i>
  81. </a>
  82. {% endif %}
  83. <a href="{{ path('panier_remove', {serviceId: element.service.id, prepaId: element.preparation.id}) }}" class="btn btn-warning">
  84. <i class="fa-solid fa-minus"></i>
  85. </a>
  86. <a href="{{ path('panier_delete', {serviceId: element.service.id, prepaId: element.preparation.id}) }}" class="btn btn-danger">
  87. <i class="fa-solid fa-x"></i>
  88. </a>
  89. </td>
  90. </tr>
  91. {% endfor %}
  92. </tbody>
  93. <tfoot>
  94. {% if elements.0.service.prixVisible == true %}
  95. <tr>
  96. <td colspan="3"><b>Total</b></td>
  97. <td class="text-end"><b>{{ total[key]|number_format(2,',','') }}</b></td>
  98. <td> € TTC</td>
  99. </tr>
  100. {% endif %}
  101. <tr>
  102. <td colspan="2">
  103. <a href="{{ path('client_service_show',{'id':key}) }}" class="btn btn-primary">
  104. <i class="fa-solid fa-plus"></i>
  105. Ajouter
  106. </a>
  107. </td>
  108. <td colspan="2">
  109. <a href="{{ path('panier_delete_service', {id: key}) }}" class="btn btn-danger">
  110. <i class="fa-solid fa-trash"></i>
  111. Vider
  112. </a>
  113. </td>
  114. <td>
  115. <a href="{{ path('panier_confirm_commande', {id: key}) }}" class="btn btn-success">
  116. <i class="fa-solid fa-check"></i>
  117. OK
  118. </a>
  119. </td>
  120. </tr>
  121. </tfoot>
  122. </table>
  123. </table>
  124. <div class="alert alert-dark shadow-lg p-3 mb-3 rounded" role="alert">
  125. <div>
  126. <small>Fermeture des commandes en ligne 10 min avant la fin du service</small>
  127. </div>
  128. </div>
  129. {% else %}
  130. <div class="alert alert-info">Votre panier est vide</div>
  131. {% endfor %}
  132. {# <a href="{{ path('services_semaine') }}" class="btn btn-primary">Retour à la semaine</a> #}
  133. </div>
  134. </div>
  135. </div>
  136. {% endblock %}