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

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

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


<?php echo HTML::style('Webui-Popover/jquery.webui-popover.min.css'); ?>

<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
	/*.porcentajes{ display: none; }*/
	/*body .bootstrap-select{ z-index: 99999; }*/
</style>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-envelope-o"></i> E-Mail Marketing </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<?php /*
	<div class="col-md-12">
		<nav class="navbar navbar-inverse">
			<ul class="nav navbar-nav">
				<li><a href="<?php echo URL::to('templates'); ?>">Ver todos los Templates</a></li>
				<li><a href="<?php echo URL::to('templates/create'); ?>">Crear un Template</a>
			</ul>
		</nav>
	</div>
	*/ ?>
	<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-5">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Campaña <?php echo $Campanha->nombre; ?> </h3> </div>
			<div class="porlets-content">
				<table class="table">
					<tr>
						<th> Asunto </th>
						<td> <?php echo $Campanha->asunto; ?> </td>
					</tr>
					<tr>
						<th> Listas </th>
						<td>
							<?php $ListasEmails = ListaEmail::select('listas_emails.nombre')->join('listas_campanhas AS lc', 'lc.listas_emails_id', '=', 'listas_emails.id')->where('lc.campanhas_id', '=', $Campanha->id)->get(); ?>
							<div class="row">
								<?php foreach($ListasEmails as $ListaEmail): ?>
								<div class="Separacion"> <span class="label label-info"> <?php echo $ListaEmail->nombre; ?> </span> </div>
								<?php endforeach; ?>
							</div>
						</td>
					</tr>
					<tr>
						<th> Mensaje </th>
						<td id="Mensaje"> <?php echo str_replace('{ clic }', '', $Campanha->mensaje); ?> </td>
					</tr>
				</table>
				<div id="HdnMensaje" style="display: none;"></div>
			</div>
		</div>
	</div>
	<div class="col-md-5">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Programar envío </h3> </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => array('SysWebEmailMarketingCampanhasProgramarEnvio', $Campanha->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmProgramar')); ?>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Fecha de envío </label>
						<div class="col-sm-9">
							<div class='input-group date' id='fecha_envio'>
								<?php echo Form::text('fecha_envio', '',  array('class' => 'form-control', 'placeholder' => '')); ?>

								<span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
							</div>
							<span class="text-danger" id="errfecha_envio"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Zona horaria </label>
						<div class="col-sm-9">
							<?php $ZonaHoraria = Cliente::select('zona_horaria')->where('users_id', '=', Auth::user()->id)->first()->zona_horaria; ?>
							<?php echo Timezone::selectForm($ZonaHoraria, 'Seleccione su zona horaria...', array('class' => 'form-control selectpicker', 'data-live-search' => 'true', 'name' => 'zona_horaria', 'id' => 'slZonaHoraria'), array('customValue' => 'true')); ?>

							<span class="text-danger" id="errzona_horaria"> </span>
						</div>
					</div>
					<fieldset>
						<div class="form-group">
							<label class="col-sm-3 control-label"> ¿A quienes? </label>
							<div class="col-sm-9">
								<label class="radio-inline">
									<input type="radio" checked value="0" id="rdTodos" name="quienes">
									<span class="custom-radio"></span> A Todos
								</label>
								<label class="radio-inline">
									<input type="radio" value="1" id="rdNoAbiertos" name="quienes">
									<span class="custom-radio"></span> No Abiertos
								</label>
							</div>
						</div>
					</fieldset>
					<div class="bottom">
						<?php echo Form::button('Programar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')); ?> Ó
						<?php echo Form::button('Enviar inmediatamente', array('class' => 'btn btn-success tooltips', 'id' => 'btnInmediatamente', 'type' => 'button', 'data-toggle' => 'tooltip', 'data-original-title' => 'Puedes realizar el envío de la campaña publicitaria de manera inmediata, en base a tu zona horaria seleccionada al momento de realizar el registro')); ?>

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

			</div>
		</div>
	</div>
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Datos de envío
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="refresh" onclick="Actualizar()" href="javascript:Actualizar();" style="color: rgba(0, 0, 0, 0.3)"> <i class="fa fa-repeat"> </i> </a>
						<a class="btn active small border-gray right-margin" href="javascript:;" onclick="CambioVista(1)">
							<span class="button-content">
								<input type="radio" name="radio-toggle-1" value="1">
								#
							</span>
						</a>
						<a class="btn small border-gray" href="javascript:;" onclick="CambioVista(2)">
							<span class="button-content">
								<input type="radio" name="radio-toggle-1" value="2">
								%
							</span>
						</a>
					</div>
				</h3>
			</div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblProgramacionesCampanhas">
						<thead>
							<tr>
								<th class="col-md-2"> Fecha </th>
								<th class="col-md-2"> Zona horaria </th>
								<th class="col-md-2"> Estado </th>
								<th class="col-md-1"> Enviados </th>
								<th class="col-md-1"> Enviados </th>
								<th class="col-md-1"> Abiertos </th>
								<th class="col-md-1"> Abiertos </th>
								<th class="col-md-1"> Clics </th>
								<th class="col-md-1"> Clics </th>
								<th class="col-md-1"> Rebotes </th>
								<th class="col-md-1"> Rebotes </th>
								<th class="col-md-1"> Quejas </th>
								<th class="col-md-1"> Quejas </th>
								<th class="col-md-1"> Desuscritos </th>
								<th class="col-md-1"> Desuscritos </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</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('bootstrap-select/js/i18n/defaults-es_CL.min.js'); ?>

