_modal.game.html.twig 968 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. {% extends 'modal.html.twig' %}
  2. {% block title %}{{ game.name }}{% endblock %}
  3. {% block header %}
  4. {% if game.getPicture %}
  5. <section class="modal-card-image">
  6. <figure class="image is-3by1">
  7. <img
  8. src="/images/games/{{ game.getPicture }}"
  9. alt="{{ game.getName }}"
  10. />
  11. </figure>
  12. </section>
  13. {% endif %}
  14. {% endblock %}
  15. {% block content %}
  16. <div id="tabs-content">
  17. <div class="container" id="tab-1">
  18. <div class="block">
  19. <p>{{ game.getDescription }}</p>
  20. </div>
  21. <div class="block">
  22. <div class="message is-info">
  23. <div class="message-header">
  24. <p>À propos du jeu</p>
  25. </div>
  26. <div class="message-body">
  27. <ul>
  28. <li><strong>Âge recommandé : </strong>{{ game.getAgeRecommendationLabel }}</li>
  29. <li><strong>Genres : </strong>{{game.getGenre|map(g => g.genre)|join(', ') }}</li>
  30. </ul>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. {% endblock %}