<!-- 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">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">Agent</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(agent)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Date enregistrement</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(date_en)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Type de client</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="type_client<%%RND1%%>"><%%COMBOTEXT(type_client)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Raison sociale</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(raison_sociale)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Personne contact</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(personne_contact)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Email </label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(email_pc)%%></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 </label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(phone_pc)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">NINEA</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(ninea)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">RC</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(rc)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Genre</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%COMBOTEXT(genre)%%></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">N&#176; C.I.N</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(cin)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Agence</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="agence<%%RND1%%>"><%%COMBOTEXT(agence)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Nationalit&#233;</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="nationalite<%%RND1%%>"><%%COMBOTEXT(nationalite)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Produits & Services</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">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">Activit&#233;</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="activite<%%RND1%%>"><%%COMBOTEXT(activite)%%></span></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"><%%VALUE(date_naissance)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Age</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(age)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Passeport</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(passport)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Delivr&#233; le</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(delivre_le)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Expire le</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(expire_le)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Lieu</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="lieu<%%RND1%%>"><%%COMBOTEXT(lieu)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Validit&#233;</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(validite)%%></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">T&#233;l&#233;phone</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">Whatsapp</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(whatsapp)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Personne &#224; contacter en cas d'urgence</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(urgence)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Email</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(email)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">N&#176; 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">Carte fidelit&#233;</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="carte_fidelite<%%RND1%%>"><%%COMBOTEXT(carte_fidelite)%%></span></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">N&#176; de la carte</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(num_carte)%%></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Signature</label>
			<div class="col-xs-9">
				<div class="form-control-static"><script>
				var signatureSrc1<%%RND1%%>='<%%TRANSLATION(ImageFolder)%%><%%VALUE(signature)%%>';
				var signatureSrc2<%%RND1%%>='thumbnail.php?t=clients&f=signature&i=<%%VALUE(signature)%%>&v=dv'
			</script>
			<a href="#" onclick="$('signatureImg<%%RND1%%>').src=($('signatureImg<%%RND1%%>').src.search(/thumbnail\.php/) != -1 && signatureSrc1<%%RND1%%> != '<%%TRANSLATION(ImageFolder)%%>' ? signatureSrc1<%%RND1%%> : signatureSrc2<%%RND1%%>); return false;"><img id="signatureImg<%%RND1%%>" src="thumbnail.php?t=clients&f=signature&i=<%%VALUE(signature)%%>&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">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=clients&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=clients&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">Dossier</label>
			<div class="col-xs-9">
				<div class="form-control-static"><a id="dossier-link" href="link.php?t=clients&f=dossier&i=<%%VALUE(idclient)%%>" target="_blank"><i class="glyphicon glyphicon-folder-open" title="<%%VALUE(dossier)%%>" style="font-size: x-large;"></i></a><script>jQuery(function() { /* */ var e_dossier = '<%%VALUE(dossier)%%>'; if(e_dossier == '' || e_dossier == '&nbsp;' || e_dossier == 'blank.gif') jQuery('#dossier-link').hide(); });</script></div>
			</div>
		</div>
		<div class="form-group" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Observations</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(observations)%%></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>
	</fieldset>
</div>
<!-- child records -->
<div class="panel-body">
	<div id="clients-children"></div>
</div>

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

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

