<div class="row" id="<?php $windowid= date('YmdHis'); echo $windowid;?>">
	<div class="panel blank-panel">
		<div class="panel-body">
			<div class="row">
				<!--Información de la venta-->
				<div class="col-md-10">
					<div class="form-group">
						<!--Cliente-->
						<div class="col-sm-4">
							<label class="control-label">Cliente:</label>
							<div class="input-group">
								<input type="text" id="nueva-venta-cliente-text" class="form-control" data-credito="" data-type="">
								<span class="input-group-btn">
									<button class="btn btn-info" id="nueva-venta-cliente-buscar-btn" type="button" data-function="set"><i class="fa fa-search"></i></button>
								</span>
							</div>
							<input type="hidden"  id="nueva-venta-cliente">
						</div>
						<!--Condicion-->
						<div class="col-sm-2">
							<label class="control-label">Condici&oacute;n:</label>
							<select class="form-control" id="nueva-venta-condicion">
								<option value="0">Contado</option>
								<option value="1">Cr&eacute;dito</option>
								<!--<option value="3">A cobro</option>-->
							</select>
						</div>
						<!--Documento-->
						<div class="col-sm-2">
							<label class="control-label">Documento:</label>
							<select class="form-control" id="nueva-venta-documento">
								<option value="3">Ticket</option>
								<option value="8">Comprobante de Pago</option>
								<option value="1">Factura</option>
								<option value="2">Comprobante de cr&eacute;dito fiscal</option>
								<option value="0">Ninguno</option>
								<!--<option value="5">Nota de env&iacute;o</option>
								<option value="4">Nota de remisi&oacute;n</option>-->
							</select>
						</div>
						<!--Serie-->
						<div class="col-sm-2">
							<label class="control-label">Serie:</label>
							<select class="form-control" id="nueva-venta-documento-serie">
								<option value="" selected></option>
							</select>
						</div>
						<!--Numero-->
						<div class="col-sm-2">
							<label class="control-label">N&uacute;mero:</label>
							<input type="text" class="form-control" id="nueva-venta-documento-numero" value="">
						</div>
					</div>
				</div>
				<!--Cargar venta-->
				<div class="col-md-2" style="border-left:solid 1px #e7eaec;">
					<div class="form-group" style="margin-bottom:0px;">
						<label>Cargar transaccion</label>
						<div class="input-group">
							<input id="nueva-venta-cargar-text" value="" data-transaccion="" data-id="" class="form-control" type="text">
							<span class="input-group-btn">
								<button class="btn btn-info" id="nueva-venta-cargar-btn" type="button" data-function="set"><i class="fa fa-check"></i></button>
							</span>
						</div>
					</div>
				</div>
			</div>
			<div class="hr-line-dashed m-sm"></div>
			<!--Agregar producto-->
			<div class="form-group" id="nueva-venta-producto-info">
				<!--SKU-->
				<div class="col-sm-2">
					<label>SKU</label>
					<div class="input-group">
						<input type="text" id="nueva-venta-producto-sku" class="form-control frame-control frame-producto-sku">
						<input type="hidden" id="nueva-venta-producto-id" class="frame-control frame-producto-id">
						<input type="hidden" id="nueva-venta-presentacion-id" class="frame-control frame-presentacion-id">
						<input type="hidden" id="nueva-venta-producto-tipo" class="frame-control frame-producto-tipo">
						<input type="hidden" id="nueva-venta-unidades-representativas" class="frame-control frame-unidades-representativas">
						<input type="hidden" id="nueva-venta-producto-existencias" class="frame-control frame-producto-existencias">
						<input type="hidden" id="nueva-venta-producto-tipoventa" class="frame-control frame-producto-tipoventa">
						<input type="hidden" id="nueva-venta-producto-interno" class="frame-control frame-producto-interno">
						<span class="input-group-btn">
							<button type="button" id="ventas-buscar-producto-btn" class="btn btn-primary"><i class="fa fa-search"></i></button>
						</span>
					</div>
				</div>
				<!--Descripcion-->
				<div class="col-sm-3">
					<label>Descripci&oacute;n</label>
					<input type="text" id="nueva-venta-producto-desc" class="form-control  frame-control frame-producto-desc" readonly>
				</div>
				<!--Cantidad-->
				<div class="col-sm-2">
					<label>Cantidad</label>
					<input type="number" id="nueva-venta-producto-cant" min="1" class="form-control frame-control frame-producto-cant" data-valid-type="number">
				</div>
				<!--Precio-->
				<div class="col-sm-2">
					<label>Precio</label><small class="frame-producto-price-indicator"></small>
					<div class="input-group date">
						<span id="nueva-venta-precio-previo-btn" class="input-group-addon price-navigation-btn" data-role="previus" style="padding:6px 3px;"> <i class="fa fa-chevron-left"></i></span>
						<input type="text" id="nueva-venta-producto-costo" data-active-price='0' class="form-control frame-control frame-producto-precio" data-valid-type="number" readonly="true">
						<span id="nueva-venta-precio-siguente-btn" class="input-group-addon price-navigation-btn" data-role="next" style="padding:6px 3px;"><i class="fa fa-chevron-right"></i></span>
					</div>
					<input type="hidden" id="nueva-venta-producto-precios" class="frame-control frame-producto-precios">
					<input type="hidden" id="nueva-venta-producto-precio-bajo" class="frame-control frame-producto-precio-bajo">
				</div>
				<!--total-->
				<div class="col-sm-2">
					<label>Total</label>
					<input type="text" id="nueva-venta-producto-total" class="form-control frame-control frame-producto-total"  readonly>
				</div>
				<!--Agregar-->
				<div class="col-sm-1">
					<button type="button" id="nueva-venta-producto-agregar" class="btn btn-info btn-md m-t-md frame-producto-add-btn">Agregar</button>
				</div>
			</div>
			<!--Encabezado de la tabla de productoa-->
			<div class="row">
				<table class="table table-hover" style="margin:0px;">
					<thead>
						<tr>
							<th style="width:15%">SKU</th>
							<th style="width:40%">Nombre</th>
							<th style="width:10%">Cant.</th>
							<th style="width:10%">Costo.</th>
							<th style="width:10%">Total.</th>
							<th style="width:5%"></th>
							<th style="width:10%">Quitar</th>
						</tr>
					</thead>
				</table>
			</div>
			<!--Tabla de productos-->
			<div class="row" style="cursor:pointer;">
				<div id="nueva-venta-productos-wrapper">
					<table class="table table-hover table-striped">
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
			<!--Totales-->
			<div class="row" style="margin-top:5px;">
				<div class="col-sm-3">
					<div class="alert alert-info" style="height:30px;padding:5px;" title="Presione la Tecla [F2] para abrir el formulario de busqueda de productos">
						<span style="font-weight:bold;">[ F2 ]</span> Buscar Productos
					</div>
				</div>
				<div class="col-sm-3">
					<div class="alert alert-info" style="height:30px;padding:5px;" title="Presione la Tecla [F3] para agregar o guardar un nuevo Cliente">
						<span style="font-weight:bold;">[ F3 ]</span> Buscar Cliente
					</div>
				</div>
				<div class="col-sm-3">
					<div class="alert alert-info" style="height:30px;padding:5px;" title="Presione la Tecla [F4] para eliminar el producto seleccionado en la lista">
						<span style="font-weight:bold;">[ F4 ]</span> Eliminar Producto
					</div>
				</div>
				<div class="col-sm-3">
					<div class="alert alert-info" style="height:30px;padding:5px;" title="Presione la Tecla [F10] para guardar la Venta">
						<span style="font-weight:bold;">[ F10 ]</span> Guardar Venta
					</div>
				</div>
				<!--<div class="col-sm-3">
					<div class="alert alert-success" style="height:30px;padding:5px;" title="Haga doble click sobre la cantidad del producto en la tabla para editarla">
						<span style="font-weight:bold;">[ Doble Click ]</span> Editar cantidad
					</div>
				</div>-->
			</div>
			<div class="row" style="min-height:200px;">
				<div class="col-sm-8">
					<!--Existencias insuficientes-->
					<div id="nueva-venta-no-existencias-msg" class="alert alert-warning" style="display:none;">
						<i class="fa fa-warning text-warning"></i> Las existencias de algunos productos incluidos en esta venta son insuficientes, por favor verifique.
						<div id="nueva-venta-no-existencias-msg-option" class="text-center" style="display:block"></div>
					</div>
					<!--Contador de items-->
					<h3 class="m-lg transacction-item-counter">Items en la venta: <b>0</b></h3>
					<button type="button" style="display:none;" id="nueva-venta-gran-cliente-btn" class="m-lg btn btn-warning">Reverso Factura</button>
				</div>
				<div class="col-sm-4">
					<table class="table" id="nueva-venta-totales-wrapper" style="margin-bottom:5px;">
						<tbody>
						</tbody>
					</table>
				</div>
				<div class="col-sm-8">
				</div>
				<div class="col-sm-4">
					<table class="table hidden" id="nueva-venta-totales-pedidos-wrapper">
						<tbody>
							<tr>
								<td style="width:70%;">Anticipo</td>
								<td>$</td>
								<td id="nueva-venta-anticipo">0.00</td>
							</tr>
							<tr>
								<td><strong>TOTAL FINAL</strong></td>
								<td>$</td>
								<td id="nueva-venta-total-final">0.00</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!--Ocultos-->
			<div>
				<input type="hidden" id="nueva-venta-perfil-precios" value="0"><!--0 incluye iva,1 mas iva-->
				<input type="hidden" id="credito-venta" value="">
				<input type="hidden" id="ncredito-fecha-limite" value="">
				<input type="hidden" id="ncredito-dias" value="">
				<input type="hidden" id="forma-pago" value="">
				<input type="hidden" id="efectivo-venta" value="">
				<input type="hidden" id="cambio-venta" value="">
				<input type="hidden" id="vendedor-venta" value="">
				<input type="hidden" id="anticipo-venta" value="0.00">
				<input type="hidden" id="nueva-venta-existencias-ok" value="1"> <!--0 insuficientes,1-suficientes,2-insuficientes autorizadas-->
			</div>
			<!--Botones-->
			<div class="form-group" style="margin:0; text-align:center;">
				<button type="button" class="btn btn-danger btn-rounded" onclick="Custombox.close();">Cancelar</button>
				<button type="button" id="guardar-venta-btn" class="btn btn-primary btn-rounded">Guardar [F10]</button>
			</div>
			<!--Modales-->
			<div style="height:0px;overflow:hidden;">
				<!--Retencion info-->
				<div class="inmodal fade" id="nueva-venta-cliente-retencion" tabindex="-1" role="dialog"  aria-hidden="true">
					<div class="modal-dialog modal-sm">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
								<h4 class="">Informacion del cliente y vendedor</h4>
							</div>
							<div class="modal-body">
								<!--Nombre-->
								<div class="form-group">
									<label class="control-label">Nombre Cliente:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-retencion-nombre-cliente" value="">
								</div>
								<!--Cargo-->
								<div class="form-group">
									<label class="control-label">Cargo Cliente:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-retencion-cargo-cliente" value="">
								</div>
								
								<!--Nombre-->
								<div class="form-group">
									<label class="control-label">Nombre Vendedor:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-retencion-nombre-vendedor" value="">
								</div>
								<!--Cargo-->
								<div class="form-group">
									<label class="control-label">DUI Vendedor:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-retencion-dui-vendedor" value="">
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" id="nueva-venta-cliente-retencion-cancel-btn" class="btn btn-white" data-dismiss="modal">Cancelar</button>
								<button type="button" id="nueva-venta-cliente-retencion-guardar-btn" class="btn btn-primary">Aceptar</button>
							</div>
						</div>
					</div>
				</div>
				<!--Cliente info-->
				<div class="inmodal fade" id="nueva-venta-cliente-docs" tabindex="-1" role="dialog"  aria-hidden="true">
					<div class="modal-dialog modal-sm">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
								<h4 class="">Documentos del cliente</h4>
							</div>
							<div class="modal-body">
								<!--DUI-->
								<div class="form-group">
									<label class="control-label">DUI:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-dui" value="">
								</div>
								<!--NIT-->
								<div class="form-group">
									<label class="control-label">NIT:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-nit" value="">
								</div>
								<!--NRC-->
								<div class="form-group">
									<label class="control-label">NRC:</label>
									<input type="text" class="form-control" id="nueva-venta-cliente-nrc" value="">
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" id="nueva-venta-doc-cancel-btn" class="btn btn-white" data-dismiss="modal">Cancelar</button>
								<button type="button" id="nueva-venta-doc-guardar-btn" class="btn btn-primary">Aceptar</button>
							</div>
						</div>
					</div>
				</div>
				<!--Credito info-->
				<div class="inmodal fade" id="nueva-venta-credito" tabindex="-1" role="dialog"  aria-hidden="true">
					<div class="modal-dialog modal-md">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Salir</span></button>
								<h4 class="">Cr&eacute;dito</h4>
							</div>
							<div class="modal-body">
								<h4>Seleccione un destino para esta venta al cr&eacute;dito:</h4>
								<!--Opciones para credito-->
								<div class="form-group">
									<div class="col-md-6">
										<div class="radio i-checks crediaccion"><label> <input type="radio" id="crediaccion-nuevo" value="0" name="crediaccion" data-display="#credito-fecha-limite-wrapper" checked> <i></i> Registrar un nuevo cr&eacute;dito</label></div>
									</div>
									<div class="col-md-6">
										<div class="radio i-checks crediaccion"><label> <input type="radio" id="crediaccion-cargar" value="1" name="crediaccion" data-display="#creditos-cliente-list"> <i></i> Cargar un cr&eacute;dito existente </label></div>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row">
									<div class="m-l-md m-r-md" id="creditos-cliente-select-list-wrapper" style="height:200px;overflow:hidden;background-color:#FFFFFF;">
										<!--Registrar nuevo credito-->
										<div class="m-lg" id="credito-fecha-limite-wrapper">
												<div id="credito-dias-credito">
													<label class="font-noraml">Dias de credito: </label>&nbsp;&nbsp;<br>
													<label><input type="radio" name="diascred" value="15"> 15 d&iacute;as.</label>&nbsp;&nbsp;&nbsp;
													<label><input type="radio" name="diascred" value="30" checked="checked"> 30 d&iacute;as.</label>&nbsp;&nbsp;&nbsp;
													<label><input type="radio" name="diascred" value="45"> 45 d&iacute;as.</label>&nbsp;&nbsp;&nbsp;
													<label><input type="radio" name="diascred" value="60"> 60 d&iacute;as.</label>&nbsp;&nbsp;&nbsp;
													<label><input type="radio" name="diascred" value="75">75 d&iacute;as.</label>&nbsp;&nbsp;&nbsp;
													<label><input type="radio" name="diascred" value="90">90 d&iacute;as.</label>&nbsp;&nbsp;&nbsp;
												</div>
											<label class="font-noraml">Fecha limite de pago</label>
											<div class="input-group date">
												<span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" class="form-control" id="credito-fecha-limite" readonly>
											</div>
											<span class="help-block m-b-none" style="display:none; color:#ED5565;">Por favor seleccione una fecha v&aacute;lida</span>
										</div>
										<!--Seleccionar credito existente-->
										<div class="table-responsive" style="display:none;" id="creditos-cliente-list"></div>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" id="nueva-venta-credito-cancel-btn" class="btn btn-white" data-dismiss="modal">Cancelar</button>
								<button type="button" id="nueva-venta-credito-guardar-btn" class="btn btn-primary">Aceptar</button>
							</div>
						</div>
					</div>
				</div>
				<!--Forma de pago info-->
				<div class="inmodal fade" id="nueva-venta-forma-pago" tabindex="-1" role="dialog"  aria-hidden="true">
					<div class="modal-dialog modal-sm">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
								<h4 class="">Forma de pago</h4>
							</div>
							<div class="modal-body">
								<h1 class="text-center" style="font-size:48px" id="nueva-venta-forma-pago-total"></h1>
								<h3 class="text-muted text-center">Total</h3>
								<div class="form-group">
									<label class="control-label">Forma de pago:</label>
									<select class="form-control" id="nueva-venta-forma-pago-select">
										<option value="1">Efectivo</option>
										<option value="2">Cheque</option>
										<option value="3">Pos</option>
									</select>
								</div>
								<div id="nueva-venta-efectivo-frame">
									<div class="form-group">
										<label class="control-label">Efectivo:</label>
										<input type="text" class="form-control input-lg" id="nueva-venta-forma-pago-efectivo" style="font-size:32px;">
									</div>
									<div class="form-group">
										<label class="control-label">Cambio:</label>
										<input type="text" class="form-control input-lg" readonly id="nueva-venta-forma-pago-cambio" style="font-size:32px;">
									</div>
								</div>
								<div id="nueva-venta-impresion-frame">
									<div class="form-group">
										<label class="control-label">Impresi&oacute;n:</label>
										<select class="form-control input-lg" id="nueva-venta-impresion">
											<option value="0" selected>Ticket del cliente y auditoria</option>
											<option value="2">Solo cinta de auditoria</option>
										</select>
									</div>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" id="nueva-venta-fpago-cancel-btn" class="btn btn-white" data-dismiss="modal">Cancelar</button>
								<button type="button" id="nueva-venta-fpago-guardar-btn" class="btn btn-primary">Aceptar</button>
							</div>
						</div>
					</div>
				</div>
				<!--Confirmar-->
				<div class="inmodal fade" id="nueva-venta-confirmar" tabindex="-1" role="dialog"  aria-hidden="true">
					<div class="modal-dialog modal-sm">
						<div class="modal-content">
							<div class="modal-header">
								<h4 class="">Confirmar venta</h4>
							</div>
							<div class="modal-body">
								<h1 class="text-center"  id="nueva-venta-procesar-status-icon"><i class="fa fa-question-circle fa-5x" style="color:#23C6C8;"></i></h1>
								<h3 class="text-muted text-center" id="nueva-venta-procesar-status-text">¿Desea guardar esta venta?</h3>
								<div style='margin:20px'>
									<table class='table'>
										<tr>
											<td><h3 style='line-height:normal;font-weight:normal;margin:0px;'>Total</h3></td>
											<td><h3 style='line-height:normal;font-weight:normal;margin:0px;'>$</h3></td>
											<td><h3 style='line-height:normal;font-weight:normal;margin:0px; text-align:right;' id="nueva-venta-confirm-total"></h3></td>
										</tr>
										<tr class='nueva-venta-confirm-efectivo-table'>
											<td><h3 style='line-height:normal;font-weight:normal;margin:0px;'>Efectivo</h3></td>
											<td><h3 style='line-height:normal;font-weight:normal;margin:0px;' >$</h3></td>
											<td><h3 style='line-height:normal;font-weight:normal;margin:0px;text-align:right;' id="nueva-venta-confirm-efectivo"></h3></td>
										</tr>
										<tr class='nueva-venta-confirm-efectivo-table'>
											<td><h2 style='line-height:normal;margin:0px;'>Cambio</h2></td>
											<td><h2 style='line-height:normal;margin:0px;'>$</h2></td>
											<td><h2 style='line-height:normal;margin:0px;text-align:right;' id="nueva-venta-confirm-cambio"></h2></td>
										</tr>
									</table>
								</div>
							</div>
							<div class="modal-footer" id="nueva-venta-confirmar-buttons">
								<button type="button" id="nueva-venta-cancelar-guardar-btn" class="btn btn-white" data-dismiss="modal">Cancelar</button>
								<button type="button" id="nueva-venta-confirmar-guardar-btn" class="btn btn-primary">Guardar venta</button>
								<button type='button' style="display:none" id='nueva-venta-confirmar-salir-btn' class='btn btn-danger'>Salir</button>
								<button type='button' style="display:none" id='nueva-venta-reset-btn' class='btn btn-primary'>Nueva Venta</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
$(function(){
	var transacciones_facturacion_app=new Transacciones_facturacion_app();
	transacciones_facturacion_app.initializeEnviroment("<?php echo base_url();?>","<?php echo $windowid;?>","<?php echo $caja;?>");
	<?php if(isset($load_info)):?>
	transacciones_facturacion_app.setDefaults({venta_doc:3,venta_seriedoc:"auto",venta_numdoc:"auto"},false,$("#<?php echo $windowid;?> #nueva-venta-cargar-text"));
	transacciones_facturacion_app.fillForm(<?php echo json_encode($load_info);?>,<?php echo json_encode($load_productos);?>,$("#<?php echo $windowid;?> #guardar-venta-btn"));
	<?php else:?>
	transacciones_facturacion_app.setDefaults({venta_doc:3,venta_seriedoc:"auto",venta_numdoc:"auto"},true,$("#<?php echo $windowid;?> #nueva-venta-producto-sku"));
	<?php endif;?>})
</script>