<!-- Edit this file to change the layout of the detail view form -->

<a name="detail-view"></a>
<div class="panel-heading"><h3 class="panel-title"><strong><%%DETAIL_VIEW_TITLE%%></strong></h3></div>

<div class="panel-body" id="billeteries_dv_container">
	<!-- child links -->
	<div class="row vspacer-md">
		<div class="col-xs-12">
			<div class="clearfix"></div>
		</div>
	</div>
	<hr class="hidden-xs hidden-sm">

	<div class="row">
		<!-- form inputs -->
		<div class="col-md-8 col-lg-10" id="billeteries_dv_form">
			<fieldset class="form-horizontal">

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="date" class="control-label col-lg-3">Date</label>
					<div class="col-lg-9">
						<%%COMBO(date)%%>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="service" class="control-label col-lg-3" data-parent_link="view_parent_modal">Service<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
					<div class="col-lg-9">
						<div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(service)%%><%%PLINK(service)%%><%%ADDNEW(produits_services)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="passager" class="control-label col-lg-3" data-parent_link="view_parent_modal">Client<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
					<div class="col-lg-9">
						<div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(passager)%%><%%PLINK(passager)%%><%%ADDNEW(clients)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="gds" class="control-label col-lg-3" data-parent_link="view_parent_modal">GDS<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
					<div class="col-lg-9">
						<div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(gds)%%><%%PLINK(gds)%%><%%ADDNEW(gds)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="compagnie" class="control-label col-lg-3" data-parent_link="view_parent_modal">Compagnie<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
					<div class="col-lg-9">
						<div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(compagnie)%%><%%PLINK(compagnie)%%><%%ADDNEW(compagnies)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="parcours" class="control-label col-lg-3" data-parent_link="view_parent_modal">Parcours<span class="text-danger"><%%TRANSLATION(*)%%></span></label>
					<div class="col-lg-9">
						<div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(parcours)%%><%%PLINK(parcours)%%><%%ADDNEW(items)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="nature_transaction" class="control-label col-lg-3" data-parent_link="view_parent_modal">D&#233;signation</label>
					<div class="col-lg-9">
						<div class="form-control-static" style="white-space: nowrap; overflow-x: hidden;"><%%COMBO(nature_transaction)%%><%%PLINK(nature_transaction)%%><%%ADDNEW(produits_services)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="billet" class="control-label col-lg-3">N&#176;BILLET</label>
					<div class="col-lg-9">
						<input maxlength="80" type="text" class="form-control" name="billet" id="billet" value="<%%VALUE(billet)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="dossier" class="control-label col-lg-3">N&#176; Dossier</label>
					<div class="col-lg-9">
						<input maxlength="80" type="text" class="form-control" name="dossier" id="dossier" value="<%%VALUE(dossier)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="prix_achat" class="control-label col-lg-3">PRIX D'ACHAT</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="prix_achat" id="prix_achat" value="<%%VALUE(prix_achat)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="prix_vente" class="control-label col-lg-3">PRIX DE VENTE (prix unitaire)</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="prix_vente" id="prix_vente" value="<%%VALUE(prix_vente)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="qts" class="control-label col-lg-3">QTS</label>
					<div class="col-lg-9">
						<input maxlength="" type="text" class="form-control" name="qts" id="qts" value="<%%VALUE(qts)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="commission" class="control-label col-lg-3">COMMISSION</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="commission" id="commission" value="<%%VALUE(commission)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="frais_service" class="control-label col-lg-3">FRAIS DE SERVICE</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="frais_service" id="frais_service" value="<%%VALUE(frais_service)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="frais_assurance" class="control-label col-lg-3">FRAIS ASSURANCES</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="frais_assurance" id="frais_assurance" value="<%%VALUE(frais_assurance)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="mtva" class="control-label col-lg-3">Montant TVA</label>
					<div class="col-lg-9">
						<input maxlength="13" type="text" class="form-control" name="mtva" id="mtva" value="<%%VALUE(mtva)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="tva" class="control-label col-lg-3">TVA</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="tva" id="tva" value="<%%VALUE(tva)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="tht" class="control-label col-lg-3">NET POUR MAREGA VOYAGE</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="tht" id="tht" value="<%%VALUE(tht)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="net_compagnie" class="control-label col-lg-3">NET COMPAGNIES</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="net_compagnie" id="net_compagnie" value="<%%VALUE(net_compagnie)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="net_a_payer" class="control-label col-lg-3">NET A PAYER</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="net_a_payer" id="net_a_payer" value="<%%VALUE(net_a_payer)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="account" class="control-label col-lg-3">ACCOMPTE</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="account" id="account" value="<%%VALUE(account)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="reste_a_payer" class="control-label col-lg-3">RESTE A PAYER</label>
					<div class="col-lg-9">
						<input maxlength="10" type="text" class="form-control" name="reste_a_payer" id="reste_a_payer" value="<%%VALUE(reste_a_payer)%%>">
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="agent" class="control-label col-lg-3">Agent</label>
					<div class="col-lg-9">
						<div class="form-control-static" id="agent"><%%VALUE(agent)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="groupe" class="control-label col-lg-3">Groupe</label>
					<div class="col-lg-9">
						<div class="form-control-static" id="groupe"><%%VALUE(groupe)%%></div>
					</div>
				</div>

				<div class="form-group">
					<hr class="hidden-md hidden-lg">
					<label for="observations" class="control-label col-lg-3">Observations</label>
					<div class="col-lg-9">
						<textarea class="form-control" name="observations" id="observations" rows="5"><%%VALUE(observations)%%></textarea>
					</div>
				</div>

			</fieldset>
		</div>

		<!-- DV action buttons -->
		<hr class="hidden-md hidden-lg">
		<div class="col-md-4 col-lg-2" id="billeteries_dv_action_buttons">
			<div class="btn-toolbar">
				<div class="btn-group-vertical btn-group-lg" style="width: 100%;">
					<%%UPDATE_BUTTON%%>
				</div><p></p>
				<div class="btn-group-vertical btn-group-lg" style="width: 100%;">
					<%%DESELECT_BUTTON%%>
					<%%DVPRINT_BUTTON%%>
					<%%DELETE_BUTTON%%>
				</div><p></p>
				<div class="btn-group-vertical btn-group-lg" style="width: 100%;">
					<%%INSERT_BUTTON%%>
				</div>
			</div>
		</div>
	</div>

	<input type="hidden" name="link_out" value="<%%VALUE(link_out)%%>">

