{namespace ttaddr=FriendsOfTYPO3\TtAddress\ViewHelpers}
{namespace vendeeenfance=Wseils\Vendeeenfance\ViewHelpers}

<f:section name="addressMap">
	<f:if condition="{address.address} || {address.city}">
		<ul class="address-item m-0">
			<f:if condition="{address.city}">
				<li>
					<span class="label">Commune</span>
					<span class="address-item-content">{address.city}</span>
				</li>
			</f:if>
			<f:if condition="{address.address}">
				<li>
					<span class="label">Adresse</span>
					<span class="address-parent d-flex align-items-center">
						<span>
							<button type="button" aria-label="Voir l'adresse" title="Voir l'adresse"
							        class="show-address-list btn" id="{address.uid}">
								<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/eye.svg')}" width="20"
								     height="20" alt="Voir l'adresse">
							</button>
						</span>
						<span class="address-list address-item-content"></span>
						<span class="address-list address-info">Cliquez pour voir l'adresse</span>
					</span>
				</li>
			</f:if>
			<f:if condition="{address.phone}">
				<li>
					<span class="label">Téléphone</span>
					<span class="phone-parent d-flex align-items-center">
						<span>
							<button type="button" aria-label="Voir le téléphone" title="Voir le téléphone"
							        class="show-phone-list btn" id="{address.uid}">
								<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/eye.svg')}" width="20"
								     height="20" alt="Voir le téléphone">
							</button>
						</span>
						<span class="phone-list address-item-content"></span>
						<span class="phone-list address-info">Cliquez pour voir le téléphone</span>
					</span>
				</li>
			</f:if>
			<f:if condition="{address.visibleemail} == 1 && {address.email}">
				<li>
					<span class="label">Email</span>
					<span class="email-parent d-flex align-items-center">
						<span>
							<button type="button" aria-label="Voir l'email" title="Voir l'email"
							        class="show-email-list btn" id="{address.uid}">
								<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/eye.svg')}" width="20"
								     height="20" alt="Voir l'email">
							</button>
						</span>
						<span class="email-list address-item-content"></span>
						<span class="email-list address-info">Cliquez pour voir l'email</span>
					</span>
				</li>
			</f:if>
			<li>
				<span class="label">Disponibilité</span>
				<span class="availability address-item-content">
					<f:if condition="{address.available} == 1">
						<f:then>
							<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/green-pin.svg')}" width="25"
							     height="25" alt="Disponible" title="Disponible">
						</f:then>
						<f:else>
							<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/red-pin.svg')}" width="25"
							     height="25" alt="Non disponible" title="Non disponible">
						</f:else>
					</f:if>
				</span>
			</li>
		</ul>
	</f:if>
</f:section>

<f:section name="address">
	<section class="title py-0 px-0">
		<div class="back-to-list mb-3">
			<button type="button" class="btn d-flex align-items-center" id="back-to-list">
				<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/arrow-right.svg')}" class="me-2" width="16"
				     height="16" alt="Retour aux résultats de recherche">
				Retour aux résultats de recherche
			</button>
		</div>
		<div class="datalist-section-title">
			<h1 class="fs-1 fw-bold" id="assmat-name">{address.name}</h1>
		</div>
	</section>

	<section class="coordonees">
		<div class="mb-3">
			<h2 class="fs-4 fw-medium datalist-section-title">Coordonnées</h2>
		</div>

		<f:render section="coordonees" arguments="{_all}"/>
	</section>

	<section class="agrements mt-5">
		<div class="mb-3">
			<h2 class="fs-4 fw-medium datalist-section-title">Agrément</h2>
		</div>

		<f:render section="agrements" arguments="{_all}"/>
	</section>

	<section class="cadre-accueil mt-5">
		<div class="mb-3">
			<h2 class="fs-4 fw-medium datalist-section-title">Cadre d'accueil</h2>
		</div>

		<f:render section="cadre-accueil" arguments="{_all}"/>
	</section>

	<section class="infos-pratiques mt-5">
		<div class="mb-3">
			<h2 class="fs-4 fw-medium datalist-section-title">Infos pratiques</h2>
		</div>

		<f:render section="infos-pratiques" arguments="{_all}"/>
	</section>

	<section class="disponibilites mt-5">
		<div class="mb-3">
			<h2 class="fs-4 fw-medium datalist-section-title">Disponibilités</h2>
		</div>

		<f:render section="disponibilites" arguments="{_all}"/>
	</section>
