<div class="modal fade" id="modalTraspasoForm" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalTraspasoFormLabel" aria-hidden="true">
	<div class="modal-dialog modal-xl" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="modalTraspasoFormLabel">Traspaso</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<form id="formTraspaso" action="/traspasos/guardar" method="post">
					<input type="hidden" name="id" id="idTraspaso" value="0" />
					<input type="hidden" name="estado_traspaso" id="estadoTraspaso" value="0" />

					<div class="mini-labels row">
						<div class="col-12 col-lg-8 form-group">
							<label for="descripcion">Descripción</label>
							<input type="text" name="descripcion" class="form-control input-descripcion" placeholder="Descripción">
						</div>
					</div>

					<div class="mini-labels row">
						<div class="col-12 col-lg-3 form-group">
							<label>Origen</label>
							<select name ="id_origen" class="form-control select-id-origen" id="idOrigen">
								<?php
									foreach ($almacenes_activos as $k => $v) {
										echo '<option value="' . $k . '">' . $v . '</option>';
									}
								?>
							</select>
						</div>

						<div class="col-12 col-lg-3 form-group">
							<label>Destino</label>
							<select name ="id_destino" class="form-control select-id-destino" id="idDestino">
								<?php
									foreach ($almacenes_activos as $k => $v) {
										echo '<option value="' . $k . '">' . $v . '</option>';
									}
								?>
							</select>
						</div>
						<div class="col-12 col-lg-3 form-group div-add-automatic">
							<label>Agregar Sugeridos de Categoría</label>
							<select name ="add_automatic" class="form-control select-add-automatic" id="addAutomatic">
								<?php
									echo '<option value="">Seleccionar...</option>';
									echo '<option value="0">Todas</option>';
									foreach ($categorias as $k => $v) {
										echo '<option value="' . $k . '">' . $v . '</option>';
									}
								?>
							</select>
						</div>
						<div class="col-12 col-lg-3 form-group div-add-automatic">
							<input type="checkbox" name="solo_deseados" id="soloDeseados" class="check-solo-deseados big-check" value="1">
							<label for="solo-deseados" class="col-form-label label-solo-deseados">Solo Deseados</label>

						</div>
					</div>
					<div class="row observaciones-creacion mini-labels">
						<div class="col">
							<label>Observaciones Solicitud</label>
							<div class="alert alert-primary div-observaciones-creacion"></div>
						</div>
					</div>
					<div class="row observaciones-preparacion mini-labels">
						<div class="col">
							<label>Observaciones Preparación</label>
							<div class="alert alert-primary div-observaciones-preparacion"></div>
						</div>
					</div>
					<div class="row observaciones-recepcion mini-labels">
						<div class="col">
							<label>Observaciones Recepción</label>
							<div class="alert alert-primary div-observaciones-recepcion"></div>
						</div>
					</div>

					<div class="form-agregar">
						<h5>Buscar Producto</h5>
						<div class="d-none d-lg-block">
							<div class="row cabeceras-lg">
								<div class="col-4 col-md-8 pl-3
								">
									Introduce un producto para agregarlo al traspaso
								</div>
								<div class="col-2 col-md-1 text-center">
									Origen
								</div>
								<div class="col-2 col-md-1 text-center">
									Destino
								</div>
								<div class="col-2 col-md-1 text-center">
									Solicitado
								</div>
								<div class="col-2 col-md-1">
									Acciones
								</div>
							</div>
						</div>
						<div class="row agregar-articulo articulo-traspaso mb-2 border-bottom">
							<div class="col-12 col-md-8 form-group">
								<span class="pos-producto"></span>
								<img class="imagen-producto" title=""></img>
								<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 sin-stock hidden"><span class="title">¡Advertencia!</span> <span class="description">Este producto se encuentra sin unidades disponibles en <span class="nombre-origen"></span></span></div>
								<div class="product-warning duplicado hidden"><span class="title">¡Advertencia!</span> <span class="description">Este producto ya se encuentra en el traspaso</span></div>
							</div>
							<div class="col-2 col-md-1 text-center pt-1">
								<span class="span-reservados-origen badge badge-pill badge-warning tt span-stock" title="Reservados Origen">0</span>
								<span class="span-disponibles-origen badge badge-pill badge-success tt span-stock" title="Disponibles Origen">0</span>
							</div>
							<div class="col-2 col-md-1 text-center pt-1">
							<span class="span-reservados-destino badge badge-pill badge-warning tt span-stock" title="Reservados Destino">0</span>
								<span class="span-disponibles-destino badge badge-pill badge-success tt span-stock" title="Disponibles Destino">0</span>
							</div>
							<div class="col-2 col-md-1 text-center div-solicitado">
								<input type="number" name="solicitado[]" class="form-control input-solicitado">
							</div>
							<div class="col-2 col-md-1 div-acciones pt-1">
								<button type="button" class="btn btn-xs btn-primary btn-agregar"><i class="fas fa-plus"></i></button>
							</div>
						</div>
					</div>

					<div class="productos mb-4">
						<h5>Productos Solicitados</h5>
						<div class="d-none d-md-block">
							<div class="row cabeceras-lg">
								<div class="col-6 pl-3 titulo-nombre-producto">
									Producto
								</div>
								<div class="col-1 text-center">
									Origen
								</div>
								<div class="col-1 text-center">
									Destino
								</div>
								<div class="col-1 text-center">
									Solicitado
								</div>
								<div class="col-1 text-center titulo-preparado">
									Preparado
								</div>
								<div class="col-1 text-center titulo-recibido">
									Recibido
								</div>
								<div class="col-1 titulo-acciones">
									Acciones
								</div>
							</div>
						</div>
						<div class="lista-productos">
						</div>
					</div>
					<div class="productos productos-validados mb-4">
						<h5>Productos Validados</h5>
						<div class="d-none d-md-block">
							<div class="row cabeceras-lg">
								<div class="col-6 pl-3 titulo-nombre-producto">
									Producto
								</div>
								<div class="col-1 text-center">
									Origen
								</div>
								<div class="col-1 text-center">
									Destino
								</div>
								<div class="col-1 text-center">
									Solicitado
								</div>
								<div class="col-1 text-center titulo-preparado">
									Preparado
								</div>
								<div class="col-1 text-center titulo-recibido">
									Recibido
								</div>
								<div class="col-1 titulo-acciones">
									Acciones
								</div>
							</div>
						</div>
						<div class="lista-validados">
						</div>
					</div>
					<div class="div-observaciones">
						<h5>Observaciones</h5>
						<textarea class="form-control text-observaciones" name="observaciones" rows="4"></textarea>
					</div>
				</form>

				<div class="copy d-none">
					<div class="row articulo-traspaso mb-2 border-bottom">
						<div class="col-12 col-md-6 form-group div-nombre-producto">
							<span class="pos-producto"></span>
							<img class="imagen-producto" title=""></img>
							<input type="hidden" name="id_producto_traspaso[]" class="input-id-producto-traspaso">
							<input type="hidden" name="id_producto[]" class="input-id-producto">
							<input type="hidden" name="validado[]" class="input-validado">
							<input type="hidden" name="diferencia[]" class="input-diferencia">
							<input type="text" name="producto[]" class="form-control input-producto new" placeholder="Producto" autocomplete="off">
							<div class="product-warning sin-stock hidden"><span class="title">¡Advertencia!</span> <span class="description">Este producto se encuentra sin unidades disponibles en <span class="nombre-origen"></span></span></div>
							<div class="product-warning duplicado hidden"><span class="title">¡Advertencia!</span> <span class="description">Este producto ya se encuentra en el traspaso</span></div>
						</div>
						<div class="col-2 col-md-1 text-center pt-1">
							<span class="span-reservados-origen badge badge-pill badge-warning tt" title="Reservados Origen">0</span>
							<span class="span-disponibles-origen badge badge-pill badge-success tt" title="Disponibles Origen">0</span>
						</div>
						<div class="col-2 col-md-1 text-center pt-1">
						<span class="span-reservados-destino badge badge-pill badge-warning tt" title="Reservados Destino">0</span>
							<span class="span-disponibles-destino badge badge-pill badge-success tt" title="Disponibles Destino">0</span>
						</div>
						<div class="col-2 col-md-1 text-center div-solicitado form-group">
							<input type="number" name="solicitado[]" class="form-control input-solicitado">
						</div>
						<div class="col-2 col-md-1 text-center div-preparado form-group">
							<input type="number" name="preparado[]" class="form-control input-preparado">
						</div>
						<div class="col-2 col-md-1 text-center div-recibido form-group">
							<input type="number" name="recibido[]" class="form-control input-recibido">
						</div>
						<div class="col-2 col-md-1 pt-1 div-acciones">
							<button type="button" class="btn btn-xs btn-danger btn-delete tt" title="Remover"><i class="fas fa-trash-alt"></i></button>
							<button type="button" class="btn btn-xs btn-primary btn-validar tt" title="Validar" style="display: none;"><i class="fas fa-check"></i></button>
							<button type="button" class="btn btn-xs btn-primary btn-devolver tt" title="Devolver" style="display: none;"><i class="fas fa-undo"></i></button>
						</div>
						<div class="col-0 col-md-9 text-center div-diferencia-relleno div-diferencia form-group" style="display: none;">
						</div>
						<div class="col-12 col-md-3 div-razon-preparado div-diferencia form-group mini-labels" style="display: none;">
							<label>Motivo de diferencia en preparación:</label>
							<select type="text" name="razon_preparado[]" class="form-control select-razon-preparado">
								<?php 
								foreach($razones_preparado as $key => $val) {
									echo '<option value="'.$key.'">'.$val.'</option>';
								}
								?>
							</select>
						</div>

						<div class="col-12 col-md-3 div-razon-recibido div-diferencia form-group mini-labels" style="display: none;">
							<label>Motivo de diferencia en recepción:</label>
							<select type="text" name="razon_recibido[]" class="form-control select-razon-recibido">
								<?php 
								foreach($razones_recibido as $key => $val) {
									echo '<option value="'.$key.'">'.$val.'</option>';
								}
								?>
							</select>
						</div>
					</div>
				</div>
				<div class="alert-traspaso alert alert-warning mt-3 mb-0" style="display: none;"></div>
			</div>
			<div class="modal-footer botones-editar">
				<button type="button" class="btn btn-danger mr-auto btn-eliminar btn-edicion">Eliminar</button>
				<button type="button" class="btn btn-secondary btn-cerrar" data-dismiss="modal" style="display: none;">Cerrar</button>
				<button type="button" class="btn btn-secondary btn-guardar btn-envio btn-edicion">Guardar Borrador</button>
				<button type="button" class="btn btn-primary btn-avanzar btn-envio btn-edicion">Solicitar</button>
			</div>
			<div class="modal-footer boton-completar">
				<span>Recuerda que una vez completado, el traspaso no podrá ser editado ni eliminado</span>
				<button type="button" class="btn btn-success btn-completar">Completar</button>
			</div>
			</div>
		</div>
	</div>
</div>

<script type='text/javascript'>
<?php
	//variables en js con info
	echo 'var info_productos = ' . json_encode($info_productos) . ';
';

	echo 'var proveedores = ' . json_encode($proveedores) . ';
';
?>
</script>
