<!-- 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">PHOTO</label>
			<div class="col-xs-9">
				<div class="form-control-static"><script>
				var photoSrc1<%%RND1%%>='<%%TRANSLATION(ImageFolder)%%><%%VALUE(photo)%%>';
				var photoSrc2<%%RND1%%>='thumbnail.php?t=dossier_individuel&f=photo&i=<%%VALUE(photo)%%>&v=dv'
			</script>
			<a href="#" onclick="$('photoImg<%%RND1%%>').src=($('photoImg<%%RND1%%>').src.search(/thumbnail\.php/) != -1 && photoSrc1<%%RND1%%> != '<%%TRANSLATION(ImageFolder)%%>' ? photoSrc1<%%RND1%%> : photoSrc2<%%RND1%%>); return false;"><img id="photoImg<%%RND1%%>" src="thumbnail.php?t=dossier_individuel&f=photo&i=<%%VALUE(photo)%%>&v=dv" class="img-thumbnail"></a></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">N&#176; MATRICULE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(matricule)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">NOM ET PRENOM</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(nom_prenom)%%></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(date_naissance)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">SITUATION MATRIMONIALE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%COMBOTEXT(matrimoniale)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">NOMBRE ENFANTS A CHARGE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(enfants)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">NNI</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(nni)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">TELEPHONE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(telephone)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">COURRIEL</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(courriel)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">ADRESSE POSTALE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(postale)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">DATE DE RECRUTEMENT</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%COMBOTEXT(date_recrutement)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">FONCTION</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="fonction<%%RND1%%>"><%%COMBOTEXT(fonction)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">DIRECTION</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="direction<%%RND1%%>"><%%COMBOTEXT(direction)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">SERVICE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="service<%%RND1%%>"><%%COMBOTEXT(service)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">DIVISION</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="division<%%RND1%%>"><%%COMBOTEXT(division)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Categorie</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="categorie<%%RND1%%>"><%%COMBOTEXT(categorie)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">STATUT</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="statut<%%RND1%%>"><%%COMBOTEXT(statut)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">SALAIRE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(salaire)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">PRIME</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="prime_ts<%%RND1%%>"></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">COMPTE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(compte)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">BANQUE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="banque<%%RND1%%>"><%%COMBOTEXT(banque)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">DROIT DE CONGE</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(total_income)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">CONGE PRIS</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(total_expense)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">CONGE RESTANT</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(available_budget)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">OBSERVATION</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(observation)%%></div>
			</div>
		</div>
	</fieldset>
</div>
<!-- child records -->
<div class="panel-body">
	<div id="dossier_individuel-children"></div>
</div>

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

		post(
			'parent-children.php', {
				ParentTable: 'dossier_individuel',
				SelectedID: '<%%VALUE(iddindividuel)%%>',
				Operation: 'show-children-printable'
			},
			'dossier_individuel-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>