</f:section>

<f:section name="coordonees">
	<f:variable name="fullNameSplit" value="{vendeeenfance:splitString(input: address.name)}"/>

	<f:variable
		name="formattedPhoneNumber"
		value="{vendeeenfance:phoneNumberFormat(phoneNumber: address.phone)}"/>

	<div class="form-panel">
		<dl class="datalist">
			<div class="data-row">
				<dt>Nom</dt>
				<dd>{fullNameSplit.0}</dd>
			</div>
			<div class="data-row">
				<dt>Prénom</dt>
				<dd>{fullNameSplit.1}</dd>
			</div>
			<div class="data-row">
				<dt>Adresse</dt>
				<dd class="d-flex align-items-center">
					<span>
						<button type="button" aria-label="Voir l'adresse" title="Voir l'adresse" class="btn"
						        id="show-address" data-id="{address.uid}">
							<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/eye.svg')}" width="20"
							     height="20" alt="Voir l'adresse">
						</button>
					</span>
					<span id="address"></span>
					<span id="address-info">Cliquez pour voir l'adresse</span>
				</dd>
			</div>
			<div class="data-row">
				<dt>Commune</dt>
				<dd>{address.zip} {address.city}</dd>
			</div>
			<div class="data-row">
				<dt>Téléphone</dt>
				<dd class="d-flex align-items-center">
					<span>
						<button type="button" aria-label="Voir le téléphone" title="Voir le téléphone" class="btn"
						        id="show-phone" data-id="{address.uid}">
							<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/eye.svg')}" width="20"
							     height="20" alt="Voir le téléphone">
						</button>
					</span>
					<span id="phone"></span>
					<span id="phone-info">Cliquez pour voir le téléphone</span>
				</dd>
			</div>
			<f:if condition="{address.visibleemail} == 1 && {address.email}">
				<div class="data-row">
					<dt>Email</dt>
					<dd class="d-flex align-items-center">
						<span>
							<button type="button" aria-label="Voir l'email" title="Voir l'email" class="btn"
							        id="show-email" data-id="{address.uid}">
								<img src="{f:uri.resource(path:'EXT:vendee_enfance/Resources/Public/Icons/eye.svg')}" width="20"
								     height="20" alt="Voir l'email">
							</button>
						</span>
						<span id="email"></span>
						<span id="email-info">Cliquez pour voir l'email</span>
					</dd>
				</div>
			</f:if>
		</dl>
	</div>

	<f:if condition="{address.firstimageassmat} || {address.secondimageassmat} || {address.thirdimageassmat}">
		<f:if
			condition="({address.firstimageassmat} && !{address.secondimageassmat} && !{address.thirdimageassmat}) ||
						(!{address.firstimageassmat} && {address.secondimageassmat} && !{address.thirdimageassmat}) ||
						(!{address.firstimageassmat} && !{address.secondimageassmat} && {address.thirdimageassmat})">
			<f:then>
				<div id="image-div" class="d-flex justify-content-center">
					<f:if condition="{address.firstimageassmat}">
						<div class="col-md-4 mx-3">
							<img class="img-fluid" src="{settings.imageAssmatUri}{address.firstimageassmat}"
							     alt="Première image de l'assistant(e) maternel(le)">
						</div>
					</f:if>
					<f:if condition="{address.secondimageassmat}">
						<div class="col-md-4 mx-3">
							<img class="img-fluid" src="{settings.imageAssmatUri}{address.secondimageassmat}"
							     alt="Deuxième image de l'assistant(e) maternel(le)">
						</div>
					</f:if>
					<f:if condition="{address.thirdimageassmat}">
						<div class="col-md-4 mx-3">
							<img class="img-fluid" src="{settings.imageAssmatUri}{address.thirdimageassmat}"
							     alt="Troisième image de l'assistant(e) maternel(le)">
						</div>
					</f:if>
				</div>
			</f:then>
			<f:else>
				<f:if condition="{address.firstimageassmat} && {address.secondimageassmat} && {address.thirdimageassmat}">
					<f:then>
						<div id="image-div" class="d-flex justify-content-center">
							<div class="col-md-4 mx-3">
								<img class="img-fluid" src="{settings.imageAssmatUri}{address.firstimageassmat}"
								     alt="Première image de l'assistant(e) maternel(le)">
							</div>
							<div class="col-md-4 mx-3">
								<img class="img-fluid" src="{settings.imageAssmatUri}{address.secondimageassmat}"
								     alt="Deuxième image de l'assistant(e) maternel(le)">
							</div>
							<div class="col-md-4 mx-3">
								<img class="img-fluid" src="{settings.imageAssmatUri}{address.thirdimageassmat}"
								     alt="Troisième image de l'assistant(e) maternel(le)">
							</div>
						</div>
					</f:then>
					<f:else>
						<div id="image-div" class="d-flex justify-content-center">
							<f:if condition="{address.firstimageassmat}">
								<div class="col-md-4 mx-3">
									<img class="img-fluid" src="{settings.imageAssmatUri}{address.firstimageassmat}"
									     alt="Première image de l'assistant(e) maternel(le)">
								</div>
							</f:if>
							<f:if condition="{address.secondimageassmat}">
								<div class="col-md-4 mx-3">
									<img class="img-fluid" src="{settings.imageAssmatUri}{address.secondimageassmat}"
									     alt="Deuxième image de l'assistant(e) maternel(le)">
								</div>
							</f:if>
							<f:if condition="{address.thirdimageassmat}">
								<div class="col-md-4 mx-3">
									<img class="img-fluid" src="{settings.imageAssmatUri}{address.thirdimageassmat}"
									     alt="Troisième image de l'assistant(e) maternel(le)">
								</div>
							</f:if>
						</div>
					</f:else>
				</f:if>
			</f:else>
		</f:if>
	</f:if>
