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

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

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

<?php $__env->stopSection(); ?>


<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-dot-circle-o"></i> Páginas de captura </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-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Listado de variaciones creadas </h3> </div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-hover" id="tblVariaciones">
						<thead>
							<tr>
								<th class="col-md-3"> Página 1 </th>
								<th class="col-md-3"> Página 2 </th>
								<th class="col-md-5"> Enlace </th>
								<th class="col-md-1"> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom"> </div>
		</div>
	</div>
</div><!--/row end-->

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Crear nueva variación </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => 'SysWebPAterrizajeVariacionGuardar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true)); ?>

				<span class="text-danger" id="errplantillasxclientes_id"> <?php echo $errors->first('plantillasxclientes_id'); ?> </span>
				<div class="row">
					<div class="col-md-3">
						<div class="form-group">
							<label> Nombre de variación </label>
							<input type="text" class="form-control" name="nombre">
							<span class="text-danger" id="errnombre"> <?php echo $errors->first('nombre'); ?> </span>
						</div>
					</div>
					<div class="col-md-3 col-md-offset-1">
						<div class="form-group">
							<label> Página 1 </label>
							<select id="pagina_1" class="selectpicker with-ajax form-control" data-live-search="true" name="pagina_1"></select>
							<span class="text-danger" id="errpagina_1"> <?php echo $errors->first('pagina_1'); ?> </span>
						</div>
					</div>
					<div class="col-md-3 col-md-offset-1">
						<div class="form-group">
							<label> Página 2 </label>
							<select id="pagina_2" class="selectpicker with-ajax form-control" data-live-search="true" name="pagina_2"></select>
							<span class="text-danger" id="errpagina_2"> <?php echo $errors->first('pagina_2'); ?> </span>
						</div>
					</div>
					<div class="col-md-12 text-center" style="padding-bottom: 10px;">
						<span class="text-danger" id="errpaginas"> <?php echo Session::get('paginas'); ?> <?php echo $errors->first('paginas'); ?> </span>
					</div>
				</div>
				<div class="bottom">
					<?php echo Form::button('Crear', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')); ?>

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

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

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('bootstrap-select/js/bootstrap-select.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'); ?>

<?php echo HTML::script('ZeroClipBoard/ZeroClipboard.js'); ?>

<?php echo HTML::script('ClipboardJS/clipboard.min.js'); ?>

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

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

<script type="text/javascript">
	ZeroClipboard.config( { swfPath: "<?php echo asset('ZeroClipBoard/ZeroClipboard.swf'); ?>" } );
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("#frmAgregar").submit(function(e){
	$('[id^="err"]').html("");
	$("#btnAgregar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	$("#btnAgregar").prop("disabled", true);
	$.post(
		"<?php echo URL::route('SysWebPAterrizajeVariacionGuardar', array()); ?>",
		$("#frmAgregar").serialize(),
		function(data){
			$("#btnAgregar").html("Crear").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				var table = $("#tblVariaciones").DataTable();
				table.ajax.reload(null, false);
			}
			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"

	);
});
var options = {
	ajax : {
		url: "<?php echo URL::route("SysWebPAterrizajeVariacionSelect"); ?>",
		type: "POST",
		dataType: "json",
		data: {
			q: "<?= "{{{q}}}" ?>"
		}
	},
	locale: {
		emptyTitle: "Seleccione una página, buscando su nombre"
	},
	log: 3,
	preprocessData: function (data) {
		var i, l = data.length, array = [];
		if (l) {
			for (i = 0; i < l; i++) {
				array.push($.extend(true, data[i], {
					text: data[i].nombre,
					value: data[i].id,
					data: {
						subtext: data[i].nombre
					}
				}));
			}
		}
		return array;
	}
};
$("#pagina_1").selectpicker().filter(".with-ajax").ajaxSelectPicker(options);
$("#pagina_1").trigger("change");
$("#pagina_2").selectpicker().filter(".with-ajax").ajaxSelectPicker(options);
$("#pagina_2").trigger("change");
$("#tblVariaciones").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "<?php echo URL::route('SysWebPAterrizajeVariacion'); ?>",
	columns: [
		{data: "nombreP1", name: "pxc1.nombre"},
		{data: "nombreP2", name: "pxc2.nombre"},
		{data: "enlace", name: "enlace", "searchable": false, "orderable": false},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
		var clipboard = new Clipboard(".btnCopiar");
		clipboard.on("success", function(e) {
			$("#"+e.trigger.id).tooltip({trigger: "manual", title: "Copiado!"});
			$("#"+e.trigger.id).tooltip("show");
			$("#"+e.trigger.id).html('<i class="fa fa-check"></i>');
			setTimeout(function(){ $("#"+e.trigger.id).html('<i class="fa fa-copy"></i>'); $("#"+e.trigger.id).tooltip("destroy"); }, 1000);
		});
		clipboard.on("error", function(e) {
			var msj = "";
			if(/iPhone|iPad/i.test(navigator.userAgent)) {
				msj = "El navegador web no soporta la función de copiado, debes hacerlo manualmente";
			}
			else if (/Mac/i.test(navigator.userAgent)) {
				msj = "Presiona ⌘-C para copiar";
			}
			else {
				msj = "Presiona Ctrl-C para copiar";
			}
			$("#"+e.trigger.id).tooltip({trigger: "manual", title: msj});
			$("#"+e.trigger.id).tooltip("show");
			setTimeout(function(){ $("#"+e.trigger.id).tooltip("destroy"); }, 5000);
		});
	},
	autoWidth: false
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>