<div id="<?php $winId = date('YmdHis'); echo $winId;?>">
	<div class="tabs-container">
		<ul class="nav nav-tabs">
			<li class="active">
				<a id="nueva-compra-compra-tab" href="#nueva-compra-compra-wrapper" data-toggle="<?php if(isset($entrada)):?>tab<?php else:?>no-tab<?php endif;?>">Compra</a>
			</li>
			<li>
				<a id="nueva-compra-precios-tab"  href="#nueva-compra-precios-wrapper" data-toggle="no-tab">Precios</a>
			</li>
		</ul>
		<div class="tab-content">
			<!--Producto no encontrado hack-->
			<div style="width:0; height:0; overflow:hidden;">
				<input type="text" id="nueva-compra-nuevo-prod-txt" tabindex="9999999999" readonly="readonly">
			</div>
			<!--Compra info-->
			<div id="nueva-compra-compra-wrapper" class="tab-pane active">
				<div class="panel-body">
					<div class="form-group">
						<!--Proveedor-->
						<div class="col-sm-4">
							<label for="">Proveedor:</label>
							<select id="nueva-compra-proveedor" class="form-control" <?php if(isset($entrada)) echo 'disabled';?>>
								<?php if(isset($entrada)):?>
								<option selected data-type="<?php echo $compra->clasificacion;?>"><?php echo $compra->nproveedor.' - '.$compra->rproveedor;?></option>
								<?php else:?>
								<option value="" disabled selected>Seleccione uno...</option>
								<?php if(count($proveedores)>0):
									foreach($proveedores as $proveedor):?>
									<option value="<?php echo $proveedor->id_proveedor;?>" data-type="<?php echo $proveedor->clasificacion_proveedor?>"><?php echo $proveedor->nombre_proveedor." - ".$proveedor->razonsocial_proveedor;?></option>
								<?php endforeach;endif;?>
								<?php endif;?>
							</select>
						</div>
						<!--Condicion-->
						<div class="col-sm-2">
							<label class="control-label">Condici&oacute;n:</label>
							<select class="form-control" id="nueva-compra-condicion" <?php if(isset($entrada)) echo 'disabled';?> disabled="disabled">
								<option value="0" <?php if(isset($entrada)&&$compra->condicion==0) echo 'selected';?>>Contado</option>
								<option value="1" <?php if(isset($entrada)&&$compra->condicion==1) echo 'selected';?>>Credito</option>
							</select>
						</div>
						<!--Documento-->
						<div class="col-sm-2">
							<label class="control-label">Documento:</label>
							<select class="form-control" id="nueva-compra-documento" <?php if(isset($entrada)) echo 'disabled';?>>
								<option value="0" <?php if(isset($entrada)&&$compra->doc==0) echo 'selected';?>>Comprobante de cr&eacute;dito fiscal</option>
								<option value="1" <?php if(isset($entrada)&&$compra->doc==1) echo 'selected';?>>Factura</option>
								<option value="4" <?php if(isset($entrada)&&$compra->doc==4) echo 'selected';?>>Nota de cr&eacute;dito</option>
							</select>
						</div>
						<div class="col-sm-2">
							<label>&nbsp;</label>
							<input type="text" class="form-control" placeholder="Numero"  id="nueva-compra-documento-numero" <?php if(isset($entrada)) echo 'disabled';?> value="<?php if(isset($entrada)) echo $compra->num;?>">
						</div>
						<!--Fecha-->
						<div class="col-sm-2">
							<label class="control-label">Fecha:</label>
							<div class="input-group">
								<span class="input-group-addon">
									<i class="fa fa-calendar"></i>
								</span>
								<input type="text" class="form-control" id="nueva-compra-fecha" readonly="true" value="<?php echo (isset($entrada) ? $compra->fecha : date('d-m-Y', strtotime('2022-01-02')));?>">
							</div>
						</div>
					</div>
				</div>
				<!--Producto info-->
				<div id="nueva-compra-productos-wrapper">
					<?php if(!isset($entrada)):?>
					<div class="row" id="nueva-compra-producto-info">
						<!--sku-->
						<div class="col-sm-3">
							<label>SKU</label>
							<div class="input-group">
								<input type="text" id="nueva-compra-producto-sku" class="form-control frame-control frame-producto-sku">
								<input type="hidden" id="nueva-compra-producto-id" class="frame-control frame-producto-id">
								<input type="hidden" id="nueva-compra-presentacion-id" class="frame-control frame-presentacion-id">
								<input type="hidden" id="nueva-compra-unidades-representativas" class="frame-control frame-unidades-representativas">
								<input type="hidden" id="nueva-compra-producto-tipoventa" class="frame-control frame-producto-tipoventa">
								<input type="hidden" id="nueva-compra-producto-precios" class="frame-control frame-producto-precios">
								<span class="input-group-btn">
									<button type="button" id="compras-buscar-producto-btn" class="btn btn-primary" title="Buscar producto"><i class="fa fa-search"></i></button>
									<button type="button" id="compras-agregar-producto-btn" class="btn btn-info" title="Agregar producto"><i class="fa fa-plus"></i></button>
								</span>
							</div>
						</div>
						<!--descripcion-->
						<div class="col-sm-4">
							<label>Descripci&oacute;n</label>
							<input type="text" id="nueva-compra-producto-desc" class="form-control  frame-control frame-producto-desc" readonly>
						</div>
						<!--Cantidad-->
						<div class="col-sm-1" style="padding: 0 5px;">
							<label>Cantidad</label>
							<input type="number" id="nueva-compra-producto-cant" min="1" class="form-control frame-control frame-producto-cant" data-valid-type="number">
						</div>
						<!--Costo-->
						<div class="col-sm-2">
							<label>Costo</label>
							<input type="text" id="nueva-compra-producto-costo" class="form-control frame-control frame-producto-costo frame-producto-costo-ultimo" data-valid-type="number">
						</div>
						<!--Agregar-->
						<div class="col-sm-2">
							<button type="button" id="nueva-compra-producto-agregar" class="btn btn-info btn-md m-t-md frame-producto-add-btn">Agregar</button>
						</div>
					</div>
					<?php endif;?>
					<!--table header-->
					<div>
						<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 id="nueva-entrada-compra-productos-wrapper" style="height:150px;overflow-y:scroll;">
						<table class="table table-hover">
							<tbody>
								<?php if(isset($entrada)):if(count($productos)>0):foreach($productos as $producto):?>
									<tr>
										<td class='table-sku' data-value='<?php echo $producto->sku;?>'><?php echo $producto->sku;?></td>
										<td class='table-desc' data-value='<?php echo $producto->desc;?>'><?php echo $producto->desc;?></td>
										<td class='table-cant' data-value='<?php echo $producto->cant;?>'><?php echo $producto->cant;?></td>
										<td class='table-costo' data-value='<?php echo $producto->costo;?>'><?php echo $producto->costo;?></td>
										<td class='table-total' data-value='<?php echo $producto->cant*$producto->costo;?>'><?php echo $producto->cant*$producto->costo;?></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;}?></td>
										<td class='table-del'></td>
									</tr>
								<?php endforeach;endif;endif;?>
							</tbody>
						</table>
					</div>
					<!--totales-->
					<div class="row">
						<div class="col-sm-8">
							<?php if(!isset($entrada)): ?>
							<!--Etiquetas informaticas-->
							<div class="row">
								<div class="col-sm-4">
									<div class="alert alert-info m-sm">
										<b>[F2]</b> Buscar producto
									</div>
								</div>
								<div class="col-sm-4">
									<div class="alert alert-info m-sm">
										<b>[F10]</b> Guardar compra
									</div>
								</div>
							</div>
							<?php endif;?>
							<h3 class="m-lg transacction-item-counter">Items en la compra: <b>0</b></h3>
						</div>
						<div class="col-sm-4">
							<table class="table" id="nueva-entrada-compra-totales-wrapper">
								<tbody>
								
								</tbody>
							</table>
						</div>
					</div>
					<!--Hiddens-->
					<div>
						<input type="hidden" id="credito-compra" value="">
						<input type="hidden" id="ncredito-fecha-limite" value="">
					</div>
					<!--Botones-->
					<?php if(!isset($entrada)):?>
					<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="entradas.validarEntradaCompra(event);" >Guardar compra</button>-->
						<button type="button" id="nueva-compra-productos-guardar-btn" class="btn btn-primary btn-rounded">Guardar</button>
					</div>
					<?php endif;?>
				</div>
			</div>
			<!--Precios-->
			<div id="nueva-compra-precios-wrapper" class="tab-pane">
				<div class="m-lg">
					<div class="sk-spinner sk-spinner-fading-circle">
						<div class="sk-circle1 sk-circle"></div>
						<div class="sk-circle2 sk-circle"></div>
						<div class="sk-circle3 sk-circle"></div>
						<div class="sk-circle4 sk-circle"></div>
						<div class="sk-circle5 sk-circle"></div>
						<div class="sk-circle6 sk-circle"></div>
						<div class="sk-circle7 sk-circle"></div>
						<div class="sk-circle8 sk-circle"></div>
						<div class="sk-circle9 sk-circle"></div>
						<div class="sk-circle10 sk-circle"></div>
						<div class="sk-circle11 sk-circle"></div>
						<div class="sk-circle12 sk-circle"></div>
					</div>
					<small style="display:block;text-align:center;">Cargando...</small>
				</div>
			</div>
		</div>
	</div>
	<!--Modales-->
	<div style="height:0px;overflow:hidden;">
		<!--Nuevo producto-->	
		<div class="modal fade" id="nueva-compra-nproducto-modal" tabindex="-1" role="dialog"  aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<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="">SKU no registrado</h4>
					</div>
					<div class="modal-body">
						<!--Mensaje-->
						<div class="alert alert-info" id="compra-nprod-msg">
							<strong>El SKU ingresado no existe</strong>, Complete el formulario para crear el producto o haga clic en cancelar para salir.
						</div>
						<div class="text-center">
							<h3><b>Crear producto</b></h3>
						</div>
						<!--Formulario-->
						<form autocomplete="off" class="form-horizontal" name='productoForm' id='compra-nuevo-producto-form' method='post' action='<?php echo base_url('productos/guardar_producto');?>' >
							<!--INFORMACION GENERAL-->
							<div class="form-group">
								<input type='hidden' name='sku_auto' id='compra-nprod-sku_auto' value='0'>
								<!--sku/ref-->
								<div class="col-sm-3" style="padding-right:0px;">
									<label class="control-label">SKU<i class="required-mark">*</i></label>
									<input type="text" class="form-control" id="compra-nprod-sku_producto" name="prodsku" style="text-transform: uppercase;" required>
								</div>
								<div class="col-sm-1" style="padding-left:0px;">
									<label class="control-label" style="color:#FFF;">.</label><br>
									<button type="button" class="btn btn-info" id="compra-nprod-colocar-sku-auto" data-func="set" title="Asigna un sku automatico">Asignar</button>
								</div>
								<!--Descripcion-->
								<div class="col-sm-6">
									<label class="control-label">Descripci&oacute;n<i class="required-mark">*</i></label>
									<input type="text" class="form-control" id="compra-nprod-desc_producto" name="proddesc" style="text-transform: uppercase;" value='' required>
								</div>
								<!--Unidad de medida-->
								<div class="col-sm-2">
									<label class="control-label">Unidad medida<i class="required-mark">*</i></label>
									<input type="text" class="form-control" id="compra-nprod-umedida_producto" name="produmedida" style="text-transform: uppercase;" value='' required>
								</div>
								<!--Verificacion de sku-->
								<div>
									<div class="col-md-12">
										<span id="compra-nprod-sku-msg" class="help-block m-b-none productExist text-danger" style=""></span>
									</div>
								</div>
							</div>
							<!--LINEA-->
							<div class="form-group">
								<!--Grupo-->
								<div class="col-sm-6">
									<label class="control-label">Grupo:</label>
									<select id="compra-nprod-grupo_producto" data-placeholder="Seleccione un grupo..."  class="chosen-select" style="width:260px;">
										<option value=""></option>
										<?php if(isset($grupos)):foreach($grupos as $grupo):?>
										<option value='<?php echo $grupo->id_grupo;?>' <?php echo (isset($producto[0]->id_grupo) && $producto[0]->id_grupo==$grupo->id_grupo?"selected":"");?>><?php echo $grupo->nombre_grupo;?></option>
										<?php endforeach;endif;?>
									</select>
								</div>
								<!--Subgrupo-->
								<div class="col-sm-6">
									<label class="control-label">Sub grupo:</label>
									<select id="compra-nprod-subgrupo_producto" data-placeholder="Seleccione un grupo..." class="chosen-select" style="width: 260px;"></select>
								</div>
							</div>
							<!--PRECIOS-->
							<div class="form-group">
								<!--Precio 1-->
								<div class="col-md-4">
									<label class="control-label">Precio 1: <i class="required-mark">*</i></label>
									<div class="input-group">
										<span class="input-group-addon">$</span>
										<input type="number" min="0.00" step="0.0001" class="form-control" id="compra-nprod-precio1_producto" name="prodprec1" required>
									</div>
								</div>
								<!--Precio 2-->
								<div class="col-md-4">
									<label class="control-label">Precio 2:</label>
									<div class="input-group">
										<span class="input-group-addon">$</span>
										<input type="number" min="0.00" step="0.0001" class="form-control" id="compra-nprod-precio2_producto" name="prodprec2">
									</div>
								</div>
								<!--Precio 3-->
								<div class="col-md-4">
									<label class="control-label">Precio 3:</label>
									<div class="input-group">
										<span class="input-group-addon">$</span>
										<input type="number" min="0.00" step="0.0001" class="form-control" id="compra-nprod-precio3_producto" name="prodprec3">
									</div>
								</div>
							</div>
							<div class="hr-line-dashed"></div>
							<!--BOTONES-->
							<div class="form-group text-center">
								<button type="button"  class="btn btn-danger btn-rounded" id="compra-nprod-cancelar-btn"><i class="fa fa-times-circle-o"></i> Cancelar</button>
								<button type="button"  class="btn btn-primary btn-rounded" id="compra-nprod-guardar-btn"><i class="fa fa-check-square-o"></i> Guardar</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
	$(document).ready(function(){
		 let entradas_nueva_compra_view = new Entradas_nueva_compra_view('<?php echo base_url();?>', '<?php echo $winId;?>');
	});
</script>