</f:section>

<f:section name="agrements">
	<div class="form-panel">
		<dl class="datalist">
			<div class="data-row">
				<dt>Type d'agrément</dt>
				<dd>{address.approvalType}</dd>
			</div>
			<f:if condition="{address.day0to18} || {address.dayp24m} || {address.dayp18m}">
				<div class="m-3">
					<table class="table">
						<thead>
						<tr>
							<th></th>
							<th class="text-center">Tranche d'âge</th>
							<th class="text-center">Nombre</th>
						</tr>
						</thead>
						<tbody>
						<f:if condition="{address.day0to18}">
							<tr>
								<td>A la journée</td>
								<td class="text-center">De 0 à 18 ans</td>
								<td class="text-center">{address.day0to18}</td>
							</tr>
						</f:if>
						<f:if condition="{address.dayp24m}">
							<tr>
								<td>A la journée</td>
								<td class="text-center">Plus de 24 mois</td>
								<td class="text-center">{address.dayp24m}</td>
							</tr>
						</f:if>
						<f:if condition="{address.dayp18m}">
							<tr>
								<td>A la journée</td>
								<td class="text-center">Plus de 18 mois</td>
								<td class="text-center">{address.dayp18m}</td>
							</tr>
						</f:if>
						</tbody>
					</table>
				</div>
			</f:if>

			<f:if condition="{address.periscol} || {address.vacscol}">
				<div class="m-3">
					<table class="table">
						<thead>
						<tr>
							<th class="text-center">Type d'agrément</th>
							<th class="text-center">Nombre</th>
						</tr>
						</thead>
						<tbody>
						<f:if condition="{address.periscol}">
							<tr>
								<td class="text-center">Périscolaire</td>
								<td class="text-center">{address.periscol}</td>
							</tr>
						</f:if>
						<f:if condition="{address.vacscol}">
							<tr>
								<td class="text-center">Vacances scolaires</td>
								<td class="text-center">{address.vacscol}</td>
							</tr>
						</f:if>
						</tbody>
					</table>
				</div>
			</f:if>

			<div class="data-row">
				<dt>Date du premier agrément</dt>
				<dd>
					<f:if condition="{address.datefirstapproval}">
						<f:then>
							{vendeeenfance:dateFormat(date: address.datefirstapproval, format: 'd/m/Y')}
						</f:then>
					</f:if>
				</dd>
			</div>
			<div class="data-row">
				<dt>Date du dernier renouvellement</dt>
				<dd>
					<f:if condition="{address.datelastapproval}">
						<f:then>
							{vendeeenfance:dateFormat(date: address.datelastapproval, format: 'd/m/Y')}
						</f:then>
					</f:if>
				</dd>
			</div>
			<div class="data-row">
				<dt>Date du prochain renouvellement</dt>
				<dd>
					<f:if condition="{address.datenextapproval}">
						<f:then>
							{vendeeenfance:dateFormat(date: address.datenextapproval, format: 'd/m/Y')}
						</f:then>
					</f:if>
				</dd>
			</div>
		</dl>
	</div>
