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

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

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

<style type="text/css">
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header .bootstrap-dialog-title {
		font-size: 18px;
		font-weight: bold;
	}
	.mdAvatar .modal-dialog .modal-body .bootstrap-dialog-message {
		font-size: 15px;
	}
	.mdAvatar .modal-dialog .modal-footer {
		margin-top: 0px;
	}
	.btnRadius{
		border-radius : 4px !important;
	}
</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>
<?php
	//VERIFICACIÓN SI TIENE BLOQUEADO EL ENVÍO CON AMAZON SES Y YA TIENE ACTIVO SU PROPIO SES ---------
	$bloquearSES = Cliente::select('bloquearSES')
	->where('id', '=', Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)
	->first()
	->bloquearSES;
	$tieneCA = ConfiguracionAmazon::
	where('clientes_id', '=', Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)
	->where('estado', '=', 1)
	->count();
	//-----------------------------------------------------------------------------------------------------------
?>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> 
			<h3 class="content-header">
					Perfiles para envíos de correo
				<?php if( $bloquearSES == 0 || $tieneCA > 0 ): ?>
				<?php echo HTML::linkRoute('SysWebEmailMarketingConfPerfilesAgregar', 'Crear', array(), array('class' => 'btn btn-primary crearP btnRadius')); ?>

				<?php else: ?>
				<div class="alert alert-warning" role="alert">
					Actualmente no puedes crear más perfiles por restricciones impuestas por parte de Amazon como nustro proveedor de servicios para los envíos de correos electrónicos masivos, sin embargo puedes crear tu propia cuenta de <a href="https://aws.amazon.com/es/ses/" target="_blank">Amazon SES</a> y contactarnos por el chat de soporte para que uno de nuestros asesores te ayude a programar una videollamada de configuración de tu cuenta de <a href="https://aws.amazon.com/es/ses/" target="_blank">Amazon SES</a> para enviar correos electrónicos masivos mediante nuestra plataforma.
				</div>
				<?php endif; ?>
				<input type="hidden" name="tieneCA" value="<?php echo $tieneCA; ?>">
					<div data-toggle="buttons" class="button-group pull-right">
						<a class="tooltips" data-toggle="tooltip" data-original-title="Correo institucional con dominio de Sume Clientes" onclick="ConfCEI()" href="javascript:ConfCEI()" style="color: rgba(0, 0, 0, 0.3); padding-right: 6px;">
							<i class="fa fa-envelope"> </i>
						</a>
						<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="tblPerfiles">
						<thead>
							<tr>
								<th></th>
								<th class="col-md-5"> Nombre de remitente </th>
								<th class="col-md-5"> Correo de remitente </th>
								<th class="col-md-2 text-center"> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				<?php if( $bloquearSES == 0 || $tieneCA > 0 ): ?>
				<?php echo HTML::linkRoute('SysWebEmailMarketingConfPerfilesAgregar', 'Crear', array(), array('class' => 'btn btn-primary crearP')); ?>

				<?php else: ?>
				<div class="alert alert-warning" role="alert">
					Actualmente no puedes crear más perfiles por restricciones impuestas por parte de Amazon como nustro proveedor de servicios para los envíos de correos electrónicos masivos, sin embargo puedes crear tu propia cuenta de <a href="https://aws.amazon.com/es/ses/" target="_blank">Amazon SES</a> y contactarnos por el chat de soporte para que uno de nuestros asesores te ayude a programar una videollamada de configuración de tu cuenta de <a href="https://aws.amazon.com/es/ses/" target="_blank">Amazon SES</a> para enviar correos electrónicos masivos mediante nuestra plataforma.
				</div>
				<?php endif; ?>
				<input type="hidden" name="tieneCA" value="<?php echo $tieneCA; ?>">
			</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('DataTables/jquery.dataTables.min.js'); ?>

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

