<?php $__env->startSection('CSS'); ?>
<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

<?php echo HTML::style('WebPro/plugins/dropzone/dropzone.css'); ?>

<?php echo HTML::style('image-picker/image-picker.css'); ?>

<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.image_picker_image { object-fit: contain; }
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
	.medicion .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
		width: 90px;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users"></i> Gestión de prospectos </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Edición de variacion del producto <strong> <?php echo $Producto->nombre; ?> </strong> </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => 'SysWebGClientesProductosVariacionesEditar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar', 'files' => true, 'target' => 'upload_iframe')); ?>

					<!--<div class="form-group">
						<label class="col-sm-3 control-label"> Descripción de la variación </label>
						<div class="col-sm-9">
							<textarea class="form-control" name="descripcion"><?php echo $Variacion->descripcion; ?></textarea>
							<span class="text-danger" id="errdescripcion"> </span>
						</div>
					</div>-->
					<?php
						if( ImagenxVPS::where('variaciones_productos_servicios_id', '=', $Variacion->id)->count() == 0 ){
							$fotografia = 'https://via.placeholder.com/250x300?text=N/D';
							$fotografiaID = 0;
						}
						else{
							$ImagenVPS = ImagenVPS::select('imagenes_vps.id', 'imagenes_vps.ruta')->join('imagenes_x_vps AS ixvps', 'ixvps.imagenes_vps_id', '=', 'imagenes_vps.id')
							->where('ixvps.variaciones_productos_servicios_id', '=', $Variacion->id)->first();
							$fotografia = $ImagenVPS->ruta;
							$fotografiaID = $ImagenVPS->id;
						}
						$rutaFotografia = ( $fotografiaID == 0 )?'':$fotografia;
					?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Fotografía </label>
						<div class="col-sm-9">
							<img class="img-responsive img-thumbnail" src="<?php echo $fotografia; ?>" id="imgFotografia" style="cursor: pointer; height: 300px; display: block;">
							<input type="hidden" name="fotografia" value="<?php echo $rutaFotografia; ?>" id="hdnFotografia">
							<input type="hidden" name="fotografiaID" value="<?php echo $fotografiaID; ?>" id="hdnFotografia">
							<span class="text-danger" id="errfotografia"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Precio </label>
						<div class="col-sm-9">
							<div class="input-group">
								<?php
									$codigoMoneda = Cliente::select('codigo_moneda')->where('users_id', '=', Auth::user()->id)->first()->codigo_moneda;
									$simboloMoneda = Cliente::select('simbolo_moneda')->where('users_id', '=', Auth::user()->id)->first()->simbolo_moneda;
								?>
								<span class="input-group-addon"><?php echo $codigoMoneda; ?> <?php echo $simboloMoneda; ?></span>
								<?php echo Form::text('precio', $Variacion->precio,  array('class' => 'form-control', 'placeholder' => '')); ?>

							</div>
							<span class="text-danger" id="errprecio"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Precio comparativo </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-addon"><?php echo $codigoMoneda; ?> <?php echo $simboloMoneda; ?></span>
								<?php echo Form::text('precio_tachado', $Variacion->precio_tachado,  array('class' => 'form-control', 'placeholder' => '')); ?>

							</div>
							<span class="text-danger" id="errprecio_tachado"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Peso para cálculo de envío </label>
						<div class="col-sm-9">
							<!--<input type="number" name="peso" class="form-control" value="<?php echo $Variacion->peso; ?>" min="0" max="999999" step="0.01">-->
							<!-- <?php echo Form::text('peso', $Variacion->peso,  array('class' => 'form-control', 'placeholder' => '')); ?> -->
							<div class="input-group">
								<?php
									$codigoMoneda = Cliente::select('codigo_moneda')->where('users_id', '=', Auth::user()->id)->first()->codigo_moneda;
									$simboloMoneda = Cliente::select('simbolo_moneda')->where('users_id', '=', Auth::user()->id)->first()->simbolo_moneda;
								?>
								<span class="input-group-addon">g</span>
								<?php echo Form::text('peso', $Variacion->peso,  array('class' => 'form-control', 'placeholder' => '')); ?>

							</div>
							<span class="text-info">El peso debe de ser ingresado en gramos y recuerda que 1 Kilogramo equivale a 1000 Gramos</span>
							<span class="text-danger" id="errpeso"> </span>
						</div>
					</div>
					<div class="form-group medicion">
						<label class="col-sm-3 control-label">Caducidad</label>
						<div class="col-sm-9">
							<div class="input-group">
								<div class="input-group" style="width: 100%;">
									<input type="number" class="form-control" name="txtCaducidad" min="1" value="<?php echo $Variacion->caducidad; ?>">
								</div>
								<span class="input-group-btn" style="padding-right: 15px;">
									<select name="slCaducidad" data-live-search="false" data-selected-text-format="count" data-actions-box="false">
										<option value=""> Seleccionar... </option>
										<option value="D"> Día </option>
										<option value="M"> Mes </option>
										<option value="A"> Año </option>
									</select>
								</span>
							</div>
							<span class="text-danger" id="errtxtCaducidad"> </span> <span class="text-danger" style="float: right;" id="errslCaducidad"> </span>
						</div>
					</div>
					<div class="form-group medicion">
						<label class="col-sm-3 control-label"> Margen de ganancia </label>
						<div class="col-sm-9">
							<div class="input-group">
								<span class="input-group-btn">
									<select name="slMargenGanancia" data-live-search="false" data-selected-text-format="count" data-actions-box="false">
										<option value="D"> <span class="input-group-addon"><?php echo $codigoMoneda; ?> <?php echo $simboloMoneda; ?></span> </option>
										<option value="P"> % </option>
									</select>
								</span>
								<div class="input-group" style="width: 100%; padding-right: 15px">
									<input type="text" class="form-control" name="txtGanancia" value="<?php echo $Variacion->margen_ganancia; ?>">
								</div>
							</div>
							<span class="text-danger" id="errtxtGanancia"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Atributos </label>
						<div class="col-sm-9">
							<div class="row">
								<div class="col-sm-6" id="dvAtributos">
									<!-- Atributos -->
									<?php
									$AtributosVPS = DB::table('atributos_x_variaciones_productos AS axvps')->select('aps.id', 'aps.nombre', 'axvps.valor')
									->join('atributos_productos_servicios AS aps', 'aps.id', '=', 'axvps.atributos_productos_servicios_id')
									->where('axvps.variaciones_productos_servicios_id', '=', $Variacion->id)
									->get();
									?>
									<?php foreach($AtributosVPS as $AtributoVPS): ?>
									<div class="input-group" style="padding-bottom: 10px;" id="dvAttr<?php echo $AtributoVPS->id; ?>">
										<div class="input-group-addon"><?php echo $AtributoVPS->nombre; ?></div>
										<input type="text" name="attributo<?php echo $AtributoVPS->id; ?>" class="form-control" value="<?php echo $AtributoVPS->valor; ?>">
										<input type="hidden" name="atributos[]" value="<?php echo $AtributoVPS->id; ?>">
										<!--<div class="input-group-btn">
											<button class="btn btn-danger disabled" type="button" data-id="<?php echo $AtributoVPS->id; ?>">
												<i class="fa fa-trash-o"></i>
											</button>
										</div>-->
									</div>
									<?php endforeach; ?>
								</div>
								<div class="col-sm-6">
									<div class="input-group">
										<select class="form-control selectpicker" data-live-search="true" id="slAtributos">
											<?php foreach($Atributos as $Atributo): ?>
											<option value="<?php echo $Atributo->id; ?>"> <?php echo $Atributo->nombre; ?> </option>
											<?php endforeach; ?>
										</select>
										<div class="input-group-btn">
											<button id="btnSlAtributo" class="btn btn-default disabled" type="button">
												<i class="fa fa-plus"></i>
											</button>
										</div>
									</div>
								</div>
							</div>
							<span class="text-danger" id="erratributos"> </span>
						</div>
					</div>
					<div class="bottom">
						<?php echo Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit')); ?>

						<?php echo HTML::linkRoute('SysWebGClientesProductosVariaciones', 'Cancelar', array($Producto->id), array('class' => 'btn btn-default')); ?>

					</div>
				<?php echo Form::close(); ?>

		</div>
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

