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

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

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


    <div class="img-header">
          <img src="{{ asset('img/imgServices/' ~ service.uploadImage) }}">
    </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 justify"> {{ 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>
          <p class="black-text"><a href="{{ path('clinique_la_bastide_edit', {'id':service.id, 'slug': clinique}) }}"> <i class="material-icons small hoverable circle">edit</i>Modifier le service </a></p>
         {% endif %}
       </div>
       <div class="col s12 m4">
        <h5 class="center"> Nos autres services </h5>
        <br>
        {% for service in listServices %}
          {% if service.clinique == clinique %}  
              <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>
           {% endif %}    
          {% 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 %}