{% extends "CliniqueLaBastideBundle::layout.html.twig" %}

{% block title %}{{ parent() }} - Index{% endblock %}

  {% block body %}
    <div class="se-pre-con-other"></div>

  <div class="parallax-container"style="min-height: 350px;">
    <div class="parallax">
      <img src="{{ asset('img/imgServices/' ~ service.uploadImage) }}">
    </div>
  </div>

    <div class="container">
      <div class="row">
        <br><br>
        <div class="col s12 m8">

          <div class="card">
              
            <div class="card-content">
             <h4>{{ service.nom }}</h4>

             <p class="flow-text"> {{ service.contenu|nl2br  }} </p>

           </div>
         </div>
         {% if is_granted('ROLE_AUTEUR') %}
          <p class="black-text"><a href="{{ path('clinique_la_bastide_supprimer', {'id':service.id, 'slug': clinique}) }}"> <i class="material-icons small hoverable circle">delete</i>Supprimer le service </a></p>
         {% endif %}
       </div>
       <div class="col s12 m4">
        <h5 class="center"> Nos autres services </h5>
        <br>
        {% for service in listServices %}
              <ul class="collection grey lighten-2 hoverable">


              <a class="center black-text" href="{{ path('clinique_la_bastide_services', {'id':service.id, 'slug': clinique}) }}"><li>
                  {{ service.nom }} </li></a>                 
              </ul>

          {% else %}
            <li>Les services ne sont pas disponibles pour l'instant !</li>
          {% endfor %}
          {% if is_granted('ROLE_AUTEUR') %}
        <p class="black-text"><a href="{{ path('clinique_la_bastide_ajouterService', {'id':service.id, 'slug': clinique})}}"> <i class="material-icons small hoverable circle">add</i>Ajouter un service</a></p>
      {% endif %}
        </div>

      </div>
    </div>

    {% endblock %}