<?php echo HTML::script('bootstrap-datetimepicker/js/moment-with-locales.js'); ?>

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

<?php echo HTML::script('SysWeb/SumeClientes/php.js'); ?>

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

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


<?php echo HTML::script('Webui-Popover/jquery.webui-popover.min.js'); ?>

<script type="text/javascript">
	function DecodificarVinculo(){
		var mensaje = $("#Mensaje").html();
		$("#HdnMensaje").html(mensaje);
		$("#HdnMensaje").find("a").each(function() {
			var ruta = $(this).attr("href");
			ruta = ruta.replace("{ clic }", "");
			ruta = decode(ruta);
			$(this).attr("href", ruta);
		});
		mensaje = $("#HdnMensaje").html();
		$("#Mensaje").html(mensaje);
		$("#HdnMensaje").html("");
	}
	function Actualizar(){
		var table = $("#tblProgramacionesCampanhas").DataTable();
		table.ajax.reload(null, false);
	}
	function CambioVista(value){
		var value = value;
		var table = $("#tblProgramacionesCampanhas").DataTable();
		if(value == 1){
			table.columns(".numeros").visible(true, false);
			table.columns(".porcentajes").visible(false, false);
		}
		else if(value == 2){
			table.columns(".porcentajes").visible(true, false);
			table.columns(".numeros").visible(false, false);
		}
		table.ajax.reload(null, false);
	}
	function Popover(id, evento, tipo){
		var id = id;
		var evento = evento;
		var tipo = tipo;
		var rutaPOST = "<?php echo URL::route('SysWebEmailMarketingCampanhasProgramarEnvioCrearListas', array($Campanha->id)); ?>";
		if(evento == 'A' && tipo == 'N'){ rutaPOST = rutaPOST+"/A";  var selector = "APC";  var titulo = "en base a abiertos"; }
		else if(evento == 'A' && tipo == 'P'){ rutaPOST = rutaPOST+"/A"; var selector = "APCP"; var titulo = "en base a abiertos";  }
		else if(evento == 'C' && tipo == 'N'){ rutaPOST = rutaPOST+"/C";  var selector = "CPC"; var titulo = "en base a clics"; }
		else if(evento == 'C' && tipo == 'P'){ rutaPOST = rutaPOST+"/C";  var selector = "CPCP"; var titulo = "en base a clics"; }
		var abiertos = <?php if($Campanha->segmentacion_id == ''): ?> <?php echo "false"; ?> <?php else: ?> <?php echo "true"; ?> <?php endif; ?> ;
		var clics = <?php if($Campanha->segmentacionc_id == ''): ?> <?php echo "false"; ?> <?php else: ?> <?php echo "true"; ?> <?php endif; ?> ;
		<?php if($Campanha->segmentacion_id != ''): ?>
		<?php $SegmentacionA = ListaEmail::select('nombre')->where('id', '=', $Campanha->segmentacion_id)->first()->nombre; ?>
		var listaA = "<?php echo $SegmentacionA; ?>";
		<?php else: ?>
		var listaA = "";
		<?php endif; ?>
		<?php if($Campanha->segmentacionc_id != ''): ?>
		<?php $SegmentacionC = ListaEmail::select('nombre')->where('id', '=', $Campanha->segmentacionc_id)->first()->nombre; ?>
		var listaC = "<?php echo $SegmentacionC; ?>";
		<?php else: ?>
		var listaC = "";
		<?php endif; ?>
		if( (evento == 'A' && abiertos) || (evento == 'C' && clics) ){
			if(evento == 'A'){ var nombrelista = listaA; }else if(evento == 'C'){ var nombrelista = listaC; }
			var contenido = '<form id="frmCrearLista"> \
							<div class="form-group"> \
								<label> Proceso a realizar </label> \
								<br> \
								<label class="radio"> \
									<input type="radio" checked value="0" id="rdPrincipal" name="segmento"> \
									<span class="custom-radio"></span> Agregar a <strong>'+nombrelista+'</strong> \
								</label> \
								<label class="radio"> \
									<input type="radio" value="1" id="rdSegmentos" name="segmento"> \
									<span class="custom-radio"></span> Crear nuevo segmento \
								</label> \
							</div> \
							<div id="Crear" style="display: none;"> \
								<div class="form-group"> \
									<label> Nombre lista de suscriptores </label> \
									<input type="text" class="form-control" name="nombre"> \
									<span id="errnombre" class="text-danger"> </span> \
								</div> \
								<div class="form-group"> \
									<label> Página de desuscripción </label> \
									<input type="text" class="form-control" name="pagina_desuscripcion"> \
									<span id="errpagina_desuscripcion" class="text-danger"> </span> \
								</div> \
							</div> \
							<input type="hidden" name="idPC" value="'+id+'"> \
							<button id="btnCrearLista" class="btn btn-primary btn-block" type="button"> Agregar </button> \
						</form>';
		}
		else{
			var contenido = '<form id="frmCrearLista"> \
							<div class="form-group"> \
								<label> Nombre lista de suscriptores </label> \
								<input type="text" class="form-control" name="nombre"> \
								<span id="errnombre" class="text-danger"> </span> \
							</div> \
							<div class="form-group"> \
								<label> Página de desuscripción </label> \
								<input type="text" class="form-control" name="pagina_desuscripcion"> \
								<span id="errpagina_desuscripcion" class="text-danger"> </span> \
							</div> \
							<input type="hidden" name="idPC" value="'+id+'"> \
							<button id="btnCrearLista" class="btn btn-primary btn-block" type="button"> Crear </button> \
						</form>';
		}
		$("#"+selector+id).webuiPopover({
			title: "Segmentación de suscriptores "+titulo,
			content: contenido,
			type: "html",
			closeable: true,
			cache: false,
			onShow: function(){
				$("#btnCrearLista").click(function(){
					$('[id^="err"]').html("");
					$("button[type='submit']").prop("disabled", true);
					var texto = $("#btnCrearLista").html();
					$("#btnCrearLista").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Creando');
					$.post(
						rutaPOST,
						$("#frmCrearLista").serialize(),
						function(data){
							$("button[type='submit']").prop("disabled", false);
							$("#btnCrearLista").prop("disabled", false).html(texto);
							if(data.success){
								$("#"+selector+id).webuiPopover("hide");
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								setTimeout( function(){ window.location.href = data.ruta; }, 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(""); } });
							}
						},
						"json"
					);
				});
				$("#rdPrincipal").click(function(){ $("#Crear").hide("slow"); $("#btnCrearLista").html("Agregar"); });
				$("#rdSegmentos").click(function(){ $("#Crear").show("slow"); $("#btnCrearLista").html("Crear"); });
			},
			onHide: function(){ $('[id^="err"]').html(""); $("#frmCrearLista").trigger("reset"); $(".webui-popover").remove(); }
		});
		$("#"+selector+id).on("shown.webui.popover",function(e){ /**/ });
		$("#"+selector+id).webuiPopover("show");
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("#tblProgramacionesCampanhas").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "<?php echo URL::route('SysWebEmailMarketingCampanhasProgramarEnvio', $Campanha->id); ?>",
	columns: [
		{data: 'fecha_envio', name: 'fecha_envio', "searchable": false},
		{data: 'zona_horaria', name: 'zona_horaria', "searchable": false},
		{data: 'enviado', name: 'enviado', "searchable": false},
		{data: 'enviados', name: 'enviados', "searchable": false},
		{data: 'enviadop', name: 'enviadop', "searchable": false, "visible": false},
		{data: 'abiertos', name: 'abiertos', "searchable": false, className: "numeros"},
		{data: 'abiertop', name: 'abiertop', "searchable": false, "visible": false, className: "porcentajes"},
		{data: 'clics', name: 'clics', "searchable": false, className: "numeros"},
		{data: 'clicp', name: 'clicp', "searchable": false, "visible": false, className: "porcentajes"},
		{data: 'rebotes', name: 'rebotes', "searchable": false, className: "numeros"},
		{data: 'rebotep', name: 'rebotep', "searchable": false, "visible": false, className: "porcentajes"},
		{data: 'quejas', name: 'quejas', "searchable": false, className: "numeros"},
		{data: 'quejap', name: 'quejap', "searchable": false, "visible": false, className: "porcentajes"},
		{data: 'desuscritos', name: 'desuscritos', "searchable": false, className: "numeros"},
		{data: 'desuscritop', name: 'desuscritop', "searchable": false, "visible": false, className: "porcentajes"}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	responsive: true,
	"ordering": false,
	"fnDrawCallback": function( oSettings ) {
		$(".Abiertos").webuiPopover();
	}
});
<?php if($Campanha->clic == 1): ?> DecodificarVinculo(); <?php endif; ?>
$("#slZonaHoraria").selectpicker();
$("#fecha_envio").datetimepicker({
	locale: "es",
	format: "D-MM-YYYY hh:mm a"
});
$("#frmProgramar").submit(function(e){
	$("#btnInmediatamente").prop("disabled", true);
	$("#btnAgregar").prop("disabled", true);
	$("#btnAgregar").html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	e.preventDefault();
	$("input[type='submit']").prop("disabled", true);
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingCampanhasProgramarEnvio', array($Campanha->id)); ?>",
		$("#frmProgramar").serialize(),
		function(data){
			$("#btnInmediatamente").prop("disabled", false);
			$("#btnAgregar").prop("disabled", false);
			$("#btnAgregar").html("Programar");
			$("input[type='submit']").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingCampanhasProgramarEnvio', array($Campanha->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(""); } });
			}
		},
		"json"
	);
});
$("#btnInmediatamente").click(function(){
	$("#btnAgregar").prop("disabled", true);
	$("#btnInmediatamente").prop("disabled", true);
	$("#btnInmediatamente").html('<i class="fa fa-spinner fa-spin"></i> Cargando');
	$.post(
		"<?php echo URL::route('SysWebEmailMarketingCampanhasProgramarEnvioInmediatamente', array($Campanha->id)); ?>",
		$("#frmProgramar").serialize(),
		function(data){
			$("#btnAgregar").prop("disabled", false);
			$("#btnInmediatamente").prop("disabled", false);
			$("#btnInmediatamente").html("Inmediatamente");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingCampanhasProgramarEnvio', array($Campanha->id)); ?>"; }, 3000 );
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
			}
		},
		"json"
	);
});
<?php if(Session::has('MensajeS')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('MensajeS'); ?>", type: "success" });
<?php endif; ?>
<?php if(Session::has('MensajeE')): ?>
new PNotify({ title: "Realizado", text: "<?php echo Session::get('MensajeE'); ?>", type: "error" });
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>