<style>
	.cursor-pointer{
		cursor:pointer;
	}
</style>
<div class="row">
		<div class="panel blank-panel">
			<div class="panel-body">
			
				<div class="form-group">
					<label class="control-label col-sm-1">Cliente:</label>
					<div class="col-sm-6">
						<select id="nueva-cotizacion-cliente"class="form-control">
							<option disabled selected>Seleccione uno...</option>
							<?php if(count($clientes)>0):
								foreach($clientes as $cliente):?>
								<option value="<?php echo $cliente->id_cliente;?>" data-type="<?php echo $cliente->clasificacion_cliente;?>" <?php if(isset($cotizacion)):if($cliente->id_cliente==$cotizacion->cliente_id):?>selected<?php endif;endif;?>><?php echo $cliente->nombre_cliente." - ".$cliente->razonsocial_cliente;?></option>
							<?php endforeach;endif;?>
						</select>
					</div>
					<div class="col-sm-4">
						<label class="control-label col-sm-2">Fecha:</label>
						<div class="col-sm-10" id="nueva-cotizacion-fecha-wrapper">
							<div class="input-group date">
								<span class="input-group-addon"><i class="fa fa-calendar"></i></span><input type="text" class="form-control" id="nueva-cotizacion-fecha" value="<?php echo gmdate('Y-m-d', strtotime('- 6 hours'))?>" readonly>
							</div>
						</div>
					</div>
				</div>
			
				<div class="form-group" id="nueva-cotizacion-producto-info">
					<div class="col-sm-2">
						<label>SKU</label>
						<div class="input-group">
							<input type="text" id="nueva-cotizacion-producto-sku" class="form-control frame-control frame-producto-sku">
							<input type="hidden" id="nueva-cotizacion-producto-id" class="frame-control frame-producto-id">
							<input type="hidden" id="nueva-cotizacion-producto-tipoventa" class="frame-control frame-producto-tipoventa">
							<input type="hidden" id="nueva-cotizacion-presentacion-id" class="frame-control frame-presentacion-id">
							<input type="hidden" id="nueva-cotizacion-unidades-representativas" class="frame-control frame-unidades-representativas">
							<input type="hidden" id="nueva-cotizacion-producto-existencias" class="frame-control frame-producto-existencias">
							<span class="input-group-btn">
								<button type="button" class="btn btn-primary" id="cotizacion-buscar-producto-btn"><i class="fa fa-search"></i></button>
							</span>
						</div>
					</div>
					<div class="col-sm-4">
						<label>Descripci&oacute;n</label>
						<input type="text" id="nueva-cotizacion-producto-desc" class="form-control  frame-control frame-producto-desc" readonly>
					</div>
					<div class="col-sm-2">
						<label>Cantidad</label>
						<input type="number" id="nueva-cotizacion-producto-cant" min="1" class="form-control frame-control frame-producto-cant" data-valid-type="number">
					</div>
					<div class="col-sm-2">
						<label>Precio</label><small class="frame-producto-price-indicator"></small>
						<div class="input-group date">
							<span 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-cotizacion-producto-costo" data-active-price='0' class="form-control frame-control frame-producto-precio" data-valid-type="number">
							<span 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-cotizacion-producto-precios" class="frame-control frame-producto-precios">
						
					</div>
					<div class="col-sm-2">
						<button type="button" id="nueva-cotizacion-producto-agregar" class="btn btn-info btn-md m-t-md frame-producto-add-btn">Agregar</button>
					</div>
				</div>
				<!--table header-->
				<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 body-->
				<div class="row">
					<div id="nueva-cotizacion-productos-wrapper">
						<table class="table table-hover">
							<tbody>
							<?php if(isset($cotizacion)):?>
									<?php foreach($productos as $producto):?>
										<tr data-id="<?php echo $producto->id;?>" data-pre="<?php echo $producto->id_pre;?>" data-uequiv="<?php echo $producto->uequiv;?>">
											<td class="table-sku" data-value="<?php echo $producto->sku;?>"><?php echo $producto->sku;?></td>
											<td class="table-desc" data-value="<?php echo $producto->nombre;?>"><?php echo $producto->nombre;?></td>
											<td class="table-cant" data-value="<?php echo $producto->cant;?>"><?php echo $producto->cant;?></td>
											<td class="table-precio" data-value="<?php echo $producto->precio;?>"><?php echo $producto->precio;?></td>
											<td class="table-total" data-value="<?php echo $producto->cant*$producto->precio;?>"><?php echo $producto->cant*$producto->precio;?></td>
											<td class="table-tipoventa" data-value="<?php echo $producto->tipo;?>"><?php switch($producto->tipo){case 0: echo 'G';break;case 1:echo 'E';break;case 2:echo 'NS';break;case 3:echo 'E';break;}?></td>
											<td class="table-del"><button type="button" class="btn btn-danger btn-xs btn-rounded"><i class="fa fa-times"></i></button></td>
										</tr>
									<?php endforeach;?>
							<?php endif;?>
							</tbody>
						</table>
					</div>
				</div>
				<!--totales-->
				<div class="row">
					<div class="col-sm-8" style="height:125px;">
						<div class="row">
							<div class="col-sm-12">
								<div class="form-group m-t-sm">
									<label class="control-label col-sm-2">Notas de la cotizaci&oacute;n</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="nueva-cotizacion-notas" value="<?php if(isset($cotizacion)): echo $cotizacion->cotizacion_notas; endif;?>">
									</div>
								</div>
							</div>
							<div class="col-sm-9">
								<div class="form-group m-t-sm">
									<label class="control-label col-sm-2">Firmante:</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="nueva-cotizacion-firmante" value="<?php if(isset($cotizacion)): echo $cotizacion->cotizacion_firma; else: echo $firmante; endif?>">
									</div>
								</div>
							</div>
							<div class="col-sm-3">
								<button style="margin-top:10px;" type="button" id="nueva-cotizacion-configs" class="btn btn-block btn-warning btn-md m-t-md">Detalles</button>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<table class="table" id="nueva-cotizaciones-totales-wrapper">
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
				
				<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="submit" id="guardar-compra-btn" class="btn btn-primary btn-rounded" onclick="cotizaciones.guardar(event,'<?php echo (isset($cotizacion)?"update":"save");?>','<?php echo (isset($cotizacion)?$cotizacion->id_transaccion:"");?>')" >Guardar cotizaci&oacute;n</button>
				</div>
				<!--modales-->
				<div>
					<!--Confirmar-->
					<div class="modal inmodal fade" id="nueva-cotizacion-configs-modal" tabindex="-1" role="dialog"  aria-hidden="true">
						<div class="modal-dialog modal-lg">
							<div class="modal-content">
								<div class="modal-header">
									<h4 class="">Detalles en Cotizacion</h4>
									<?php if(isset($cotizacion)):$detalles_cotizacion = $detalles['detalles'];endif;?>
								</div>
								<div class="modal-body">
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-preciosconiva" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['preciosconiva'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"checked";?>> Precios con IVA</label>
											</p>
										</div>
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-precioscontrans" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['precioscontrans'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"checked";?>> Precios con Transporte</label>
											</p>
										</div>
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-firmacliente" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['firmacliente'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"checked";?>> Firma Cliente</label>
											</p>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-chequebool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['chequebool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"";?>> Cheque a nombre de</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-chequetext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['chequebool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['chequetext']:$detalles_cotizacion['chequetext']):"Autovidrio JR";?>">
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-validezbool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['validezbool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"checked";?>> Validez de la Oferta</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-valideztext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['validezbool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['valideztext']:$detalles_cotizacion['valideztext']):"15 dias";?>">
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-formapagobool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['formapagobool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"checked";?>> Forma de Pago</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-formapagotext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['formapagobool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['formapagotext']:$detalles_cotizacion['formapagotext']):"Contado";?>">
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-periodobool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['periodobool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"";?>> Periodo de Entrega</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-periodotext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['periodobool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['periodotext']:$detalles_cotizacion['periodotext']):"";?>">
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-observacionesbool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['observacionesbool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"";?>> Observaciones</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-observacionestext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['observacionesbool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['observacionestext']:$detalles_cotizacion['observacionestext']):"";?>">
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-garantiabool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['garantiabool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"";?>> Garantia</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-garantiatext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['garantiabool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['garantiatext']:$detalles_cotizacion['garantiatext']):"";?>">
										</div>
									</div>
									<div class="row">
										<div class="col-sm-4">
											<p>
												<label class="cursor-pointer"> <input type="checkbox" class="i-checks" id="nueva-cotizacion-fletebool" <?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['fletebool'], FILTER_VALIDATE_BOOLEAN))?"checked":""):"";?>> Flete</label>
											</p>
										</div>
										<div class="col-sm-8">
											<input type="text" class="form-control" id="nueva-cotizacion-fletetext" value="<?php echo (isset($cotizacion))?((filter_var($detalles_cotizacion['fletebool'], FILTER_VALIDATE_BOOLEAN))?$detalles_cotizacion['fletetext']:$detalles_cotizacion['fletetext']):"";?>">
										</div>
									</div>
								</div>
								<div class="modal-footer" id="nueva-cotizacion-confirmar-buttons" style="text-align:center;">
									<button type="button" id="" class="btn btn-primary" data-dismiss="modal">Aceptar</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