</f:section>

<f:section name="cadre-accueil">
	<div class="form-panel">
		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Type du lieu d'accueil</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Logement</dt>
					<dd>
						<f:switch expression="{address.housing}">
							<f:case value="0"> Logement personnel</f:case>
							<f:case value="1"> Maison d'Assistants Maternels</f:case>
							<f:defaultCase></f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Type de logement</dt>
					<dd>
						<f:switch expression="{address.housingtype}">
							<f:case value="0"> Maison</f:case>
							<f:case value="1"> Appartement</f:case>
							<f:defaultCase></f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Rez-de-chaussée</dt>
					<dd>
						<f:switch expression="{address.groundfloor}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Étage</dt>
					<dd>
						<f:if condition="{address.floornumber}">
							<f:then> {address.floornumber}</f:then>
							<f:else>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:else>
						</f:if>
					</dd>
				</div>
				<div class="data-row">
					<dt>Ascenseur</dt>
					<dd>
						<f:switch expression="{address.elevator}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Nombre de pièces</dt>
					<dd>{address.roomnumber}</dd>
				</div>
				<div class="data-row">
					<dt>Surface (en m²)</dt>
					<dd>{address.area}</dd>
				</div>
				<div class="data-row">
					<dt>Jardin privé</dt>
					<dd>
						<f:switch expression="{address.privategarden}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Cour</dt>
					<dd>
						<f:switch expression="{address.court}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
			</dl>
		</div>

		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Environnement</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Environnement (Ville, Campagne)</dt>
					<dd>
						<f:switch expression="{address.environment}">
							<f:case value="0">Ville</f:case>
							<f:case value="1">Campagne</f:case>
							<f:defaultCase></f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Proximité jardin public</dt>
					<dd>
						<f:switch expression="{address.proximitypublicgarden}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Proximité école</dt>
					<dd>
						<f:switch expression="{address.proximityschool}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Animaux</dt>
					<dd>
						<f:switch expression="{address.animals}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
			</dl>
		</div>

		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Trajets en voiture</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Nombre de places réservées aux enfants</dt>
					<dd>{address.seatnumberchildren}</dd>
				</div>
				<div class="data-row">
					<dt>Coque bébé</dt>
					<dd>
						<f:switch expression="{address.babyshell}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Siège auto</dt>
					<dd>
						<f:switch expression="{address.carseatnumber}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
			</dl>
		</div>
	</div>
</f:section>

