<?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'); ?>

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

<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
	.image_picker_image{ height: 260px !important; width: 200px !important; }
	.mdComprarDominio .modal-header {
		background-color: #363b3f !important;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<?php
	/*$SANDBOX = (App::environment() == 'local' || strpos(public_path(), 'desarrollo'))?1:0;
	$dominio = ($SANDBOX)?'getmoclients.com':$ConfiguracionxSitioWeb->nombre_dominio;*/
	if( App::environment() == 'local' ){
		$dominio = 'getmoclients.com';
	}
	else if( strpos(public_path(), 'desarrollo') ){
		$dominio = 'demosume.us';
	}
	else{
		$dominio = $ConfiguracionxSitioWeb->nombre_dominio;
	}
?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="icons-web-site" style="font-size: 30px !important;"></i> Sitio Web </h2>
	</div>
</div>
<?php if( $ConfiguracionxSitioWeb->usuario_cpanel != '' ): ?>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Administración de correos electrónicos
					<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="tblCorreosElectronicos">
						<thead>
							<tr>
								<th class=""> Correo electrónico </th>
								<th class=""> Estado de creación </th>
								<th style="" class=""> Acciones </th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="bottom">
				<button id="btnAgregarCorreo" type="button" class="btn btn-primary">Crear nuevo</button>
				<button id="btnVerificarPlan" type="button" class="btn btn-info">¿Que plan de correos electrónicos tengo activo?</button>
				<button id="btnConfirugarCorreo" type="button" class="btn btn-success">¿Como configuro un correo electrónico?</button>
			</div>
		</div>
	</div>
</div><!--/row end-->
<?php else: ?>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Administración de correos electrónicos </h3> </div>
			<div class="porlets-content">
				<div class="alert alert-info" role="alert">
					<h3>
						:( Lo lamentamos, está opción es válida únicamente para usuarios a los que les brindamos alojamiento es decir configuraron su sitio web mediante DNS ó adquirieron el nombre de dominio con nosotros
					</h3>
				</div>
			</div>
		</div>
	</div>
</div>
<?php endif; ?>
<?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('WebPro/plugins/ckeditor-new/ckeditor.js'); ?>

<?php echo HTML::script('image-picker/image-picker.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('DataTables/dataTables.responsive.min.js'); ?>

<script type="text/javascript">
	function Actualizar(){
		var table = $("#tblCorreosElectronicos").DataTable();
		table.ajax.reload(null, false);
	}
	function cambiarEstado(idCE){
		var idCE = idCE;
		var mensaje = '<div class="row"> \
			<div class="col-xs-12 col-sm-12 col-md-12"> \
				<div class="alert alert-info" role="alert"> \
					Para poder cambiar el estado esta cuenta debes contactarnos por nuestro chat de soporte para realizar el proceso de cambio de estado del correo electrónico \
				</div> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Cambiar estado del correo electrónico",
			type: BootstrapDialog.TYPE_WARNING,
			message: mensaje,
			draggable: true,
			cssClass: "mdComprarDominio"
		});
	}
	function eliminarCorreo(idCE){
		var idCE = idCE;
		var mensaje = '<div class="row"> \
			<div class="col-xs-12 col-sm-12 col-md-12"> \
				<div class="alert alert-info" role="alert"> \
					Para poder eliminar esta cuenta debes contactarnos por nuestro chat de soporte para realizar el proceso de eliminación del correo electrónico \
				</div> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Eliminar correo electrónico",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "mdComprarDominio"
		});
	}
	function editarContrasenha(idCE){
		var idCE = idCE;
		var mensaje = '<div class="row"> \
			<div class="col-xs-12 col-sm-12 col-md-12"> \
				<form id="frmCambiarContrasenha"> \
					<div class="alert alert-info" role="alert"> \
						Para realizar el cambio de la contraseña debes llenar el formulario de abajo y escribirnos en el chat de soporte para solicitar al agente de soporte que haga efectivo el cambio \
					</div> \
					<div class="form-group"> \
						<label for="contrasenha">Escribe la nueva contraseña a asignar</label> \
						<div class="input-group"> \
							<input type="password" class="form-control" placeholder="Nueva contraseña del correo electrónico" name="contrasenha"> \
							<span class="input-group-btn"> \
								<button class="btn btn-default verContra" type="button"><i class="fa fa-eye"></i></button> \
							</span> \
						</div> \
						<span class="text-danger" id="errcontrasenha"></span> \
					</div> \
					<input type="hidden" name="idCE" value="'+idCE+'"> \
					<input type="hidden" name="accion" value="modificarContra"> \
					<button type="button" class="btn btn-primary btn-lg btn-block" id="btnCambiarContraCorreoElectronico">Cambiar contraseña del correo electrónico</button> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Cambiar contraseña de correo electrónico",
			type: BootstrapDialog.TYPE_INFO,
			message: mensaje,
			draggable: true,
			cssClass: "mdComprarDominio",
			onshown: function(dialogRef){
				var modalBody = dialogRef.getModalBody();
				modalBody.find(".verContra").click(function(e){
					var boton = $(this);
					var input = modalBody.find('[name="contrasenha"]');
					if( input.attr("type") == "password" ){
						boton.find("i").removeClass("fa-eye").addClass("fa-eye-slash");
						input.attr("type", "text");
					}
					else{
						boton.find("i").removeClass("fa-eye-slash").addClass("fa-eye");
						input.attr("type", "password");
					}
				});
				modalBody.find("#btnCambiarContraCorreoElectronico").click(function(e){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$(this).html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
					$.post(
						"<?php echo URL::route('SysWebSWebCorreosElectronicosPENC'); ?>",
						modalBody.find("#frmCambiarContrasenha").serialize(),
						function(data){
							$.isLoading("hide"); NProgress.done();
							modalBody.find("#btnCambiarContraCorreoElectronico").html("Cambiar contraseña del correo electrónico").prop("disabled", false);
							if(data.success){
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
								dialogRef.close();
								var table = $("#tblCorreosElectronicos").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"
					);
				});
			},
		});
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$("#btnAgregarCorreo").click(function(e){
	var mensaje = '<div class="row"> \
		<div class="col-xs-12 col-sm-12 col-md-12"> \
			<form id="frmCrearCorreoElectronico"> \
				<div class="alert alert-info" role="alert"> \
					Recuerda que la creación del correo podrá tomar un período de 24 horas, en cuanto esté finalizado el proceso te contactarémos por whatsapp o correo electrónico o también puedes contactarnos tu por nuestro chat de soporte y con tu número de cuenta verificar como va el proceso \
				</div> \
				<div class="form-group"> \
					<label>Dirección de Correo electrónico</label> \
					<div class="input-group"> \
						<input type="text" class="form-control correo" placeholder="info" name="correo"> \
						<span class="input-group-addon">@<?=$dominio?></span> \
					</div> \
					<input type="hidden" name="dominio" value="<?=$dominio?>"> \
					<input type="hidden" name="correo_electronico" value=""> \
					<span class="text-danger" id="errcorreo_electronico"></span> \
				</div> \
				<div class="form-group"> \
					<label for="contrasenha">Contraseña</label> \
					<div class="input-group"> \
						<input type="password" class="form-control" placeholder="Contraseña del correo electrónico" name="contrasenha"> \
						<span class="input-group-btn"> \
							<button class="btn btn-default verContra" type="button"><i class="fa fa-eye"></i></button> \
						</span> \
					</div> \
					<span class="text-danger" id="errcontrasenha"></span> \
				</div> \
				<input type="hidden" name="accion" value="agregar"> \
				<button type="button" class="btn btn-primary btn-lg btn-block" id="btnCrearCorreoElectronico">Crear correo electrónico</button> \
			</form> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Creación de correo electrónico",
		type: BootstrapDialog.TYPE_PRIMARY,
		message: mensaje,
		draggable: true,
		cssClass: "mdComprarDominio",
		onshown: function(dialogRef){
			var modalBody = dialogRef.getModalBody();
			modalBody.find(".correo").blur(function(e){
				if( $(this).val() != "" ){
					var correoElectronico = ($(this).val().trim()+"@"+modalBody.find('[name="dominio"]').val().trim()).trim();
					modalBody.find('[name="correo_electronico"]').val( correoElectronico );
				}
			});
			modalBody.find(".verContra").click(function(e){
				var boton = $(this);
				var input = modalBody.find('[name="contrasenha"]');
				if( input.attr("type") == "password" ){
					boton.find("i").removeClass("fa-eye").addClass("fa-eye-slash");
					input.attr("type", "text");
				}
				else{
					boton.find("i").removeClass("fa-eye-slash").addClass("fa-eye");
					input.attr("type", "password");
				}
			});
			modalBody.find("#btnCrearCorreoElectronico").click(function(e){
				$.isLoading({ text: "Cargando..." }); NProgress.start();
				$(this).html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
				$.post(
					"<?php echo URL::route('SysWebSWebCorreosElectronicosPENC'); ?>",
					modalBody.find("#frmCrearCorreoElectronico").serialize(),
					function(data){
						$.isLoading("hide"); NProgress.done();
						modalBody.find("#btnCrearCorreoElectronico").html("Crear correo electrónico").prop("disabled", false);
						if(data.success){
							new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							dialogRef.close();
							var table = $("#tblCorreosElectronicos").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"
				);
			});
		},
	});
});
$("#btnVerificarPlan").click(function(e){
	var nCorreos = <?= $ConfiguracionxSitioWeb->cantidad_correos ?>;
	if( nCorreos > 0 ){
		var infoDelPlan = "Actualmente cuentas con el plan de "+nCorreos+" correos electrónicos, si deseas adquirir más o reducir tu plan entonces puedes contactarnos por el chat de soporte";
	}
	else{
		var infoDelPlan = "Actualmente no cuentas con ningún plan de correos electrónicos, si deseas adquirir alguno puedes contactarnos por el chat de soporte";
	}
	var mensaje = '<div class="row"> \
		<div class="col-xs-12 col-sm-12 col-md-12"> \
			<form id="frmCrearCorreoElectronico"> \
				<div class="alert alert-info" role="alert"> \
					'+infoDelPlan+' \
				</div> \
			</form> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Información de plan de correos electrónicos",
		type: BootstrapDialog.TYPE_INFO,
		message: mensaje,
		draggable: true,
		cssClass: "mdComprarDominio"
	});
});
$("#btnConfirugarCorreo").click(function(e){
	var mensaje = '<div class="row"> \
		<div class="col-xs-12 col-sm-12 col-md-12"> \
			<div class="panel panel-primary" style="border-radius: 4px !important;"> \
				<!-- Default panel contents --> \
				<div class="panel-heading">Parámetros de configuración</div> \
				<!--<div class="panel-body"> </div>--> \
				<!-- Table --> \
				<table class="table"> \
					<tbody> \
						<tr> \
							<td style="width: 20%;"> Nombre de usuario: </td> \
							<td> Su correo electrónico </td> \
						</tr> \
						<tr> \
							<td> Contraseña: </td> \
							<td> Utilice la contraseña de la cuenta de correo electrónico </td> \
						</tr> \
						<tr> \
							<td> Servidor entrante: </td> \
							<td> \
								mail.privatemail.com <br> \
								Puerto POP: 995 <br> \
								Puerto IMAP: 993 \
							</td> \
						</tr> \
						<tr> \
							<td> Servidor de correo: </td> \
							<td> \
								mail.privatemail.com <br> \
								Puerto SMTP: 465 \
							</td> \
						</tr> \
						<tr> \
							<td class="text-center" colspan="2"> \
								Activar encriptación SSL/TLS para ambos servidores <br> \
								Desactivar autenticación (SPA) <br> \
							</td> \
						</tr> \
					</tbody> \
				</table> \
				<!--</div>--> \
			</div> \
		</div> \
	</div>';
	BootstrapDialog.show({
		title: "Configuración de correos electrónicos",
		type: BootstrapDialog.TYPE_SUCCESS,
		message: mensaje,
		draggable: true,
		cssClass: "mdComprarDominio"
	});
});
$("#tblCorreosElectronicos").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "<?php echo URL::route('SysWebSWebCorreosElectronicosPENC'); ?>",
	columns: [
		{data: "correo_electronico", name: "correo_electronico"},
		{data: "procesado", name: "procesado", "searchable": false, "orderable": 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
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>