templates/home/choix.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Choix Foodtruck{% endblock %}
  5. {% block stylesheets %}
  6. {{ parent() }}
  7. {% endblock %}
  9. {% block body %}
  10. <div class="container mt-3">
  11. {% for flash in app.flashes('success') %}
  12. <div class="alert alert-success" role="alert">{{ flash }}</div>
  13. {# <hr> #}
  14. {% endfor %}
  15. {% for flashError in app.flashes('error') %}
  16. <div class="alert alert-danger mt-2" role="alert">{{ flashError }}</div>
  17. {# <hr> #}
  18. {% endfor %}
  19. <div class="row">
  20. {# <div class="col"> #}
  21. <div class="alert alert-dark shadow-lg p-3 my-3 rounded" role="alert">
  22. <h1>Bonjour et Bienvenue sur la Plateforme Foodtruck Smart Management</h1>
  23. </div>
  24. {# </div> #}
  25. </div>
  26. <div class="row row-cols-1 row-cols-lg-2 text-center align-items-center">
  27. <div class="col alert alert-light text-primary shadow-lg p-3 my-3 rounded" role="alert">
  28. <b>Trouver un service</b>
  29. </div>
  30. <div class="col">
  31. Vous trouverez ici la liste des services fournit par les foodtrucks qui se sont inscrits (Date, Lieu, Horaires et Menu de la semaine).
  32. </div>
  33. </div>
  34. <div class="row row-cols-1 row-cols-lg-2 text-center align-items-center">
  35. <div class="col alert alert-light text-primary shadow-lg p-3 my-3 rounded" role="alert">
  36. <b>Passez commande</b>
  37. </div>
  38. <div class="col">
  39. <p>Vous pourrez passer vos commande en direct auprès de ces foodtrucks.</p>
  40. </div>
  41. </div>
  42. <div class="row row-cols-1 row-cols-lg-2 text-center align-items-center">
  43. <div class="col alert alert-light text-primary shadow-lg p-3 my-3 rounded" role="alert">
  44. <b>Une liste de foodtrucks et d'emplacements</b>
  45. </div>
  46. <div class="col">
  47. <p>Vous trouverez ci-dessous la liste des foodtrucks et des emplacements accéssibles depuis ce site.</p>
  48. </div>
  49. </div>
  50. <div class="row row-cols-1 row-cols-lg-2 text-center align-items-center">
  51. <div class="col alert alert-light text-primary shadow-lg p-3 my-3 rounded" role="alert">
  52. <b>Affichez la liste des services</b>
  53. </div>
  54. <div class="col">
  55. <p>Cliquez sur la fiche de votre choix afin d'accéder à la liste des services correspondants de cette semaine.</p>
  56. </div>
  57. </div>
  58. <div class="row row-cols-1 row-cols-lg-2">
  59. <div class="col">
  60. <div class="alert alert-dark shadow-lg p-3 my-3 rounded" role="alert">
  61. Trouver un service par Foodtruck
  62. </div>
  63. <div class="row row-cols-1 row-cols-lg-2 d-flex justify-content-evenly">
  64. {% for foodtruck in foodtrucks %}
  65. <div class="col-auto">
  66. <a href="{{ path('choisir_service_par_foodtruck',{'id':foodtruck.id})}}" target="{{ foodtruck.libelle }}">
  67. <div class="child card text-white bg-primary mb-3 shadow-lg p-3 mb-5 rounded" style="max-width: 14rem;">
  68. <div class="card-header bg-light text-primary">
  69. <div>
  70. <b>{{ foodtruck.libelle }}</b>
  71. </div>
  72. </div>
  73. <div class="card-body">
  74. <p class="card-text">
  75. <img src="{{ asset('uploads/img/' ~ foodtruck.logo) }}" alt="Logo" class="d-block user-select-none mb-3" width="100%" height="100%" aria-label="Placeholder: Logo cap" focusable="false" role="img" preserveaspectratio="xMidYMid slice" viewbox="0 0 318 180" style="font-size:1.125rem;text-anchor:middle;max-width:20rem">
  76. </p>
  77. </div>
  78. <div class="card-footer bg-light text-primary">
  79. <div>
  80. <b>Description : </b>
  81. </div>
  82. <div>
  83. {# {{ foodtruck.description }} #}
  84. </div>
  85. </div>
  86. </div>
  87. </a>
  88. </div>
  89. {% endfor %}
  90. </div>
  91. </div>
  92. <div class="col">
  93. <div class="alert alert-dark shadow-lg p-3 my-3 rounded" role="alert">
  94. Trouver un service par Emplacement
  95. </div>
  96. <iframe src="https://maps.google.com/maps?q=bouche+du+rhone&output=embed" frameborder="0" width="600" height="400"></iframe>
  97. <div class="row row-cols-1 row-cols-lg-2 d-flex justify-content-evenly">
  99. {% for emplacement in emplacements %}
  100. <div class="col-auto">
  101. <a href="{{ path('choisir_service_par_emplacement',{'id':emplacement.id})}}" target="{{ emplacement.libelle }}">
  102. <div class="child card text-white bg-primary mb-3 shadow-lg p-3 mb-5 rounded" style="max-width: 14rem;">
  103. <div class="card-header bg-light text-primary">
  104. <div>
  105. <b>{{ emplacement.libelle }}</b>
  106. </div>
  107. </div>
  108. <div class="card-body">
  109. <p class="card-text">
  110. <div>{{ emplacement.adr }}</div>
  111. <div>{{ emplacement.cp }}</div>
  112. <div>{{ emplacement.ville }}</div>
  113. </p>
  114. </div>
  115. <div class="card-footer bg-light text-primary">
  117. </div>
  118. </div>
  119. </a>
  120. </div>
  121. {% endfor %}
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. {% endblock %}