</div><!-- /div class="panel-body" -->
	<script>
		$j(function() {
			var add_new_mode = (!$j('input[name=SelectedID]').val());
			var embedded_mode = ($j('input[name=Embedded]').val() == 1);

			/* auto-close embedded page? */
			var autoclose_mode = ($j('input[name=AutoClose]').val() == 1);
			var record_added_ok = (location.search.split('record-added-ok=').length == 2);
			var record_updated_ok = (location.search.split('record-updated-ok=').length == 2);
			if((record_added_ok || record_updated_ok) && embedded_mode && autoclose_mode) {
				setTimeout(AppGini.closeParentModal, 2000);
			}

			/* enable DV action buttons to float on scrolling down the form */
			enable_dvab_floating();

			setTimeout(AppGini.focusFirstFormElement, 1500);

			$j('form').eq(0).change(function() {
				if($j(this).data('already_changed')) return;
				if($j('#deselect').length) $j('#deselect').removeClass('btn-default').addClass('btn-warning').get(0).lastChild.data = " <%%TRANSLATION(Cancel)%%>";
				$j(this).data('already_changed', true);
			});

			$j('a[href="<%%TRANSLATION(ImageFolder)%%>"]').click(function() { /* */ return false; });


			if(!embedded_mode) {
				/* add a horizontal spacer to [add new parent] buttons that don't have a spacered element before them */
				$j('.add_new_parent').prev(':not(.hspacer-md)').next().addClass('hspacer-md');

				$j('.add_new_parent').click(function() {
					var pt = $j(this).attr('id').replace(/_add_new$/, '');
					modal_window({
						url: pt + '_view.php?addNew_x=1&Embedded=1',
						close: function() {
							var field_id = $j('#' + pt + '_add_new').prevAll('input:hidden').eq(0).attr('id');
							$j('#' + field_id + '-container').select2('focus').select2('focus');

							/* if a new parent was added, select it */
							var new_id = localStorage.getItem(pt + '_last_added_id');
							if(new_id === null) return;

							localStorage.clear(pt + '_last_added_id');
							AppGini.lookupText({
								id: new_id,
								table: 'billeteries',
								field: field_id,
								callback: function(data) {
									$j('#' + field_id + '-container').select2('data', data, true);
								}
							});
						},
						size: 'full',
						title: $j(this).attr('title')
					});
				});
			}

			AppGini.hideViewParentLinks();

			$j('form').on('click', '.view_parent', function() {
				var pt = $j(this).attr('id').replace(/_view_parent$/, '');
				if($j(this).prevAll('input:hidden').length) {
					var parent_id = $j(this).prevAll('input:hidden').eq(0).val();
				}else{
					var parent_id = $j(this).prevAll().children('input:hidden').eq(0).val();
				}

				/* handle radio lookups */
				if($j(this).prevAll('[type=radio]').length) {
					parent_id = $j(this).prevAll('[type=radio]').eq(0).val();
				}

				if(parent_id != '{empty_value}' && parent_id != undefined && parent_id != '') {
					var parent_link = $j(this).parents('.form-group').children('label').data('parent_link');
					switch(parent_link) {
						case 'view_parent_hidden':
							break;
						case 'view_parent_modal':
							modal_window({
								url: pt + '_view.php?Embedded=1&SelectedID=' + encodeURIComponent(parent_id),
								close: function() {
									var field_id = $j('#' + pt + '_view_parent').prevAll('input:hidden').eq(0).attr('id');
									$j('#' + field_id + '-container').select2('focus').select2('focus');
								},
								size: 'full',
								title: $j(this).attr('title')
							});
							break;
						case 'view_parent_same_window':
							window.location = pt + '_view.php?Embedded=' + (embedded_mode ? '1' : '') + '&SelectedID=' + encodeURIComponent(parent_id);
							break;
						case 'view_parent_new_window':
							window.open(pt + '_view.php?SelectedID=' + encodeURIComponent(parent_id));
							break;
					}

				}
			});


			/* load admin tools for admin user */
			if(!add_new_mode) {
				$j('body').append('<div id="admin-tools-appendix"></div>');
				$j('#admin-tools-appendix').load(
					'ajax_admin_tools.php?table=billeteries&id=<%%URLVALUE(idbilleterie)%%>',
					function(resp) {
						if(!resp.length) return;
						$j.ajax('ajax_admin_tools.php?action=get_admin_tools_js&table=billeteries&id=<%%URLVALUE(idbilleterie)%%>');
					}
				);
			}

			/* warn user if 'add new' clicked while unsaved changes exist */
			$j('#addNew').click(function() {
				if($j('#deselect.btn-warning').length) {
					return confirm('<%%TRANSLATION(discard changes confirm)%%>');
				}
			});

		});
	</script>