<!-- Edit this file to change the layout of the detail view print preview page -->


<div class="panel-heading"><h3 class="panel-title">
	<strong><%%DETAIL_VIEW_TITLE%%></strong>
	<div class="hidden-print pull-right">
		<div class="btn-group">
			<button type="button" id="print" onclick="window.print();" title="<%%TRANSLATION(Print)%%>" class="btn btn-primary"><i class="glyphicon glyphicon-print"></i> <%%TRANSLATION(Print)%%></button>
			<button type="submit" id="back" title="<%%TRANSLATION(Cancel Printing)%%>" class="btn btn-default"><i class="glyphicon glyphicon-remove-circle"></i> <%%TRANSLATION(Cancel Printing)%%></button>
		</div>
	</div>
	<div class="clearfix"></div>
</h3></div>

<div class="panel-body">
	<fieldset class="form-horizontal">
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Ann&#233;e</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="Pelerinage<%%RND1%%>"><%%COMBOTEXT(Pelerinage)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Pr&#233;nom</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Prenom)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Nom</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Nom)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Date de naissance</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%COMBOTEXT(Datedenaissance)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Lieu de naissance</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Lieudenaissance)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Adresse</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Adresse)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Sexe</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Sexe)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Num&#233;ro passeport</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Numropasseport)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Remarque</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Remarque)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">T&#233;l&#233;phone p&#233;lerin</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Tlphoneplerin)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">T&#233;l&#233;phone famille</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Tlphonefamille)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Personne &#224; contacter</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Personnecontacter)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">S&#233;quence </label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Squence)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Profession</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Profession)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Langues</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Ethnie)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Region</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(Region)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">A PAYER</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(total_entree)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">DEJA PAY&#201;</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(total_sortie)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">RESTE A PAYER</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(solde)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Groupe</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(groupe)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Agent</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(agent)%%></div>
			</div>
		</div>
	</fieldset>
</div>
<!-- child records -->
<div class="panel-body">
	<div id="oumrah-children"></div>
</div>

<script>
	$j(function() {
		/* prevent loading child records in multiple DVP */
		if($j('[id=oumrah-children]').length > 1) return;

		post(
			'parent-children.php', {
				ParentTable: 'oumrah',
				SelectedID: '<%%VALUE(idoumrah)%%>',
				Operation: 'show-children-printable'
			},
			'oumrah-children',
			'disable-element',
			'loading-element',
			apply_persisting_children
		);

		$j('form').on('click', '#children-tabs button[data-target]', function() {
			$j(this).toggleClass('active');
			persist_expanded_child($j(this).attr('id'));
		});
	})
</script>