<?php echo HTML::script('WebPro/plugins/dropzone/dropzone.min.js'); ?>

<?php echo HTML::script('image-picker/image-picker.min.js'); ?>

<?php echo HTML::script('Alphanum/jquery.alphanum.min.js'); ?>

<?php echo $__env->make('GenTemplate.ventana-biblioteca-imagenes-js', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("#dvAtributos").find(".btn-danger").each(function(e){
	$(this).off("click").on("click", function(e){
		var id = $(this).attr("data-id");
		$("#dvAtributos").find("#dvAttr"+id).remove();
	});
});
$("#btnSlAtributo").click(function(e){
	var id = $("#slAtributos").val();
	var atributo = $("#slAtributos option:selected").text();
	if( $("#dvAtributos").find("#dvAttr"+id).length == 0 ){
		var input = '<div class="input-group" style="padding-bottom: 10px;" id="dvAttr'+id+'"> \
			<div class="input-group-addon">'+atributo+'</div> \
				<input type="text" name="attributo'+id+'" class="form-control"> \
				<input type="hidden" name="atributos[]" value="'+id+'"> \
				<div class="input-group-btn"> \
					<button class="btn btn-danger" type="button" data-id="'+id+'"> \
						<i class="fa fa-trash-o"></i> \
					</button> \
				</div> \
		</div>';
		$("#dvAtributos").append(input).find(".btn-danger").each(function(e){
			$(this).off("click").on("click", function(e){
				var id = $(this).attr("data-id");
				$("#dvAtributos").find("#dvAttr"+id).remove();
			});
		});
	}
});
$('[name="slCaducidad"], [name="slMargenGanancia"]').selectpicker({
	container: "body",
});
<?php if($Variacion->tiempo_caducidad != ''): ?>
$('[name="slCaducidad"]').selectpicker('val', '<?php echo $Variacion->tiempo_caducidad; ?>');
<?php endif; ?>
<?php if($Variacion->tipo_margen_ganancia != ''): ?>
$('[name="slMargenGanancia"]').selectpicker('val', '<?php echo $Variacion->tipo_margen_ganancia; ?>');
<?php endif; ?>
$('[name="txtGanancia"]').alphanum({
	allow: ".0123456789",
	disallow: "abcdefghijklmnñopqrstuvwxyz",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowCaseless: false,
	allowOtherCharSets: false,
	forceLower: true
});
$('[name="txtCaducidad"]').alphanum({
	allow: "123456789",
	disallow: "abcdefghijklmnñopqrstuvwxyz",
	allowSpace: false,
	allowNumeric: true,
	allowUpper: false,
	allowCaseless: false,
	allowOtherCharSets: false,
	forceLower: true
});
$("#frmEditar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnEditar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	var frmEditar = new FormData(document.getElementById("frmEditar"));
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebGClientesProductosVariacionesEditar', array($Producto->id, $Variacion->id)); ?>",
		data: frmEditar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEditar").html("Guardar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebGClientesProductosVariaciones', array($Producto->id)); ?>"; }, 3000 );
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				$.each(data.errMensajes, function(key, value){ if(value != ''){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
<?php echo $__env->make('GenTemplate.ventana-biblioteca-imagenes-jsor', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>