<form id="formVenta" class="form-venta" action="/ventas/save" method="post">
	<input type="hidden" name="id" id="idVenta" class="input-id" value="0" />
	<input type="hidden" name="id_canal" class="input-id-canal">
	<input type="hidden" name="acumular_puntos" class="input-acumular-puntos" value="0">
	<input type="hidden" name="puntos" class="input-puntos" value="0">
	<div id="headerVenta" class="row">
		
		<div class="col-12 col-md-6 card-container show-presencial show-ml show-nc">
			<div class="row form-card">
				<label class="label-form-card">Cliente</label>
				<div class="col-12 col-sm-6 form-group show-presencial show-nc">
					<input type="hidden" name="id_cliente" class="input-id-cliente">
					<label>Email</label>
					<input type="text" name="email" class="form-control input-email" autocomplete="off">
				</div>

				<div class="col-6 col-sm-3 form-group show-presencial show-ml show-nc">
					<label class="ps-cliente">Nombre</label>
					<input type="text" name="cliente" class="form-control input-cliente" autocomplete="off">
				</div>

				<div class="col-6 col-sm-3 form-group hide-online div-apellidos">
					<label class="ps-cliente">Apellidos</label>
					<input type="text" name="apellidos" class="form-control input-apellidos" autocomplete="off">
				</div>

				<div class="col-6 col-sm-3 form-group show-presencial div-ps-id-cliente">
					<label class="ps-id-cliente tt" title="Id del cliente en PS">Id Ps</label>
					<input type="text" name="ps_id_cliente" class="form-control input-ps-id-cliente" readonly="readonly">
				</div>

				<div class="col-6 col-lg-6 form-group hide-online div-crea-cliente">
					<input type="hidden" name="crea_cliente" class="input-crea-cliente" value="0">
					<input type="checkbox" name="crea_cliente" id="crea-cliente" class="big-check check-crea-cliente" value="1">
					<label for="crea-cliente" class="col-form-label label-check">Crea Cliente en Prestashop</label>
				</div>

				<div class="col-6 form-group hide-online div-crea-cliente">
					<label>¿Deseas que te enviemos Ofertas y Novedades?</label>
					<select name ="newsletter" class="form-control select-newsletter">
						<option value="-1">Seleccionar...</option>
						<option value="1">Enviar Newsletter</option>
						<option value="0">No Enviar Newsletter</option>
					</select>
				</div>
			</div>
		</div>

		<div class="col-12 col-md-6 card-container">
			<div class="row form-card">
				<label class="label-form-card">Gestión</label>
				<div class="col-12 col-sm-4 form-group">
					<label>Fecha de Gestión</label>
					<input type="date" name="fecha" id="fecha" class="form-control input-fecha">
				</div>

				<div class="col-12 col-sm-4 form-group">
					<label>Asignado A</label>
					<select name ="id_asignado" class="form-control select-id-asignado" id="idAsignado">
						<?php
							echo '<option value="0">Sin Asignar</option>';
							foreach ($encargados as $k => $v) {
								echo '<option value="' . $k . '">' . $v . '</option>';
							}
						?>
					</select>
				</div>
			
				<div class="col-12 col-sm-4 form-group">
					<label>Estado de Venta</label>
					<select name ="id_estado_venta" class="form-control select-estado-venta" id="idEstadoVenta">
						<?php
							foreach ($estados_ventas as $v) {
								echo '<option value="' . $v['id'] . '">' . $v['nombre'] . '</option>';
							}
						?>
					</select>
				</div>
			</div>
		</div>


		<!-- Fin fila 1  -->

		<div class="col-12 col-md-6 card-container show-presencial show-ml">
			<div class="row form-card">
				<label class="label-form-card">Venta</label>

				<div class="col-6 col-md-4 form-group">
					<label>Fecha</label>
					<input type="datetime-local" name="fecha_venta" id="fecha-venta" class="form-control input-fecha-venta">
				</div>

				<div class="col-6 col-md-4 form-group show-presencial">
					<label>Medio de Pago</label>
					<select name ="id_medio_pago" class="form-control select-id-medio-pago" id="idMedioPago">
						<?php
							echo '<option value="0">Seleccionar</option>';
							foreach ($medios_pagos_disponibles as $k => $v) {
								echo '<option value="' . $k . '">' . $v . '</option>';
							}
						?>
					</select>
				</div>

				<div class="col-6 col-md-4 form-group show-presencial">
					<label>Número de operación</label>
					<input type="number" name="numero_operacion" id="input-numero-operacion" class="form-control input-numero-operacion">
				</div>

				<div class="col-6 col-md-4 form-group">
					<label>Tipo de Venta</label>
					<select name ="id_tipo_venta" class="form-control select-id-tipo-venta" id="idTipoVenta">
						<?php
							echo '<option value="0">Seleccionar</option>';
							foreach ($tipos_ventas as $k => $v) {
								echo '<option value="' . $k . '">' . $v . '</option>';
							}
						?>
					</select>
				</div>

				<div class="col-6 col-md-4 form-group">
					<label>Canal de Venta</label>
					<select name ="id_canal" class="form-control select-id-canal" id="idCanal">
						<?php
							echo '<option value="0">Seleccionar</option>';
							foreach ($canales as $k => $v) {
								echo '<option value="' . $k . '">' . $v . '</option>';
							}
						?>
					</select>
				</div>

				<div class="col-6 col-md-4 form-group">
					<label>ID PS</label>
					<input type="number" name="ps_id" id="ps-id" class="form-control input-ps-id">
				</div>
				<div class="col-6 col-md-4 form-group">
					<label>ID PS Asociado</label>
					<input type="number" name="ps_id_asociado" id="ps-id-asociado" class="form-control input-ps-id-asociado">
				</div>

				<div class="col-6 col-lg-4 form-group hide-online">
					<input type="hidden" name="descuenta_stock" class="input-descuenta-stock" value="0">
					<input type="checkbox" name="descuenta_stock" id="descuenta-stock" class="check-descuenta-stock" value="1">
					<label for="descuenta-stock" class="col-form-label label-check">Descuenta Stock PS</label>
				</div>

			</div>
		</div>

		
		<div class="col-12 col-md-6 card-container show-ml">
			<div class="row form-card">
				<label class="label-form-card">Envío</label>
				
				<div class="col-6 col-lg-6 form-group ventas show-ml">
					<label class="ps-transportista">Transportista</label>
					<select name ="id_transportista" class="form-control select-id-transportista" id="idTransportista">
						<?php
							echo '<option value="0">Seleccionar...</option>';
							echo '<optgroup label="Activos">';
							$activos = 1;
							foreach ($transportistas as $k => $v) {
								if ($k != 0) {
									$selected = '';
									if (!empty($_POST['id_transportista'])) {
										if ($_POST['id_transportista'] == $k) {
											$selected =' selected="selected"';
										}
									}
									if ($activos == 1 && $v['activo'] == 0) {
										echo '</optgroup>';
										echo '<optgroup label="Inactivos">';
										$activos = 0;
									}
									echo '<option value="' . $k . '"' . $selected . '>' . $v['nombre'] . '</option>';
								}
							}
							echo '</optgroup>';
						?>
					</select>
				</div>

				<div class="col-6 col-lg-6 form-group">
					<label>Fecha de Envío</label>
					<input type="date" name="fecha_envio" id="fecha-envio" class="form-control input-fecha-envio" placeholder="Fecha Envío">
				</div>

				<div class="col-6 col-lg-6 form-group">
					<input type="hidden" name="despacho_pagado" value="0">
					<input type="checkbox" name="despacho_pagado" id="despacho-pagado" class="check-despacho-pagado" value="1">
					<label for="despacho-pagado" class="col-form-label label-check">Envío Pagado</label>
				</div>

				<div class="col-6 col-lg-6 form-group">
					<input type="hidden" name="regalo" class="input-regalo" value="0">
					<input type="checkbox" name="regalo" id="regalo" class="check-regalo" value="1">
					<label for="regalo" class="col-form-label label-check">Envolver como Regalo</label>
				</div>

			</div>
		</div>
		
		<!-- Fin fila 2 -->

		<div class="col-12 card-container show-ml show-nc">
			<div class="row form-card">
				<label class="label-form-card">Documento</label>
				
				<div class="col-6 col-sm-4 col-lg-2 form-group facturas show-ml show-nc">
					<label>Tipo de Documento</label>
					<select class="form-control select-id-tipo-documento" name="id_tipo_documento" id="id-tipo-documento">
						<?php
							echo '<option value="0">Seleccionar</option>';
							foreach ($tipos_documentos as $k => $v) {
								echo '<option value="' . $k . '">' . $v . '</option>';
							}
						?>
						?>

					<?php /*
						<option value="5">e-Boleta</option>
						<option value="1">Boleta</option>
						<option value="2">Factura</option>
						<option value="3">Nota de Crédito</option>
						<option value="4">Merma</option>
						<option value="6">Abono</option>
						<option value="7">Boleta Transbank</option>
						<option value="8">Boleta Webpay</option>
						<option value="9">Boleta Sumup</option>
						*/ ?>
					</select>
				</div>

				<div class="col-6 col-sm-4 col-lg-2 form-group show-ml show-nc">
					<label>Número documento</label>
					<input type="number" name="boleta" id="boleta" class="form-control input-boleta">
				</div>

				<div class="col-6 col-sm-4 col-lg-2 form-group show-ml show-nc">
					<label>Fecha documento</label>
					<input type="date" name="fecha_boleta" id="fecha-boleta" class="form-control input-fecha-boleta">
				</div>

				<div class="col-8 col-lg-4 form-group">
					<label>Link de documento</label>
					<input type="text" name="link_boleta" class="form-control input-link-boleta">
				</div>

				<div class="col-4 col-lg-2 form-group show-ml">
					<input type="hidden" name="boleta_lista" value="0">
					<input type="checkbox" name="boleta_lista" id="boleta-lista" class="check-boleta-lista" value="1">
					<label for="boleta-lista" class="col-form-label label-check">Enviado</label>
				</div>

				<?php
				if ($_SESSION['usuario']['admin']) {
					?>
					<div class="col-4 col-lg-4 descuenta-almacenes-group form-group hide-online">
						<input type="hidden" name="descuenta_almacenes" value="0">
						<input type="checkbox" name="descuenta_almacenes" id="descuenta-almacenes" class="check-descuenta-almacenes big-check" value="1">
						<label for="descuenta-almacenes" class="col-form-label label-check">Descuenta stock de almacenes</label>
					</div>
				<?php
				}
				else {
					echo '<input type="hidden" name="descuenta_almacenes" value="1">';
				}
				?>

			</div>
		</div>

		<!-- Fin fila 3 -->

	</div>
	<div class="productos">
		<h5>Productos</h5>
		<div class="d-none d-lg-block">
			<div class="row cabeceras-lg">
				<div class="col-9 col-lg-5">
					Producto
				</div>
				<div class="col-9 col-lg-1 text-center px-0">
					<span class="badge badge-pill badge-success tt mr-1" title="Stock disponible">S</span>
					<span class="badge badge-pill badge-success tt mr-1" title="Disponibles en Almacen correspondiente">A</span>
					<span class="badge badge-pill badge-success tt mr-1" title="Disponibles en otros Almacenes">D</span>
				</div>
				<div class="col-12 col-lg-6">
					<div class="row">
						<div class="col-3 col-lg-2">
							Cant.
						</div>
						<div class="col-5 col-lg-2">
							Precio Normal
						</div>
						<div class="col-5 col-lg-3">
							Descuento
						</div>
						<div class="col-5 col-lg-2">
							Precio Final
						</div>
						<div class="col-5 col-lg-2">
							Total
						</div>
						<div class="col-2 col-lg-1">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="lista-productos">
		</div>
	</div>
	<div class="row">
		<div class="col-6 col-lg-8 form-group">
			<button type="button" class="btn btn-primary add-product"><i class="fas fa-plus"></i> <span class="d-none d-sm-inline">Producto</span></button>
			<a href="/ventas/checklist" class="btn btn-success view-checklist" target="_blank" role="button" aria-pressed="true"><i class="fas fa-tasks"></i> <span class="d-none d-sm-inline">Ver Lista</span></a>
			<a href="/ventas/log" class="btn btn-success view-log" target="_blank" role="button" aria-pressed="true"><i class="fas fa-clock"></i> <span class="d-none d-sm-inline">Ver Log</span></a>
			<a href="/ventas/detalle" class="btn btn-success view-detail" target="_blank" role="button" aria-pressed="true"><i class="fas fa-print"></i> <span class="d-none d-sm-inline">Detalle</span></a>
			<a href="/ventas/detalle80" class="btn btn-success view-detail-80" target="_blank" role="button" aria-pressed="true"><i class="fas fa-print"></i> <span class="d-none d-sm-inline">Detalle 80mm</span></a>
		</div>
		<label for="descuento" class="col-3 col-lg-2 col-form-label text-right">Descuento</label>
		<div class="col-3 col-lg-1 monto">
			<input type="number" name="descuento" class="form-control input-descuento" placeholder="">
		</div>
		<div class="col-0 col-lg-1">
		</div>

	</div>
	<div class="row-puntos-disponibles">
		<div class="row form-group">
			<div class="col-3 col-lg-6 form-group puntos-disponibles text-right"></div>
			<div class="col-3 col-lg-2 ">
				<div class="div-check-puntos">
					<input type="hidden" name="utiliza_puntos" class="input-utiliza-puntos" value="0">
					<input type="checkbox" name="utiliza_puntos" id="utiliza-puntos" class="check-utiliza-puntos big-check" value="1">
					<label for="utiliza-puntos" class="col-form-label label-check-inline">Utilizar puntos</label>
				</div>
			</div>
			<label for="descuento_puntos" class="col-3 col-lg-2 col-form-label text-right">Descuento Por Puntos</label>
			<div class="col-3 col-lg-1 monto">
				<input type="number" name="descuento_puntos" class="form-control input-descuento-puntos" placeholder="" readonly="readonly">
			</div>
			<div class="col-0 col-lg-1">
			</div>
		</div>
	</div>
	<div class="row form-group">
		<div class="col-6 col-lg-8 form-group">
			<input type="text" name="info_destacada" class="form-control input-info-destacada" placeholder="Información Destacada" autocomplete="off">
		</div>

		<label for="pagado" class="col-3 col-lg-2 col-form-label text-right">Pagado</label>
		<div class="col-3 col-lg-1 monto">
			<input type="number" name="pagado" id="pagado" class="form-control input-pagado" placeholder="">
		</div>
		<div class="col-0 col-lg-1">
		</div>
	</div>
	<div class="row deuda form-group" style="display: none;">
		<div class="col-6 col-lg-8">
		</div>
		<label for="adeudado" class="col-3 col-lg-2 col-form-label text-right">Adeudado</label>
		<div class="col-3 col-lg-1 monto">
			<input type="number" name="adeudado" id="adeudado" class="form-control input-adeudado" placeholder="" readonly="readonly">
		</div>
		<div class="col-0 col-lg-1">
		</div>
	</div>
	<div class="row form-group">
		<div class="col-6 col-lg-8">
		</div>
		<label for="descuento" class="col-3 col-lg-2 col-form-label text-right">Total Venta</label>
		<div class="col-3 col-lg-1 monto">
			<input type="number" name="total" id="total" class="form-control input-total" readonly="readonly" placeholder="">
		</div>
		<div class="col-0 col-lg-1">
		</div>
	</div>
	<div class="row form-group puntos-venta">
		<div class="col-6 col-lg-9">
		</div>
		<div class="puntos-texto col-6 col-lg-3 col-form-label"></div>
	</div>
	<div class="form-group row">
		<div class="col-6 datos-despacho">
			<div class="row form-card">
				<label class="label-form-card">Datos de despacho</label>
				<div class="col-12 col-sm-6 form-group">
					<label>Nombre</label>
					<input type="text" name="dir_nombre" class="form-control input-dir-nombre" autocomplete="off">
				</div>

				<div class="col-12 col-sm-6 form-group">
					<label>Apellidos</label>
					<input type="text" name="dir_apellidos" class="form-control input-dir-apellidos" autocomplete="off">
				</div>

				<div class="col-12 col-sm-6 form-group">
					<label>RUT</label>
					<input type="text" name="rut" class="form-control input-rut" autocomplete="off">
				</div>

				<div class="col-12 col-sm-6 form-group">
					<label>Teléfono</label>
					<input type="text" name="telefono" class="form-control input-telefono" autocomplete="off">
				</div>

				<div class="col-12 form-group">
					<label>Dirección</label>
					<input type="text" name="direccion" class="form-control input-direccion" autocomplete="off">
				</div>

				<div class="col-12 col-sm-6 form-group">
					<label>Región</label>
					<select name ="id_region" class="form-control select-id-region" id="idRegion">
						<?php
							echo '<option value="0">Seleccionar</option>';
							foreach ($regiones as $k => $v) {
								echo '<option value="' . $k . '">' . $v . '</option>';
							}
						?>
					</select>
				</div>

				<div class="col-12 col-sm-6 form-group">
					<label>Comuna</label>
					<select name="id_comuna" class="form-control select-id-comuna" id="idComuna">
					</select>
				</div>

				<div class="col-12 form-group">
					<label>Detalles</label>
					<input type="text" name="despacho" class="form-control input-despacho" autocomplete="off">
				</div>

			</div>
		</div>
		<div class="col-6">
			<label for="observaciones" class="col-form-label">Observaciones</label>
			<div class="">
				<textarea class="form-control text-observaciones" name="observaciones" id="observaciones" rows="4"></textarea>
			</div>
		</div>
	</div>
