templates/home/semaine.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Services de la semaine{% endblock %}
  5. {% block stylesheets %}
  6. {{ parent() }}
  7. {% endblock %}
  9. {% block body %}
  10. <div class="container mt-3">
  11. {# <div class="d-none d-lg-block">
  12. <nav aria-label="breadcrumb">
  13. <ol class="breadcrumb">
  14. <li class="breadcrumb-item">
  15. <a href="#">Commander en ligne</a>
  16. </li>
  17. <li class="breadcrumb-item">
  18. <a href="{{ path('services_semaine') }}">Liste des services de la semaine</a>
  19. </li>
  20. </ol>
  21. </nav>
  22. </div> #}
  23. {# {% for flash in app.flashes('success') %}
  24. <div class="alert alert-success" role="alert">{{ flash }}</div>
  25. {% endfor %}
  26. {% for flashError in app.flashes('error') %}
  27. <div class="alert alert-danger" role="alert">{{ flashError }}</div>
  28. {% endfor %} #}
  29. <div class="row text-primary">
  30. <div class="col">
  31. <div class="alert alert-dark shadow-lg p-3 mb-3 rounded" role="alert">
  32. Liste des services {{ tri }}
  33. </div>
  34. {# <hr> #}
  35. <h3>Services du
  36. {{ dates.firstDay|format_date('full', locale="fr") }}
  37. au
  38. {{ dates.lastDay|format_date('full', locale="fr") }}</h3>
  39. <hr>
  40. <div>Cliquez sur le service du jour pour voir le détail et commander</div>
  41. </div>
  42. </div>
  44. <div class="menus mt-3 shadow-lg p-3 mb-5 bg-body rounded-3">
  45. <div class="row row-cols-1 row-cols-sm-auto row-cols-md-auto rows-cols-lg-5">
  46. {% for key, services in semaine %}
  47. <div class="col">
  48. <div class="row bg-dark text-white shadow-lg p-3 m-1 rounded">
  49. <div>{{ key }}</div>
  50. </div>
  51. <hr>
  52. {% for service in services %}
  55. <div class="row">
  56. <div class="col d-flex justify-content-center">
  57. {% if service != NULL %}
  58. <a href="{{ path('client_service_show',{'id':service.id}) }}">
  59. <div class="child card text-white bg-primary mb-3 shadow-lg p-3 mb-5 rounded" style="max-width: 18rem;">
  60. <div class="card-header bg-light text-primary">
  61. <div>
  62. <b>{{ service.foodtruck.libelle }}</b>
  63. </div>
  64. <div>
  65. {{ service.date|format_date(locale="fr") }}
  66. </div>
  67. <div>
  68. {{ service.debutService ? service.debutService|format_datetime('none', 'short', locale='fr') : '' }} -> {{ service.finService ? service.finService|format_datetime('none', 'short', locale='fr') : '' }}
  69. </div>
  70. </div>
  71. <div class="card-body">
  72. <h4 class="card-title">
  73. <div class="row">
  74. <div class="col-2">
  75. <i class="fa-solid fa-utensils"></i>
  76. </div>
  77. <div class="col">
  78. Menu du jour
  79. </div>
  80. </div>
  81. </h4>
  82. <p class="card-text">
  83. {% for categorie in categories|filter(categorie => categorie != 'Ingrédient') %}
  84. {% if service.menus|filter(menu => menu.preparation.categorie == categorie)|length > 0 %}
  85. <span class="badge rounded-pill bg-light text-primary">{{ categorie.libelle }}</span>
  86. {% for menu in service.menus|filter(menu => menu.preparation.categorie == categorie) %}
  87. <div class="ms-4">{{ menu.preparation.libelle }}</div>
  88. {% endfor %}
  89. {% endif %}
  90. {% endfor %}
  91. </p>
  92. </div>
  93. <div class="card-footer bg-light text-primary">
  94. <div>
  95. <b>Emplacement : </b>
  96. </div>
  97. <div>
  98. {{ service.emplacement.libelle }}
  99. </div>
  100. </div>
  101. </div>
  102. </a>
  103. {% else %}
  104. <div>Pas de service ce jour</div>
  105. {% endif %}
  106. </div>
  107. </div>
  108. <hr>
  109. {% endfor %}
  110. </div>
  111. {% endfor %}
  112. </div>
  113. </div>
  114. </div>
  115. {% endblock %}