</div>
<script>
	var toolsCotizaciones = new Transaccionestools('<?php echo base_url();?>');
	toolsCotizaciones.setProductFrame($("#nueva-cotizacion-producto-info"));
	toolsCotizaciones.setProductTable($("#nueva-cotizacion-productos-wrapper > table"));
	toolsCotizaciones.setTotalTable($("#nueva-cotizaciones-totales-wrapper"));
	toolsCotizaciones.SetTotalsProfile('grabadas,nosujetas,exentas,total','grabadas|+|nosujetas|+|exentas',true);
	
	$('.i-checks').iCheck({
		checkboxClass: 'icheckbox_square-green',
		radioClass: 'iradio_square-green',
	});
	
	$("#nueva-cotizacion-configs").on("click",function(){
		$("#nueva-cotizacion-configs-modal").modal({backdrop: 'static', keyboard: false});
		$("#nueva-cotizacion-configs-modal").modal("show"); 
	});
	
	$("#nueva-cotizacion-cliente").chosen({
		no_results_text: "No se encontro ningun resultado",
		allow_single_deselect: true
	}).change(function(){
		var type=$("#nueva-cotizacion-cliente option:selected").attr("data-type");
		if(type==4){
			toolsCotizaciones.SetTotalsProfile('grabadas,nosujetas,exentas,total','grabadas|+|nosujetas|+|exentas',true);
			toolsCotizaciones.updateTable('.table-precio@operation:.table-precio|/|1.13@.table-tipoventa:data-value|=|0,.table-tipoventa@replacewtrans:3@.table-tipoventa:data-value|=|0,.table-total@operation:.table-precio|*|.table-cant',true);
		}else if(type==3){
			toolsCotizaciones.SetTotalsProfile('grabadas,retencionFac,nosujetas,exentas,total','grabadas|-|retencionFac|+|nosujetas|+|exentas',true);
			toolsCotizaciones.updateTable('.table-precio@operation:.table-precio|*|0.13|+|.table-precio@.table-tipoventa:data-value|=|3,.table-tipoventa@replacewtrans:0@.table-tipoventa:data-value|=|3,.table-total@operation:.table-precio|*|.table-cant',true);
		}else{
			toolsCotizaciones.SetTotalsProfile('grabadas,nosujetas,exentas,total','grabadas|+|nosujetas|+|exentas',true);
			toolsCotizaciones.updateTable('.table-precio@operation:.table-precio|*|0.13|+|.table-precio@.table-tipoventa:data-value|=|3,.table-tipoventa@replacewtrans:0@.table-tipoventa:data-value|=|3,.table-total@operation:.table-precio|*|.table-cant',true);
		}
	});
	
	$('#nueva-cotizacion-productos-wrapper').slimScroll({
		height: '200px'
	});
	$("#nueva-cotizacion-producto-sku").keypress(function(e) {
		if(e.which == 13) {
			e.preventDefault();
			/* toolsCotizaciones.getProductInfoBySKU('productos.tipo_venta,desc_producto,precio1_producto,precio2_producto,precio3_producto',$(this).val(),$("#nueva-cotizacion-producto-cant")); */
			/* toolsCotizaciones.getProductInfoBySKU('productos.tipo_venta,presentaciones.desc_presentacion',$(this).val(),$("#nueva-cotizacion-producto-cant")); */
			toolsCotizaciones.getProductInfoBySKU('tipo_venta,descripcion,precios,unidades,existencias',$(this).val(),$("#nueva-cotizacion-producto-cant"));
		}
	});
	$("#nueva-cotizacion-producto-agregar").click(function(e){
		var clienteType=$("#nueva-cotizacion-cliente option:selected").attr("data-type");
		if(clienteType==4 && $("#nueva-cotizacion-producto-tipoventa").val()=='0'){
			$("#nueva-cotizacion-producto-tipoventa").val("3");
			toolsCotizaciones.addProductToTable('data:.frame-producto-id@data-id,data:.frame-presentacion-id@data-pre,data:.frame-unidades-representativas@data-uequiv,field:.frame-producto-sku@table-sku,field:.frame-producto-desc@table-desc,field:.frame-producto-cant@table-cant,operation:.frame-producto-precio|/|1.13@table-precio,operation:|(|.frame-producto-precio|/|1.13|)||*|.frame-producto-cant@table-total,translation:.frame-producto-tipoventa@table-tipoventa,command:remove@table-del');			
		}else{
			toolsCotizaciones.addProductToTable('data:.frame-producto-id@data-id,data:.frame-presentacion-id@data-pre,data:.frame-unidades-representativas@data-uequiv,field:.frame-producto-sku@table-sku,field:.frame-producto-desc@table-desc,field:.frame-producto-cant@table-cant,field:.frame-producto-precio@table-precio,operation:.frame-producto-cant|*|.frame-producto-precio@table-total,translation:.frame-producto-tipoventa@table-tipoventa,command:remove@table-del');
		}
		
});
	$('#nueva-cotizacion-fecha-wrapper .input-group.date').datepicker({
		language:'es',
		autoclose:true,
		format:'yyyy-mm-dd'
	});
	$(".price-navigation-btn").click(function(){
		toolsCotizaciones.pricesNavigation($(this).attr('data-role'));
	});
	$("#nueva-cotizacion-productos-wrapper").on('click','table tr td.table-del',function(){
		var tr = $(this).closest('tr');
		toolsCotizaciones.removeProductToTable($(tr));
	});
	
	$("#cotizacion-buscar-producto-btn").click(function(e){
		Custombox.open({
            target:"<?php echo base_url("productos/buscarproductos");?>?field=nueva-cotizacion-producto-sku&enter=true",
            effect: 'fadein'
        });
        e.preventDefault();
	});
</script>