</form>
<div class="copy d-none">
	<div class="row articulo-venta mb-3">
		<div class="col-9 col-lg-5 form-group">
			<img class="imagen-producto" title=""></img>
			<input type="hidden" name="id_producto_venta[]" class="input-id-producto-venta">
			<input type="hidden" name="id_producto[]" class="input-id-producto">
			<input type="text" name="producto[]" class="form-control input-producto new" placeholder="Producto" autocomplete="off">
			<div class="product-warning hidden"><span class="title">¡Advertencia!</span> <span class="description">Este producto se encuentra sin stock disponible</span></div>
			<div class="product-warning-almacen hidden"><span class="title">¡Advertencia!</span> <span class="description">Este producto se encuentra sin stock disponible en el almacén correspondiente</span></div>
		</div>
		<div class="col-3 col-lg-1 form-group px-0 div-disponibles">
			<span class="span-cantidad-actual badge badge-pill badge-success">0</span>
			<span class="span-disponibles-almacen badge badge-pill badge-success">0</span>
			<span class="span-disponibles-almacenes badge badge-pill badge-success" title=""><i class="fas fa-check"></i></span>
		</div>
		<div class="col-12 col-lg-6">
			<div class="row">
				<div class="col-3 col-sm-2 col-lg-2 monto">
					<input type="number" name="cantidad[]" class="form-control input-cantidad" placeholder="Cantidad">
				</div>
				<div class="col-3 col-sm-2 col-lg-2 monto">
					<input type="number" name="precio_normal[]" class="form-control input-precio-normal" placeholder="Precio Normal">
				</div>
				<div class="col-3 col-sm-1 col-lg-1 monto">
					<select class="form-control select-descuento-porcentual">
						<option value="">%</option>
						<?php 
							for($i=5;$i<=30;$i += 5){
								echo '<option value="'.$i.'">'.$i.'</option>';
							}
						?>
					</select>
				</div>
				<div class="col-3 col-sm-2 col-lg-2 monto">
					<input type="number" name="descuento_producto[]" class="form-control input-descuento-producto" placeholder="Descuento">
				</div>
				<div class="col-5 col-sm-2 col-lg-2 monto">
					<input type="number" name="precio[]" class="form-control input-precio" readonly="readonly" placeholder="Precio Final">
				</div>
				<div class="col-5 col-sm-2 col-lg-2 monto">
					<input type="number" name="total_producto[]" class="form-control input-total-producto" readonly="readonly" placeholder="Total">
				</div>
				<div class="col-2 col-sm-1 col-lg-1">
					<button type="button" class="btn btn-xs btn-danger btn-delete"><i class="fas fa-trash-alt"></i></button>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="alert-venta alert alert-warning mt-3 mb-0" style="display: none;"></div>

<script type='text/javascript'>
<?php
	//variables en js para cargar selects
	/*echo 'var info_productos = ' . json_encode($info_productos) . ';
';*/
	echo 'var estados = ' . json_encode($estados_ventas) . ';
';

	echo 'var transportistas = ' . json_encode($transportistas) . ';
';

	echo 'var proveedores = ' . json_encode($proveedores) . ';
';
	
	echo 'var medios_pagos = ' . json_encode($medios_pagos) . ';
';

	echo 'var regiones = ' . json_encode($regiones) . ';
';

	echo 'var comunas = ' . json_encode($comunas) . ';
';

	/*echo 'var codigos_barras = ' . json_encode($codigos_barras) . ';
';*/

?>
</script>
