templates/tree/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}{{ tree.frenchName }}{% endblock %}
  3. {% block body %}
  4. <div class="banner is-tree py-5">
  5. <div class="container">
  6. <div class="justify-content-center rounded-3 bg-white">
  7. <div id="carousel" class="carousel slide is-tree-carousel" data-bs-ride="carousel">
  8. <div class="carousel-inner">
  9. {% for treeFile in tree_files_photos %}
  10. <div class="carousel-item {{ loop.first ? 'active' }}"
  11. style="background-image: url('{{ asset(get_download_url(treeFile.file.path)) }}')">
  12. </div>
  13. {% endfor %}
  14. </div>
  15. <button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
  16. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  17. <span class="visually-hidden">Précedent</span>
  18. </button>
  19. <button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
  20. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  21. <span class="visually-hidden">Suivant</span>
  22. </button>
  23. </div>
  24. <div class="p-3">
  25. <div class="row">
  26. <div class="col-lg-12">
  27. <div class="py-3 text-center">
  28. <h1><strong>{{ tree.frenchName }}</strong></h1>
  29. <div>
  30. {{ get_category_name(tree.category) }}
  31. </div>
  32. <div>
  33. {% if tree.type is same as constant('App\\Entity\\Tree::INVASIVE_PLANT_TYPE') %}
  34. Abattable
  35. {{ tree.allowed ? '<i class="far fa-check-circle text-success"></i>' : '<i class="far fa-times-circle text-danger"></i>' }}
  36. {% else %}
  37. En stock
  38. {{ tree.stock > 0 ? '<i class="far fa-check-circle text-success"></i>' : '<i class="far fa-times-circle text-danger"></i>' }}
  39. {% endif %}
  40. </div>
  41. {% if tree_file_detailed_sheet %}
  42. <a href="{{ asset(get_download_url(tree_file_detailed_sheet.file.path)) }}"
  43. class="btn btn-outline-orange mt-3" target="_blank"><i class="fas fa-download"></i> Fiche de l'arbre</a>
  44. {% endif %}
  45. </div>
  46. </div>
  47. <div class="col-lg-4">
  48. <table class="table-responsive table">
  49. <thead>
  50. <tr>
  51. <th>Nom Latin</th>
  52. </tr>
  53. </thead>
  54. <tbody>
  55. <tr>
  56. <td>
  57. {{ tree.latinName ?? 'inconnu' }}
  58. </td>
  59. </tr>
  60. </tbody>
  61. </table>
  62. </div>
  63. <div class="col-lg-4">
  64. <table class="table-responsive table">
  65. <thead>
  66. <tr>
  67. <th>Nom Français</th>
  68. </tr>
  69. </thead>
  70. <tbody>
  71. <tr>
  72. <td>
  73. {{ tree.frenchName ?? 'inconnu' }}
  74. </td>
  75. </tr>
  76. </tbody>
  77. </table>
  78. </div>
  79. <div class="col-lg-4">
  80. <table class="table-responsive table">
  81. <thead>
  82. <tr>
  83. <th>Nom Créole</th>
  84. </tr>
  85. </thead>
  86. <tbody>
  87. <tr>
  88. <td>
  89. {{ tree.creoleName ?? 'inconnu' }}
  90. </td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. </div>
  95. </div>
  96. <div class="row mt-2">
  97. <div class="col-lg-4">
  98. <table class="table-responsive table">
  99. <thead>
  100. <tr>
  101. <th>TAX</th>
  102. </tr>
  103. </thead>
  104. <tbody>
  105. <tr>
  106. <td>
  107. {{ tree.taxref ?? 'inconnu' }}
  108. </td>
  109. </tr>
  110. </tbody>
  111. </table>
  112. </div>
  113. <div class="col-lg-4">
  114. <table class="table-responsive table">
  115. <thead>
  116. <tr>
  117. <th>Description</th>
  118. </tr>
  119. </thead>
  120. <tbody>
  121. <tr>
  122. <td>
  123. {{ tree.description ?? 'inconnu' }}
  124. </td>
  125. </tr>
  126. </tbody>
  127. </table>
  128. </div>
  129. <div class="col-lg-4">
  130. <table class="table-responsive table">
  131. <thead>
  132. <tr>
  133. <th>Caractéristiques</th>
  134. </tr>
  135. </thead>
  136. <tbody>
  137. <tr>
  138. <td>
  139. {{ tree.characteristics ?? 'inconnu' }}
  140. </td>
  141. </tr>
  142. </tbody>
  143. </table>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. {% endblock %}