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

<?php echo HTML::style('DataTables/responsive.dataTables.min.css'); ?>

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

<style type="text/css">
	/*@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }*/
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-shopping-cart"></i> Gestión de ventas en línea </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		<?php if(Session::has('message')): ?>
		<div class="alert alert-info"><?php echo Session::get('message'); ?></div>
		<?php endif; ?>
	</div>
</div>

<div class="row">
	<div class="col-md-3">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">Filtro de productos</h3>
			</div>
			<div class="porlets-content">
				<form class="form-horizontal row-border">
					<div id="dvCategorias" style="/*display: none;*/">
						<div class="form-group">
							<label> Categorías </label>
							<!--<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="slCategorias" name="categorias[]" title="Seleccione las categorías que desea filtrar" data-actions-box="true">-->
							<select class="form-control selectpicker" data-live-search="true" id="slCategorias" name="categorias[]" title="Seleccione la categoría que desea filtrar">
								<?php
									$nivelInicial = 0;
									$grupoCreado = 0;
									$totalCategorias = count($Categorias);
								?>
								<?php foreach($Categorias as $indice => $Categoria): ?>
									<?php $nivelActual = (int)$Categoria->nivel; ?>
									<?php /* VALIDACIÓN PARA CREAR OPTION GROUP O CERRARLO */ ?>
									<?php if( $nivelInicial < $nivelActual ): ?>
										<?php /* VERIFICO SI EL GRUPO SE HA CREADO PARA CERRARLO */ ?>
										<?php if( ($nivelInicial > 0) && ($grupoCreado == 1) ): ?>
											<?php $grupoCreado = 0; ?>
									</optgroup>
										<?php endif; ?>
										<?php /* /VERIFICO SI EL GRUPO SE HA CREADO PARA CERRARLO */ ?>
										<?php /* VERIFICO SI EL GRUPO SE HA CREADO PARA CREARLO */ ?>
										<?php if( ($indice < ($totalCategorias)) && ($grupoCreado == 0) ): ?>
											<?php $grupoCreado = 1; ?>
									<optgroup label="Categoria nivel <?php echo $Categoria->nivel; ?>">
											<?php $nivelInicial++; ?>
										<?php endif; ?>
										<?php /* /VERIFICO SI EL GRUPO SE HA CREADO PARA CREARLO */ ?>
									<?php endif; ?>
									<?php /* /VALIDACIÓN PARA CREAR OPTION GROUP O CERRARLO */ ?>
									<?php /* INSERTO EL OPTION */ ?>
										<option value="<?php echo $Categoria->id; ?>">
											<?php echo $Categoria->nombre; ?>

											<?php if( $Categoria->nivel > 1 ): ?>
											->
											<?php
												$CategoriaPadre = SubCategoriaPS::select('cps.nombre')
												->join('categorias_ps AS cps', 'cps.id', '=', 'subcategorias_x_categoria_ps.categorias_ps_id')
												->where('subcategorias_x_categoria_ps.subcategorias_ps_id', '=', $Categoria->id)
												->first()
												->nombre;
											?>
											<?php echo $CategoriaPadre; ?>

											<?php endif; ?>
										</option>
									<?php /* /INSERTO EL OPTION */ ?>
									<?php /* CIERRO EL ÚLTIMO OPTION GROUP */ ?>
									<?php if( ($indice == ($totalCategorias-1)) && ($grupoCreado == 1) ): ?>
									</optgroup>
									<?php endif; ?>
									<?php /* /CIERRO EL ÚLTIMO OPTION GROUP */ ?>
								<?php endforeach; ?>
							</select>
							<span class="text-danger" id="errcategorias"> </span>
						</div>
					</div>
					<div class="form-group">
						<label> Productos disponibles </label>
						<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="slProductos" name="slProductos[]" title="Seleccione los productos a agregar" data-actions-box="true">
						</select>
					</div>
					<div class="form-group">
						<button type="button" class="btn btn-primary btn-block" id="btnAgregarListado">Agregar al listado</button>
					</div>
				</form>
			</div>
			<div class="bottom">
				<a href="<?php echo URL::route('SysWebVentasCampanhas'); ?>" class="btn btn-default btn-block"> Regresar a campañas </a>
			</div>
		</div>
	</div>
	<div class="col-md-9">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Listado de productos de la campaña <strong><?php echo $CampanhaDePromocion->nombre; ?></strong>
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh tooltips" data-toggle="tooltip" data-original-title="Actualizar registros" onclick="Actualizar()" href="javascript:Actualizar()" style="color: rgba(0, 0, 0, 0.3)">
							<i class="fa fa-repeat"> </i>
						</a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblCampanhasListadoPSyV">
						<thead>
							<tr>
								<th class=""> Nombre del producto </th>
								<th class=""> Con variaciones </th>
								<th style="" class=""> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<!-- <div class="bottom">
				<a href="<?php echo URL::route('SysWebVentasCampanhasAgregar'); ?>" class="btn btn-primary"> Guardar cambios </a>
			</div> -->
		</div>
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

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

<?php echo HTML::script('DataTables/dataTables.bootstrap.min.js'); ?>

