{% extends 'common/layout.html.twig' %}

{% block content %}
<div class='container groupeshow mt-2'>
  <div class="my-2 p-3 bg-white rounded box-shadow">
    <div class="contentgroupe p-4 mt-2">
    	<div class="card mb-2">
			<div class="card-header"><h1>{{groupe.name}}</h1></div>
			<div class="card-body">
				<div class="card-text">
		    		{{groupe.content|raw}}
		    	</div>
	    	</div>
	    	<div class="card-header"><h2>{{ groupe.comptoirs|length }} {{'comptoirs'|trans}} :</h2></div>
		    <ul class="list-group list-group-flush">
		    	{% for comptoir in groupe.comptoirs %}
		    		<li class="list-group-item">
		    			<a href='{{ path('show_comptoir', {'slug': comptoir.slug}) }}'>{{comptoir.name}}</a>
		    		</li>
		    	{% endfor %}
		    </ul>
		</div>
	</div>
  </div>
</div>
{% endblock %}