<?php echo HTML::script('DataTables/dataTables.responsive.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? </h2> \
									<input type='hidden' name='idCE' value='"+id+"'> \
								</form> \
							</div> \
						</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			closeByKeyboard: false,
			cssClass: "ModalEliminar mdAvatar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger btn-block btn-lg",
				action: function(dialogItself){
					NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"<?php echo URL::route('SysWebEmailMarketingConfPerfilesEliminar'); ?>",
						{idCE:id},
						function(data){
							NProgress.done();
							$("#btnEnviar").prop("disabled", false).html("Eliminar");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								//setTimeout( function(){ window.location.reload(); }, 3000 );
								var table = $("#tblPerfiles").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"
					);
				}
			}],
			onshown: function(dialogRef){
				$("body").addClass("modal-open");
			},
			onhidden: function(dialogRef){
				$("body").removeClass("modal-open");
			}
		});
	}
	function ReenviarVerificacion(id){
		var id = id;
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		$.post(
			"<?php echo URL::route('SysWebEmailMarketingConfPerfilesReenviarVerificacion'); ?>",
			{idCE: id},
			function(data){
				$.isLoading("hide"); NProgress.done();
				if(data.success){
					new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
					setTimeout( function(){ window.location.reload(); }, 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"
		);
	}
	function Actualizar(){
		var table = $("#tblPerfiles").DataTable();
		table.ajax.reload(null, false);
	}
	function ClonarPerfil(id){
		$.isLoading(); NProgress.start();
		$.post(
			"<?php echo URL::route('SysWebEmailMarketingConfPerfilesClonar'); ?>",
			{idCE: id},
			function(data){
				if(data.success){
					new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
					var table = $("#tblPerfiles").DataTable();
					table.ajax.reload(null, false);
					$.isLoading("hide"); NProgress.done();
				}
				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(""); } });
					$.isLoading("hide"); NProgress.done();
				}
			},
			"json"
		);
	}
	function VincularListasYCampanhas(id){
		<?php
			$idC = Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id;
			$Listas = ListaEmail::select('id', 'nombre')->where('clientes_id', '=', $idC)->get();
			$Campanhas = Campanha::select('campanhas.id', 'campanhas.nombre')->join('configuraciones_emails AS ce', 'ce.id', '=', 'campanhas.configuraciones_emails_id')->where('ce.clientes_id', '=', $idC)->get();
		?>
		var id = id;
		var mensaje = "<div class='row'> \
			<div class='col-xs-12'> \
				<form id='frmVincularListaYCampanha'> \
					<div class='form-group'> \
						<label for='slListas'>¿A que listas de suscripción deseas asociarlo?</label> \
						<select class='form-control selectpicker listas' multiple name='slListas[]' title='Selecciona la(s) lista(s) que deseas asociarle...' data-selected-text-format='count' data-actions-box='true' data-live-search='true'> \
						<?php foreach($Listas as $Lista): ?> <option value='<?php echo $Lista->id; ?>'><?php echo str_replace('"', "'", $Lista->nombre); ?></option> <?php endforeach; ?> \
						</select> \
						<span class='text-danger' id='errslListas'></span> \
					</div> \
					<div class='form-group'> \
						<label for='slCampanhas'>¿A que campañas deseas asociarlo?</label> \
						<select class='form-control selectpicker campanhas' multiple name='slCampanhas[]' title='Selecciona la(s) campañas(s) que deseas asociarle...' data-selected-text-format='count' data-actions-box='true' data-live-search='true'> \
						<?php foreach($Campanhas as $Campanha): ?> <option value='<?php echo $Campanha->id; ?>'><?php echo str_replace('"', "'", $Campanha->nombre); ?></option> <?php endforeach; ?> \
						</select> \
						<span class='text-danger' id='errslCampanhas'></span> \
					</div> \
					<input type='hidden' name='idCE' value='"+id+"'> \
					<input type='hidden' name='accion' value='asociar'> \
				</form> \
			</div> \
		</div>";
		BootstrapDialog.show({
			title: "Asociar a listas de suscripción y/o campañas",
			type: BootstrapDialog.TYPE_INFO,
			message: mensaje,
			draggable: true,
			closeByBackdrop: false,
			closeByKeyboard: false,
			cssClass: "ModalEliminar mdAvatar",
			buttons: [{
				id: "btnAsociar",
				label: "Asociar",
				cssClass: "btn-info btn-block btn-lg",
				action: function(dialogItself){
					NProgress.start();
					$("#btnAsociar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Asociando');
					$.post(
						"<?php echo URL::route('SysWebEmailMarketingConfPerfilesAsociarListasYCampanhas'); ?>",
						$("#frmVincularListaYCampanha").serialize(),
						function(data){
							NProgress.done();
							$("#btnAsociar").prop("disabled", false).html("Asociar");
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
								//setTimeout( function(){ window.location.reload(); }, 3000 );
								var table = $("#tblPerfiles").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"
					);
				}
			}],
			onshown: function(dialogRef){
				var modalBody = dialogRef.getModalBody();
				modalBody.find(".selectpicker").selectpicker();
				NProgress.start();
				var idCE = modalBody.find('[name="idCE"]').val();
				$.post(
					"<?php echo URL::route('SysWebEmailMarketingConfPerfilesAsociarListasYCampanhas'); ?>",
					{accion: "obtenerLEyC", idCE: idCE},
					function(data){
						NProgress.done();
						if(data.success){
							modalBody.find(".listas").selectpicker("val", data.ListasEmails);
							modalBody.find(".campanhas").selectpicker("val", data.Campanhas);
						}
					},
					"json"
				);
				$("body").addClass("modal-open");
			},
			onhidden: function(dialogRef){
				$("body").removeClass("modal-open");
			}
		});
	}
	function ConfCEI(){
		window.location.href = "<?php echo URL::route('SysWebEmailMarketingConfPerfilesCorreoInstitucional'); ?>";
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".crearP").click(function(e){
	e.preventDefault();
	var mensaje = '<div class="row"> \
		<div class="col-md-12"> \
			<p> <strong>Por favor ten en cuenta que:</strong> para que tus secuencias y campañas de correo sean más efectivas debes apegarte a las siguientes buenas prácticas de envió. </p> \
			<p> Por lo anterior debes comprometerte a: </p> \
			<div class="ckbox ckbox-success"> <input id="ch1" type="checkbox" class="chCrearPerfil"> <label for="ch1" style="font-weight: inherit;">Identificaré claramente en el remitente el nombre de mi negocio o mi nombre (o ambos). <strong>La idea</strong> es que las personas recibiendo tus mensajes te identifiquen claramente y sea más probable que interactúen con tus correos. Ejemplos de nombres de remitente efectivos son: ACME o Rodrigo Beliz o Rodrigo de ACME.</label> </div> \
			<div class="ckbox ckbox-success"> <input id="ch2" type="checkbox" class="chCrearPerfil"> <label for="ch2" style="font-weight: inherit;">Me aseguraré de que todos mis correos lleven mi logo o el nombre de mi negocio o el nombre de mi dominio en un lugar prominente en el cuerpo del correo. <strong>La idea</strong> es que las personas recibiendo tus mensajes te identifiquen claramente y sea más probable que interactúen con tu contenido.</label> </div> \
		</div> \
	</div>';
	BootstrapDialog.show({
		cssClass: "mdAvatar",
		title: "ANTES DE CREAR TU PERFIL...",
		message: mensaje,
		draggable: true,
		type: BootstrapDialog.TYPE_PRIMARY,
		onshown: function(dialogRef){
			var modalBody = dialogRef.getModalBody();
			var chs = modalBody.find(".chCrearPerfil");
			var btnCrearPerfil = $("#btnCrearPerfil");
			chs.change(function(){
				btnCrearPerfil.attr("disabled", chs.is(":not(:checked)"));
				if(chs.is(":not(:checked)")){
					btnCrearPerfil.addClass("disabled");
				}
				else{
					btnCrearPerfil.removeClass("disabled");
				}
			});
		},
		buttons: [{
			id: "btnCrearPerfil",
			label: "Crear Perfíl",
			cssClass: "btn-primary btn-lg btn-block disabled",
			action: function(dialogItself){
				var modalBody = dialogItself.getModalBody();
				window.location.href = "<?php echo URL::route('SysWebEmailMarketingConfPerfilesAgregar'); ?>";
			}
		}]
	});
});
/*$("#tblPerfiles").DataTable({
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	responsive: true
});*/
var tabla = $("#tblPerfiles").DataTable({
	"processing": true,
	"serverSide": true,
	"pageLength": 10,
	"ordering": false,
	"searching": false,
	"ajax": "<?php echo URL::route('SysWebEmailMarketingConfPerfiles'); ?>",
	preDrawCallback: function (settings) { $.isLoading("hide"); },
	columns: [
		{data: null, defaultContent: "", "searchable": false, "orderable": false},
		{data: "remitente", name: "remitente", "searchable": true},
		{data: "correo_electronico", name: "correo_electronico", "searchable": true},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
				if($(nTd).find(".reenviar").length){
					$(nTd).closest("tr").addClass("warning");
					$(nTd).prev().text( $(nTd).prev().text().trim()+ " (Aún no está verificado)");
				}
				if( parseInt( $(nTd).find(".editar").attr("data-estadosrv") ) == 0 ){
					$(nTd).closest("tr").addClass("danger");
					$(nTd).prev().text( $(nTd).prev().text().trim()+ " (Este perfil ya no puede ser utilizado, por favor contáctanos por el chat de soporte)");
				}
				if( parseInt( $(nTd).find(".editar").attr("data-estadoce") ) == 0 ){
					$(nTd).closest("tr").addClass("danger");
					$(nTd).prev().text( $(nTd).prev().text().trim()+ " (Este perfil ya no puede ser utilizado por restricciones de Amazon, por favor contáctanos por el chat de soporte)");
					if( parseInt( $('[name="tieneCA"]').val() ) == 0 ){
						$(nTd).find(".btn").addClass("disabled");
					}
				}
			}
		},	
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>",
		select: {
			rows: {
				_: "Tienes seleccionada %d filas",
				0: "De clic sobre la fila para seleccionarla",
				1: "Solo tiene 1 fila seleccionada"
			}
		}
	},
	"fnDrawCallback": function( oSettings ) {
		$(".tooltips").tooltip();
		$(".table-responsive").find("[title]").tooltip();
		if( oSettings.aoData.length < 3){
			$(".crearP").removeClass("hide");
		}else{
			$(".crearP").addClass("hide");
		}
	},
	autoWidth: false,
	responsive: {
		"details": {
			"type": "column",
			"target": 0
		}
	},
	columnDefs: [{
		"data": null,
		"defaultContent": "",
		"className": "control",
		"orderable": false,
		"width": "9%",
		"targets": 0
	}],
}).on("processing.dt", function(e, settings, processing) {
	if (processing) {
		$.isLoading();
	}
	else{
		$.isLoading("hide");
	}
	window.scrollTo(0, 0);
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>