<?php echo HTML::script('DataTables/dataTables.responsive.min.js'); ?>

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

<?php echo HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js'); ?>

<?php echo HTML::script('ajax-bootstrap-select/js/ajax-bootstrap-select.min.js'); ?>

<?php echo HTML::script('ajax-bootstrap-select/js/locale/ajax-bootstrap-select.es-ES.min.js'); ?>

<script type="text/javascript">
	function Eliminar(id){
		var id = id;
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmEliminar"> \
					<h2> ¿Seguro que desea eliminar el producto de la campaña de descuento? </h2> \
					<input type="hidden" name="accion" value="eliminar"> \
					<input type="hidden" name="idPS" value="'+id+'"> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			cssClass: "ModalEliminar mdAvatar",
			onshown: function(dialogItself){
				$("body").addClass("modal-open");
			},
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger btn-lg btn-block",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"<?php echo URL::route('SysWebVentasCampanhasCampanhaListadoPSyV', array($CampanhaDePromocion->id)); ?>",
						$("#frmEliminar").serialize(),
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnEliminar").html("Eliminar").prop("disabled", false);
							if(data.success){
								dialogItself.close();
								var table = $("#tblCampanhasListadoPSyV").DataTable();
								table.ajax.reload(null, false);
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							}
							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(""); } });
							}
						},
						"json"
					);
				}
			}],
			onhidden: function(dialogItself){
				$("body").removeClass("modal-open");
			}
		});
	}
	function Actualizar(){
		var tabla = $("#tblCampanhasListadoPSyV").DataTable();
		tabla.ajax.reload(null, false);
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("a[data-toggle=\"tab\"]").on("shown.bs.tab", function (e) { $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); });
$("#slCategorias").on("changed.bs.select", function(e){
	var idsC = new Array( $("#slCategorias").selectpicker("val") );
	$.post(
		"<?php echo URL::route('SysWebVentasCampanhasListadoDePyV'); ?>",
		{accion: "PxC", idsC: idsC},
		function(data){
			if(data.success){
				$("#slProductos").html("");
				$.each(data.productos, function(i, producto){
					$("#slProductos").append('<option value="'+producto.id+'">'+producto.nombre+'</option>');
					$("#slProductos").selectpicker("refresh");
				});
			}
		},
		"json"
	);
});
$("#btnAgregarListado").click(function(e){
	var mensaje = '<div class="row"> \
		<div class="col-xs-12"> \
			<form id="frmAgregarListado"> \
				<h2> Se agregará tu selección a esta campaña </h2> \
			</form> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Agregar producto(s) al listado de la campaña",
		type: BootstrapDialog.TYPE_WARNING,
		message: mensaje,
		draggable: true,
		closeByBackdrop: false,
		cssClass: "ModalEliminar mdAvatar",
		onshown: function(dialogItself){
			$("body").addClass("modal-open");
		},
		buttons: [{
			id: "btnAgregarListado",
			label: "Agregar",
			cssClass: "btn-primary btn-lg btn-block",
			action: function(dialogItself){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				var modalBody = dialogItself.getModalBody();
				$("#btnAgregarListado").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
				$.post(
					"<?php echo URL::route('SysWebVentasCampanhasCampanhaListadoPSyV', array($CampanhaDePromocion->id)); ?>",
					{accion: "agregar", idsPS: $("#slProductos").selectpicker("val")},
					function(data){
						$.isLoading("hide"); NProgress.done();
						$("#btnAgregarListado").html("Agregar").prop("disabled", false);
						if(data.success){
							dialogItself.close();
							var table = $("#tblCampanhasListadoPSyV").DataTable();
							table.ajax.reload(null, false);
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
						}
						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(""); } });
						}
					},
					"json"
				);
			}
		}],
		onhidden: function(dialogItself){
			$("body").removeClass("modal-open");
		}
	});
});
$("#tblCampanhasListadoPSyV").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "<?php echo URL::route('SysWebVentasCampanhasCampanhaListadoPSyV', array($CampanhaDePromocion->id)); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); },
	columns: [
		{data: "nombre", name: "nombre"},
		{data: "sin_variaciones", name: "sin_variaciones", "searchable": false},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	responsive: true,
	initComplete: function(){
		var input = $(".dataTables_filter input").unbind(),
		self = this.api(),
		$searchButton = $('<button class="btn btn-primary tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Buscar">').html('<i class="fa fa-search"></i>').click(function(){
			self.search(input.val().trim()).draw();
		}),
		$clearButton = $('<button class="btn btn-default tooltips" style="margin-left: 5px;" data-toggle="tooltip" data-original-title="Limpiar">').html('<i class="fa fa-paint-brush"></i>').click(function(){
			input.val('');
			$searchButton.click(); 
		});
		$(".dataTables_filter").append($searchButton, $clearButton);
		$("body").tooltip({selector: "[data-toggle='tooltip']"});
	}
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
		window.scrollTo(0, 0);
	}
});
<?php if(Session::has('EliminarMensajeS')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeS'); ?>", type: "success" });
<?php endif; ?>
<?php if(Session::has('EliminarMensajeE')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('EliminarMensajeE'); ?>", type: "error" });
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>