aem_monespace/monaem/templates/default/home.pt

<metal:block use-macro="main_template">

<div metal:fill-slot="content">

	<!-- Mon calendrier -->
	<!-- L'eleve a-t-il un email ? -->
	<p tal:condition="not has_email" class="text-danger">
	 Votre adresse email est obligatoire pour le bon réroulement des opérations en ligne. Veuillez le renseigner en allant dans la rubrique <a href="/changer_coordonnees">'Changer mes coordonn&eacute;es'</a>.
	</p>
	<div class="jambotron well">
		<h4><span class="glyphicon glyphicon-bullhorn"></span>&nbsp;&nbsp;&nbsp;INFOS COVID-19</h4>
		<p>
		Pendant toute la durée de la crise sanitaire, informez-vous régulièrement afin de connaitre les dernières informations concernant notre activité.
		Ces informations sont régulièrement mises à jour sur nos réseaux sociaux, sur marietton.com ou directement en cliquant sur le bouton ci-après.
		</p>
		<p class="text-right">
			<a href="https://www.marietton.com/covid19.php" target="ca_blank"
					class="btn-sm btn-success" role="button">
					<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;TOUTES LES INFOS</a>
		</p>
	</div>
	<!--  Prochain rendez-vous   -->
	<div class="panel panel-info">
		<div class="panel-body">
			<div tal:condition="hasSuivi" class="row text-center">
				<div  class="col-md-4">
					<a href="${request.application_url}/carnet_rdv">
						<span class="glyphicon glyphicon-calendar" style="font-size: 56px"></span>
						<h4>Gérer mes RdV <span class="badge">${nb_rdv}</span></h4></a>
				</div>
				<div class="col-md-4" tal:condition="hasSuivi">
					<a href="${request.application_url}/show_iframe/suivi">
						<span class="glyphicon glyphicon-education" style="font-size: 56px"></span>
						<h4>Suivi pédagogique</h4></a>
				</div>
				<div class="col-md-4">
					<a href="${request.application_url}/show_iframe/videos">
						<span class="glyphicon glyphicon-facetime-video logo-small" ></span>
						<h4>Vidéos pédagogiques</h4></a>
				</div>
			</div>
		</div>
	</div>

	<div tal:condition="hasOutilPedago" class="panel panel-info">
		<div class="panel-body">
			<div  class="row text-center">
	            <div class="col-md-12">
					<a href="https://pedago.mariettonpro.fr/index.php?${param_suivi}">
						<span class="glyphicon glyphicon-education" style="font-size: 56px"></span>
						<h4>Outils pédagogique</h4></a>
				</div>
			</div>
        </div>
    </div>
	<!-- Mon compte -->
	<h3 tal:condition="hasSuivi"><span class="glyphicon glyphicon-briefcase"></span>&nbsp;Mon compte</h3>
	<!--  Mon en-cours   -->
			<div tal:condition="hasSuivi" class="jambotron well text-center">
				<div style="font-size: 18px">
					Solde au ${today} :
					<b><span class="text-danger">${remain_to_pay}</b>&nbsp;
					<a tal:condition="solde" href="${request.application_url}/reglement/CPT/${solde}/1" class="btn btn-primary" role="button">
						<span class="glyphicon glyphicon-plus"></span>
						Régler</a>&nbsp;<img tal:condition="solde" src="${request.static_url('monaem:static/img/CB.gif')}" alt="CB logo" />
				</div>
				<p>&nbsp;</p>

					<a href="${request.application_url}/crediter" class="btn btn-primary" role="button">
						<span class="glyphicon glyphicon-plus"></span>
						Créditer mon compte</a>
					&nbsp;
					<a href="${request.application_url}/extrait_compte" class="btn btn-success" role="button">
					<span class="glyphicon glyphicon-eye-open"></span>
					Voir l'extrait de compte</a>
			</div>


	<h3><span class="glyphicon glyphicon-calendar"></span>&nbsp;Mon calendrier</h3>
	<!--  Dates de stage   -->
	<div class="panel panel-info">
		<div class="panel-heading">
			<h4><span class="glyphicon glyphicon-check"></span>&nbsp;Dates de stage</h4>
		</div>
		<div class="panel-body" tal:condition="not stage.debut_en_clair">
			
			<div class="row">
                <div class="col-md-6">
                    <i>Vous n'avez pas de stage prévu. </i>
                </div>
				<div class="col-md-6" tal:condition="reservation">
                    <a href="${request.application_url}/stages_reservation"
					class="btn btn-primary" role="button">
					<span class="glyphicon glyphicon-plus"></span>&nbsp;Réserver un stage  </a>
                </div>
            </div>
		</div>
		<div class="panel-body" tal:condition="stage.debut_en_clair">
            <div class="row">
                <div class="col-md-6">
                    Votre stage est prévu<br />
                    du <b>${stage.stage_debut}</b> au <b>${stage.stage_fin}</b><br />
                    à <b>${lieu_stage}</b><br />
                    ${debut_en_clair}
                </div>
                <div class="col-md-6" tal:condition="diff">
                    <a href="${request.application_url}/stages_dates"
					class="btn btn-primary" role="button">
					<span class="glyphicon glyphicon-edit"></span>&nbsp;Modifier les dates </a>
                </div>
            </div>

		</div>
	</div>
	<!--  Date d'examen  -->
	<div tal:condition="hasSuivi" class="panel panel-info">
		<div class="panel-heading">
			<h4><span class="glyphicon glyphicon-blackboard"></span>&nbsp;Date d'examen</h4>
		</div>
		<div class="panel-body" tal:condition="not examen">
			<i>Vous n'avez pas de date d'examen prévue.</i>
		</div>
		<div class="panel-body" tal:condition="examen">
			<div class="col-md-6">
				Examen <b>${examen.type}</b> <br />
				le <b>${examen.date}</b> à <b>${examen.heure}</b><br />
				${examen.adresse} à ${examen.lieu}<br />
				<br />
				Résultat de l'examen :
				<span class="label label-success" tal:condition="examen.resultat == 'BON'">${examen.resultat}</span>
				<span class="label label-danger" tal:condition="examen.resultat != 'BON'">${examen.resultat}</span>
			</div>
			<div class="col-md-6">
				<a href="${request.application_url}/date_examen"
					class="btn btn-primary" role="button">
					<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;Voir la convocation à l'examen</a>
			</div>
		</div>
	</div>

	<!--  Mon dossier d'inscription   -->
	<h3><span class="glyphicon glyphicon-list-alt"></span>&nbsp;Mon dossier d'inscription</h3>
	<table class="table">
		<tr>
			<td>
				Code élève : <b>${eleve.CD_CLI}</b><br />
				${eleve.CIVILITE} ${eleve.NOMPREN}<br />
				${eleve.ADRESSE}<br />
				<span tal:condition="eleve.ADRESSE2">
					${eleve.ADRESSE2}<br />
				</span>
				${eleve.CODEPOST}&nbsp;${eleve.VILLE}<br />
			</td>
			<td>
				<a href="${request.application_url}/fiche_inscription"
					class="btn btn-primary" role="button">
					<span class="glyphicon glyphicon-chevron-right"></span>&nbsp;Voir la fiche</a>
			</td>
		</tr>
		<tr>
			<td>
				Permis demandé<br />
				Formule<br />
				Fin de validité du forfait le<br />
				Fin du forfait code le<br />
				Fin de validité visite médicale
			</td>
			<td>
				${eleve.PERMIS_DEMANDE}<br />
				${eleve.FORMULE}<br />
				<span tal:content="eleve.fin_contrat_le.strftime('%d/%m/%Y')" /><br />
				<div tal:condition = "eleve.fin_forfait_code_le">
					<span tal:content="eleve.fin_forfait_code_le.strftime('%d/%m/%Y')" />
				</div><br />
				<div tal:condition = "eleve.visite_med_fin_le">
					<span tal:content="eleve.visite_med_fin_le.strftime('%d/%m/%Y')" />
				</div><br />
			</td>
		</tr>
		<tr>
			<td>
				No d'immatriculation<br />
				Enregistré le<br />
			</td>
			<td>
				${eleve.DOSSIER_NO}<br />
				<div tal:condition = "eleve.DOSSIER_DATE">
					<span tal:content="eleve.DOSSIER_DATE.strftime('%d/%m/%Y')" />
				</div>
			</td>
		</tr>
	</table>

	<h3>Mes documents</h3>
	 <a href="${request.application_url}/justifs_list"
        class="btn btn-primary" role="button">
        <span class="glyphicon glyphicon-chevron-right"></span>&nbsp;Télécharger les documents</a>
        <br/>  <br/>
	 <table class="table table-condensed table-bordered" cellspacing="0" width="100%" tal:condition="docs">
		<tr tal:repeat="justif docs">
            <td>${justif.libelle}</td>
			<td>
				<a href="${request.application_url}/download/${eleve.CD_CLI}/${justif.nom_fic}"
				  target="popup"
				  onclick="window.open('${request.application_url}/download/${eleve.CD_CLI}/${justif.nom_fic},'popup','width=900,height=768'); return false;">
					${justif.nom_fic}
				</a>
			</td>

			<td>${justif.taille_fic} Ko</td>
			<td>${justif.cree_le.strftime('%d/%m/%Y')}</td>
		</tr>
	</table>
	 <table class="table table-condensed table-bordered" cellspacing="0" width="100%" tal:condition="justifs">
		<tr tal:repeat="justif justifs">
            <td>${justif.libelle}</td>
			<td tal:condition="not justif.libelle_fic">
				<a href="${request.application_url}/download/${eleve.CD_CLI}/${justif.nom_fic}"
				  target="popup"
				  onclick="window.open('${request.application_url}/download/${eleve.CD_CLI}/${justif.nom_fic},'popup','width=900,height=768'); return false;">
					${justif.nom_fic}
				</a>
			</td>
			<td tal:condition="justif.libelle_fic">${justif.libelle_fic}</td>

			<td>${justif.taille_fic} Ko</td>
			<td>${justif.cree_le.strftime('%d/%m/%Y')}</td>
		</tr>
	</table>

	<!--  FAQ   -->
	<h3><span class="glyphicon glyphicon-question-sign"></span>&nbsp;FAQ</h3>
	<ul tal:condition="faqs">
		<tal:repeat tal:repeat="j faqs">
			<li><a href="/faq_view/${j.faq_id}" >${j.intitule}</a></li>
		</tal:repeat>
	</ul>

	<br />
	<br />
	<br />
	<br />

</div>


<div metal:fill-slot="additional_scripts">
	<script type="text/javascript" src="${request.static_url('monaem:static/js/jquery.cookiebar.js')}"></script>
	<script type="text/javascript">
	  $(document).ready(function(){
		 $.cookieBar();
	  });
	</script>
</div>
</metal:block>