[(#REM) On récupère l'id_rubrique s'il n'a pas été passé en paramètre]
[(#ENV{id_rubrique,#INFO_ID_RUBRIQUE{article,#ENV{id_article}}}|setenv{id_rubrique})]

[(#REM) On affiche tous les groupes appartenant à la même Ville]
#SET{ville,#INFO_SURTITRE{article,#ENV{id_article}}}

[(#REM) On récupère les id de tous les groupes de la ville pour les actualités et les images]
[(#SET{groupes,#ARRAY})]

<BOUCLE_groupes(ARTICLES){surtitre = #GET{ville}}{id_secteur=#CONFIG{balint/id_rub_groupes}}>
	[(#SET{groupes,#GET{groupes}|push{#ID_ARTICLE}})]
</BOUCLE_groupes>

	<a href="[(#URL_PAGE{groupes,id_rubrique=#ENV{id_rubrique}})]" class="ajax"><i class="fas fa-arrow-circle-left"></i> Retour</a>

	<div class="banniere-ville mt-4 mb-4">
		<BOUCLE_banniere(DOCUMENTS){id_article IN #GET{groupes}}{extension==jpg|png|gif}{!par credits}{!par date}{0,1}>
			[(#FICHIER|image_recadre{1200:300,-,focus}|image_reduire{1200,300})]
		</BOUCLE_banniere>
			[(#CHEMIN{img/ville.png}|image_recadre{1200:300,-,focus}|image_reduire{1200,300})]
		<//B_banniere>
		<div class="ville-titre">
			[(#GET{groupes}|count|>{1}|oui)
				<h2>Groupes de #GET{ville}</h2>
			]
			[(#GET{groupes}|count|<={1}|oui)
				<h2>Groupe de #GET{ville}</h2>
			]	
		</div>
	</div>

<BOUCLE_groupe(ARTICLES){surtitre = #GET{ville}}{id_secteur=#CONFIG{balint/id_rub_groupes}}{par rang}>

	<div class="bloc-groupe mt-4 mt-lg-0">
		[<h3 class="h4">(#TITRE)</h3>]
		[(#AUTORISER{modifier, article, #ID_ARTICLE})
			<a class="btn" href="#URL_PAGE{editer_groupe,id_article=#ID_ARTICLE }"><i class="fas fa-edit"></i> Mettre à jour le groupe</a>
		]
		<div class="row">
			<div class="col-md-4">
				<BOUCLE_photo(DOCUMENTS){id_article}{extension==jpg|png|gif}{! par date}{0,1}>
				<div class="mb-4 mb-lg-0">
					[(#FICHIER|image_recadre{400:250,-,focus}|image_reduire{400,250})]
				</div>	
				</BOUCLE_photo>
			</div>

			<div class="col-md-4">
				[<div class="texte"><strong>Adresse :</strong> (#SOUSTITRE)</div>]
				[<div class="texte"><strong>Fréquence :</strong> (#DESCRIPTIF|textebrut)</div>]
				<div class="texte">#TEXTE</div>
			</div>

			<div class="col-md-4">
				<strong>Responsables</strong>
				<BOUCLE_auteurs(AUTEURS){id_article=#ID_ARTICLE}>
					<div>#NOM 
						[(#EMAIL|ou{#TELEPHONE}|oui)
						<a href="[(#URL_PAGE{contacter_auteur}|parametre_url{id_auteur,#ID_AUTEUR})]" class="mediabox">&nbsp; (contact)</a>
						]
					</div>
				</BOUCLE_auteurs>
			</div>
		</div>
	</div>

</BOUCLE_groupe>

<B_articles>
	<h2 class="h4 mb-lg-0 mt-4 articles-groupe">Articles de #GET{ville}</h2>
	#ANCRE_PAGINATION
	[<div class="pagination pagination_top">(#PAGINATION{page_precedent_suivant})</div>]
	<div class="row liste-articles">
<BOUCLE_articles(ARTICLES){id_rubrique=#CONFIG{balint/id_rub_articles}}{id_groupe IN #GET{groupes}}{! par date}{pagination 6}>
		<div class="col-md-6 col-lg-4 mt-4 mt-lg-0">
			<INCLURE{fond=inclure/bloc_article, env, id_article}/>
		</div>
</BOUCLE_articles>
	</div>
	[<div class="pagination">(#PAGINATION{page_precedent_suivant})</div>]
</B_articles>