templates/front/space_show.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ space.name }}{% endblock %}
  5. {% block meta %}
  6. <meta content="object" property="og:type">
  7. <meta content="Le Nautilus" property="og:site_name">
  8. <meta content="{{ space.name }}" property="og:title">
  9. <meta content="{{ space.description }}" property="og:description">
  10. <meta content="https://dev.le-nautilus.org/images/default.jpg" property="og:image">
  11. <meta content="64" property="og:image:width">
  12. <meta content="64" property="og:image:height">
  13. <meta content="https://dev.nautilus.org" property="og:url">
  14. <meta content="summary" property="twitter:card">
  15. <meta content="{{ space.name }}" property="twitter:title">
  16. <meta content="{{ space.description }}" property="twitter:description">
  17. <meta content="https://dev.le-nautilus.org/images/default.jpg" property="twitter:image">
  18. <meta content="{{ space.description }}" name="description">
  19. {% endblock %}
  21. {% block body %}
  22. <div id="space-{{ space.slug }}">
  23.     <div class="page-header py-5 text-center">
  24.         <div class="container">
  25.             <h1>{{ space.name }}</h1>
  26.             <p>{{ space.description }}</p>
  27.         </div>
  28.     </div>
  29.     <div class="page-content">
  30.         <div class="container">
  31.             <div class="row">
  32.                 <div class="col-md-8">
  33.                     {{ space.content|raw }}
  34.                     {% if last_events is defined and last_events|length > 0 %}
  35.                     <div class="past-events">
  36.                         <h2>ça s'est passé dans {{ space.name }}</h2>
  37.                         <div class="row">
  38.                             {% for event in last_events %}
  39.                             <div class="col-md-6">
  40.                                 <div class="card mb-4">
  41.                                     <div class="card-body">
  42.                                         <h3 class="card-title">{{ event.title }}</h3>
  43.                                         <p class="card-text">{{ event.description }}</p>
  44.                                         <a href="{{ path('local_event_show', {'slug': event.slug}) }}" class="btn btn-primary">{{ 'En savoir plus'|trans }}</a>
  45.                                     </div>
  46.                                 </div>
  47.                             </div>
  48.                             {% endfor %}
  49.                             <div class="col-12 text-center mt-5 mb-3">
  50.                             <a class="btn btn-primary" href="{{ path('local_event_past_index') }}">{{ 'Voir tous les événements passés du Nautilus'|trans }}</a>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                     {% endif %}
  55.                 </div>
  56.                 <div class="col-md-4">
  57.                 <div class="card mb-4">
  58.                     <div class="card-body">
  59.                         <h2 class="card-title h4">Disponibilité</h2>
  60.                         <div class="disponibility">
  61.                             {{ form_start(form) }}
  62.                             <div class="form-floating mb-3">
  63.                                 {{ form_widget(form.startAt, { 'attr': { 'class': 'form-control datetimepicker-input', 'data-toggle': 'datetimepicker', 'data-target': '#startAt' } }) }}
  64.                                 {{ form_label(form.startAt, 'Date et heure de début') }}
  65.                             </div>
  66.                             <div class="form-floating mb-3">
  67.                                 {{ form_widget(form.endAt, { 'attr': { 'class': 'form-control datetimepicker-input', 'data-toggle': 'datetimepicker', 'data-target': '#endAt' } }) }}
  68.                                 {{ form_label(form.endAt, 'Date et heure de fin') }}
  69.                             </div>
  70.                             <div>
  71.                                 {{ form_row(form.submit, { 'attr': { 'class': 'btn btn-primary' } }) }}
  72.                             </div>
  74.                             {% if message %}
  75.                                 <div class="alert alert-secondary">{{ message }}</div>
  76.                             {% endif %}
  78.                             <input type="hidden" name="_token" value="{{ csrf_token('form') }}">
  79.                             {{ form_end(form) }}
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.                     {% if space.pricePerHalfHour or space.pricePerHour or space.pricePerHalfDay or space.pricePerDay or space.pricePerEvening %}
  84.                     <div class="card mb-4">
  85.                         <div class="card-body">
  86.                             <h2 class="card-title h4">Tarifs</h2>
  87.                             <table class="table">
  88.                                 <tbody>
  89.                                     {% if space.pricePerHalfHour %}
  90.                                     <tr><td>1/2 heure</td><td>{{ space.pricePerHalfHour|number_format(2, ',', ' ') }} €</td></tr>
  91.                                     {% endif %}
  92.                                     {% if space.pricePerHour %}
  93.                                     <tr><td>1 heure</td><td>{{ space.pricePerHour|number_format(2, ',', ' ') }} €</td></tr>
  94.                                     {% endif %}
  95.                                     {% if space.pricePerHalfDay %}
  96.                                     <tr><td>1/2 journée</td><td>{{ space.pricePerHalfDay|number_format(2, ',', ' ') }} €</td></tr>
  97.                                     {% endif %}
  98.                                     {% if space.pricePerDay %}
  99.                                     <tr><td>1 journée</td><td>{{ space.pricePerDay|number_format(2, ',', ' ') }} €</td></tr>
  100.                                     {% endif %}
  101.                                     {% if space.pricePerHalfDay %}
  102.                                     <tr><td>1 soirée</td><td>{{ space.pricePerEvening|number_format(2, ',', ' ') }} €</td></tr>
  103.                                     {% endif %}
  104.                                 </tbody>
  105.                             </table>
  106.                           <p class="card-text">Capacité d'accueil : {{ space.capacity }} personne{% if space.capacity > 1 %}s{% endif %}</p>
  107.                         </div>
  108.                     </div>
  109.                     {% endif %}
  110.                     <div class="card mb-4">
  111.                         <div class="card-body">
  112.                             <h2 class="card-title h4">Équipements</h2>
  113.                             <ul class="list-group list-group-flush">
  114.                                 <li class="list-group-item">Wifi</li>
  115.                                 {% for feature in space.features %}
  116.                                 <li class="list-group-item">{{ feature.name }}</li>
  117.                                 {% endfor %}
  118.                             </ul>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </div>
  125. </div>
  126. {% endblock %}