<f:section name="infos-pratiques">
	<div class="form-panel">
		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Formation</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Formation et/ou expérience</dt>
					<dd>{address.educationexperience}</dd>
				</div>
			</dl>
		</div>

		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Tarifs</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Salaire horaire brut</dt>
					<dd>{vendeeenfance:moneyFormat(money: address.rawhourlysalary)}</dd>
				</div>
				<div class="data-row">
					<dt>Indemnités de repas</dt>
					<dd>{vendeeenfance:moneyFormat(money: address.meals)}</dd>
				</div>
				<div class="data-row">
					<dt>Indemnités de goûter</dt>
					<dd>{vendeeenfance:moneyFormat(money: address.snack)}</dd>
				</div>
				<div class="data-row">
					<dt>Tarifs du kilomètre</dt>
					<dd>{vendeeenfance:moneyFormat(money: address.ratesperkilometer)}</dd>
				</div>
				<div class="data-row">
					<dt>Jusqu'à 9h d'accueil</dt>
					<dd>{vendeeenfance:moneyFormat(money: address.upto9h)}</dd>
				</div>
			</dl>
		</div>

		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Activités extérieures</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Ludothèque</dt>
					<dd>
						<f:switch expression="{address.toylibrary}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Bibliothèque</dt>
					<dd>
						<f:switch expression="{address.library}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Spectacles</dt>
					<dd>
						<f:switch expression="{address.shows}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Promenades</dt>
					<dd>
						<f:switch expression="{address.walks}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Bébé bus</dt>
					<dd>
						<f:switch expression="{address.babybus}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Matinées d'éveil</dt>
					<dd>
						<f:switch expression="{address.awakeningmorning}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
			</dl>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Pour me joindre</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Joignable toute la journée</dt>
					<dd>
						<f:switch expression="{address.availableallday}">
							<f:case value="0">
								<span class="badge bg-light text-dark">Non</span>
							</f:case>
							<f:case value="1">
								<span class="badge bg-red">Oui</span>
							</f:case>
							<f:defaultCase>
								<span class="badge bg-light text-dark">
									<span class="datalist-section-title">Aucun(e)</span>
								</span>
							</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>Le matin</dt>
					<dd>
						De
						<f:switch expression="{address.morningfrom}">
							<f:case value="0"> --</f:case>
							<f:case value="1"> 8h</f:case>
							<f:case value="2"> 9h</f:case>
							<f:case value="3"> 10h</f:case>
							<f:case value="4"> 11h</f:case>
							<f:case value="5"> 12h</f:case>
							<f:defaultCase> --</f:defaultCase>
						</f:switch>
						à
						<f:switch expression="{address.morningto}">
							<f:case value="0"> --</f:case>
							<f:case value="1"> 8h</f:case>
							<f:case value="2"> 9h</f:case>
							<f:case value="3"> 10h</f:case>
							<f:case value="4"> 11h</f:case>
							<f:case value="5"> 12h</f:case>
							<f:defaultCase> --</f:defaultCase>
						</f:switch>
					</dd>
				</div>
				<div class="data-row">
					<dt>L'après midi</dt>
					<dd>
						De
						<f:switch expression="{address.afternoonfrom}">
							<f:case value="0"> --</f:case>
							<f:case value="1"> 14h</f:case>
							<f:case value="2"> 15h</f:case>
							<f:case value="3"> 16h</f:case>
							<f:case value="4"> 17h</f:case>
							<f:defaultCase> --</f:defaultCase>
						</f:switch>
						à
						<f:switch expression="{address.afternoonto}">
							<f:case value="0"> --</f:case>
							<f:case value="1"> 14h</f:case>
							<f:case value="2"> 15h</f:case>
							<f:case value="3"> 16h</f:case>
							<f:case value="4"> 17h</f:case>
							<f:defaultCase> --</f:defaultCase>
						</f:switch>
					</dd>
				</div>
			</dl>
		</div>

		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Notes</h4>
			<dl class="datalist">
				<div class="data-row">
					<dt>Notes</dt>
					<dd>{address.notes}</dd>
				</div>
			</dl>
		</div>
	</div>
</f:section>

<f:section name="disponibilites">
	<div class="form-panel">
		<dl class="datalist">
			<f:if condition="{address.availabletext}">
				<div class="data-row">
					<dt></dt>
					<dd>{address.availabletext}</dd>
				</div>
			</f:if>
			<div class="data-row">
				<dt>Je suis disponible</dt>
				<dd>
					<f:switch expression="{address.available}">
						<f:case value="0">
							<span class="badge bg-light text-dark">Non</span>
						</f:case>
						<f:case value="1">
							<span class="badge bg-red">Oui</span>
						</f:case>
						<f:defaultCase>
							<span class="badge bg-light text-dark">
								<span class="datalist-section-title">Aucun(e)</span>
							</span>
						</f:defaultCase>
					</f:switch>
				</dd>
			</div>
		</dl>
	</div>

	<f:if condition="{address.childrenspecialneeds} || {address.childrenatypicalhours}">
		<div>
			<h4 class="datalist-section-title mt-3 mb-3 fw-normal">Accueils spécifiques</h4>
			<dl class="datalist">
				<f:if condition="{address.childrenspecialneeds}">
					<div class="data-row">
						<dt>J'accepte d'accueillir</dt>
						<dd>un enfant nécessitant des soins particuliers</dd>
					</div>
				</f:if>
				<f:if condition="{address.childrenatypicalhours}">
					<div class="data-row">
						<dt>J'accepte d'accueillir</dt>
						<dd>un enfant ayant des horaires de garde atypiques (avant 7h30, après 19h)</dd>
					</div>
				</f:if>
			</dl>
		</div>
	</f:if>
</f:section>

<f:section name="contact"></f:section>
<f:section name="position"></f:section>
<f:section name="social"></f:section>