<?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-daterangepicker/daterangepicker.css'); ?>

<?php echo HTML::style('Intl-Tel-Input/17.0.3/css/intlTelInput.min.css'); ?>

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

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

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

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

<?php echo HTML::style('Spectrum/spectrum.min.css'); ?>

<style type="text/css">
	@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }
	.progress {
		position: relative;
	}
	.progress span {
		position: absolute;
		display: block;
		width: 100%;
		color: black;
	}
	.country-list {
		z-index: 10000 !important;
		/* position: fixed !important; */
	}
	.intl-tel-input input[type="text"] {
		padding-left: 52px !important;
	}
	.intl-tel-input {
		width: 100%;
		display: block !important;
	}
	.intl-tel-input .iti-flag .arrow {
		border: none;
	}
	select.slReadonly {
		background: #eee !important;
		cursor: no-drop;
		pointer-events: none !important;
	}
	select.slReadonly option{
		display: none;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.seleccionado {
		color: #282323;
		font-weight: normal;
	}
	.tel .selected-flag, .whats .selected-flag{
		top: 17px;
	}
	.tel .input-group, .whats .input-group{
		width: 100%;
	}
	.modal .modal-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	.mdAvatar .intl-tel-input.allow-dropdown .selected-flag{
		top: 17px;
	}
	@media (max-width: 768px){
		[name="txtExtension_Tel"] {
			width: 50px !important;
		}
	}
	@media  only screen and (orientation: landscape) and (max-width: 700px) {
		[name="txtExtension_Tel"] {
			width: 70px !important;
		}
	}
	.modal .dataTables_length {
		display: none;
	}
	table.table.fixedHeader-floating {
		top: 35px !important;
		z-index: 99999;
	}
	.ui-pnotify{
		z-index: 999999;
	}
	#tblClientesCRM >thead>tr>th {
		min-width: unset !important;
	}
	th.cl{
		width: 8% !important;
	}
	th.imgC{
		width: 10% !important;
	}
	th.infom{
		width: 20% !important;
	}
	th.vvc{
		width: 12% !important;
	}
	th.asig{
		width: 8% !important;
	}
	th.ps{
		width: 15% !important;	
	}
	th.eti{
		width: 15% !important;
	}
	.intl-tel-input, .iti {
		height: 34px !important;
		width: 100%;
		display: table-cell;
	}
	.btnRadius{
		border-radius: 4px !important;
	}
	table.table.fixedHeader-floating {
		top: 35px !important;
		z-index: 99;
	}
	table.table-bordered.dataTable tbody td {
		vertical-align: middle;
	}
	.ModalConfigurar .modal-header{
		background-color: #363b3f !important;
	}
	.Separacion{
		display: inline-block;
		margin-bottom: 5px;
		cursor: pointer;
		margin-right: 5px;
	}
	.ModalConfigurar .modal-body{
		padding-bottom: 0px;
	}
	.ModalConfigurar .modal-footer{
		margin-top: 0px;
	}
	#dvConfV.nav-tabs{
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		border-bottom: 1px solid #dee2e6 !important;
	}
	#dvConfV.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		border: 0px;
		border-bottom: 0px !important;
	}
	#dvConfV.nav-tabs>li .fa {
		margin-right: 10px;
	}
	#dvConfV.nav-tabs>li:first-child {
		border-left: 1px solid #dee2e6;
	}
	#dvConfV.nav-tabs>li + li{
		margin-left: 1px
	}
	#dvConfV.nav-tabs>li>a:before, .panel .nav-tabs>li>a:before{
		position: absolute;
		top:0px;
		left: 50%;
		content: "";
		height: 3px;
		width: 0;
		background-color: #067fb8;
		transition: 0.7s !important;
	}
	#dvConfV.nav-tabs>li.active>a:before, .panel .nav-tabs>li.active>a:before{
		width: 100%;
		left: 0;
		right: 0;
	}	#dvConfV.nav-tabs{
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		border-bottom: 1px solid #dee2e6 !important;
	}
	#dvConfV.nav-tabs>li {
		float: left;
		margin-bottom: -1px;
		border: 0px;
		border-bottom: 0px !important;
	}
	#dvConfV.nav-tabs>li .fa {
		margin-right: 10px;
	}
	#dvConfV.nav-tabs>li:first-child {
		border-left: 1px solid #dee2e6;
	}
	#dvConfV.nav-tabs>li + li{
		margin-left: 1px
	}
	#dvConfV.nav-tabs>li>a:before, .panel .nav-tabs>li>a:before{
		position: absolute;
		top:0px;
		left: 50%;
		content: "";
		height: 3px;
		width: 0;
		background-color: #067fb8;
		transition: 0.7s !important;
	}
	#dvConfV.nav-tabs>li.active>a:before, .panel .nav-tabs>li.active>a:before{
		width: 100%;
		left: 0;
		right: 0;
	}
	#dvConfV.nav-tabs > li:not(.active) > a{
		background-color:#363b3f;
	}
	#dvConfV.nav-tabs > li:not(.active) > a:hover{
		background-color:#363b3f !important;
	}
	ul.wysihtml5-toolbar > li.slug{
		clear: both;
	}
	#ptab2 .form-group{
		width: 100%;
	}
	#dvConfV.nav-tabs > li:not(.active) > a:hover{
		background-color:#363b3f !important;
	}
	ul.wysihtml5-toolbar > li.slug{
		clear: both;
	}
	#ptab2 .form-group{
		width: 100%;
	}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<?php
	//if( Auth::user()->tipo == 'EC' ){
		$Empleado = Empleado::find( Empleado::select('id')->where('users_id', '=', Auth::id())->first()->id );
		$CargoEmpleado = Cargo::select('nombre')->where('id', '=', $Empleado->cargos_id)->first()->nombre;
	//}
?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="icon-sc-landingpageicon"></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 widget de correos electrónicos
					<?php /* <?php if( $CargoEmpleado == 'Recepción' || $CargoEmpleado == 'Gerente de ventas' || Auth::user()->tipo == 'C' ): ?> */ ?>
					<?php /* <?php endif; ?> */ ?>
				</h3>
			</div>
			<div class="porlets-content">
				<?php if(count($Correos) > 0): ?>
				<div class="alert alert-success actualizacion-paginas alert-dismissable ">
					<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
					<h4 class="text-center" style="font-weight:500; margin-bottom:0px;">Tu tema tiene plantillas de correos nuevas haz clic en <a href='#' onclick="AgregarPaginasNuevas()" class='tooltips agregar-pagina' data-toggle='tooltip' title='Agregar' > Agregar </a> para añadirlas 
					</h4>
				</div>
				<?php endif; ?>
				<div class="tab-container tb-pasarelas">
					<ul class="nav nav-tabs dvConfV" id="dvConfV" style="background-color: unset;">
						<li class="step active paginas">
							<a  href="#ptab1" data-toggle="tab"><span class="fa fa-envelope"></span> <span> Correos Electronicos </span> </a>
						</li>
						<li class="step paginas">
							<a  href="#ptab2" data-toggle="tab" class="info"><span class="fa fa-credit-card-alt"></span><span> Información Complementaria de Correos </span></a>
						</li>
					</ul>
					<?php
					$Cliente = Cliente::find(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id);
					$ConfTienda = PasarelaPagoPaginaCaptura::find(PasarelaPagoPaginaCaptura::select('id')->where('clientes_id', '=', $Cliente->id)->first()->id);
					$compra = 'Si deseas ver el estado actual de tu pedido lo puedes hacer usando el siguiente vinculo:
						<br><br>{ ruta_seguimiento }
						<br>O si deseas comunicarte con nosotros puedes hacerlo usando los siguientes medios:
						<br><br>Correo: { correo}<br>Teléfono: { telefono }';
					$reserva = '';
					$digital = 'Puedes descargar tu producto digital utilizando el siguiente enlace:
							<br><br>{ ruta_descarga }
							<br> Y recuerda que si tienes cualquier duda sobre tu compra realizada puedes comunicarte con nosotros usando los siguientes medios:<br>{ correo}
							<br>{ telefono }<br>';
					$contenido = 'Este correo en tu comprobante de pago. Aparte te estará llegando otro correo con tus credenciales de acceso a tu compra.
							<br><br><font style="color:#db1919;"><b>IMPORTANTE</b></font>:
							Recuerda que si ya eres cliente de&nbsp;{ tienda } puedes usar tus credenciales actuales para acceder a esta nueva compra.<br>';
					if(isset($ConfTienda->indicaciones_correos)){
						$indiA = json_decode($ConfTienda->indicaciones_correos);
						$compra = $indiA->compra;
						$reserva = $indiA->reserva;
						$digital = $indiA->digital;
						$contenido = $indiA->contenido;
					}
					?>
					<div class="tab-content">
						<div class="tab-pane active" id="ptab1">
							<div class="table-responsive">
								<table class="table table-striped table-bordered table-hover" id="tblCorreos">
									<thead>
										<tr>
											<th class="text-center " style="width: 35%;" > Nombre </th>
											<th class="text-center " style="width: 35%;"> Modulo </th>
											<th class="text-center"> Acciones </th>
										</tr>
									</thead>
								</table>
							</div>
						</div>
						<div class="tab-pane" id="ptab2">
							<div class="col-sm-12">
								<form action="<?php echo URL::route('SysWebVentasConfCorreosTienda'); ?>" method="POST" id="frmEditar">
									<div class="form-group pull-left">
										<label class="col-sm-3 control-label"> Mensaje de correo de seguimiento por compra </label>
										<div class="col-sm-9">
											<textarea name="correo_cp" class="form-control" id="correo_cp" cols="30" rows="6"><?php echo $compra; ?></textarea>
											<span class="text-danger" id="errcorreo_cp"></span>
										</div>
									</div>
									<div class="form-group hide pull-left">
										<label class="col-sm-3 control-label"> Mensaje instruccional de correo por reserva </label>
										<div class="col-sm-9">
											<textarea name="correo_cr" class="form-control" id="correo_cr" cols="30" rows="6"> <?php echo $reserva; ?></textarea>
											<span class="text-danger" id="errcorreo_cr"></span>
										</div>
									</div>
									<div class="form-group pull-left">
										<label class="col-sm-3 control-label">Mensaje instruccional de correo por compra digital </label>
										<div class="col-sm-9">
											<textarea name="correo_ccd" class="form-control" id="correo_ccd" cols="30" rows="6"><?php echo $digital; ?></textarea>
											<span class="text-danger" id="errcorreo_ccd"></span>
										</div>
									</div>
									<div class="form-group pull-left">
										<label class="col-sm-3 control-label"> Mensaje instruccional de correo por compra de contenido digital </label>
										<div class="col-sm-9">
											<textarea name="correo_cccd" class="form-control" id="correo_cccd" cols="30" rows="6"><?php echo $contenido; ?></textarea>
											<span class="text-danger" id="errcorreo_cccd"></span>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<?php /* <?php if( (App::environment() == 'local') || (App::environment() == 'produccion' && !(strpos(public_path(), 'desarrollo') !== false)) ): ?> */ ?>
			
			<?php /* <?php if( Auth::user()->tipo == 'EC' ): ?> */ ?>
				<?php /* <?php if( $CargoEmpleado == 'Recepción' || $CargoEmpleado == 'Gerente de ventas' || Auth::user()->tipo == 'C' ): ?> */ ?>
			<div class="bottom">
				<a href="<?php echo URL::route('SysWebPAterrizajeConfiguracionesGeneralesConfGeneralesP'); ?>" class="btn btn-default"> Cancelar </a>
				<?php echo Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnEditar', 'type' => 'submit', 'disabled' => true)); ?>

			</div>
				<?php /* <?php endif; ?> */ ?>
			<?php /* <?php endif; ?> */ ?>

			<?php /* <?php endif; ?> */ ?>
		</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-daterangepicker/moment.min.js'); ?>

<?php echo HTML::script('bootstrap-daterangepicker/daterangepicker.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('Intl-Tel-Input/17.0.3/js/intlTelInput-jquery.min.js'); ?>

<?php echo HTML::script('country-region-selector/crs.min.js'); ?>

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

<?php echo HTML::script('jquery-browser-plugin/jquery.browser.min.js'); ?>

<?php echo HTML::script('Intl-Tel-Input/17.0.3/js/utils.min.js'); ?>

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

<?php echo HTML::script('jQueryValidate/additional-methods.min.js'); ?>

<?php echo HTML::script('jQueryValidate/jquery.validationEngine-es.js'); ?>

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

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

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

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

<?php echo HTML::script('bootstrap-wysihtml5/src/locales/bootstrap-wysihtml5.es-ES.js'); ?>

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

<?php echo HTML::script('Spectrum/jquery.spectrum-es.min.js'); ?>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsurl/2.2.0/url.min.js"></script>
<?php

?>
<script type="text/javascript">
	$.validator.addMethod("glibphonenumber", function(value, element){
		return $(element).intlTelInput("isValidNumber");
	}, "El número de teléfono es inválido");

	function Actualizar(){
		var table = $("#tblCorreos").DataTable();
		table.ajax.reload(null, false);
	}
	function AgregarTexto(nodo,slug){
		var slug = slug;
		slug = "{ "+slug+" }";
		var txtAsunto = $(nodo).closest(".form-group").find("input");
		console.log(txtAsunto);
		var caretPos = txtAsunto[0].selectionStart;
		var textAreaTxt = txtAsunto.val();
		var txtToAdd = slug;
		txtAsunto.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos));
	}
	/*function AgregarTextoPreCabecera(nodo,slug){
		var slug = slug;
		slug = "{ "+slug+" }";
		var txtAsunto = $(nodo);
		var caretPos = txtAsunto[0].selectionStart;
		var textAreaTxt = txtAsunto.val();
		var txtToAdd = slug;
		txtAsunto.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos));
	}*/
	function Configuracion(id, tipo){
		var tiempo = "";
		var nombre = "";
		if(tipo == 'CP'){
			nombre = "Confirmación de Compra";
		}
		else if(tipo == 'CR'){
			nombre = "Confrimación de Reservación"
		}
		else if(tipo == 'AC'){
			nombre = "Abandono de Compra";
		}
		else if(tipo == 'CA'){
			nombre = "Credenciales de Acceso";
		}
		else if(tipo == 'RC'){
			nombre = "Restablecimiento de Contraseña";
		}
		else if(tipo == 'RV'){
			nombre = "Calificación de Compra";
		}
		else{
			nombre = "Productos visto y no comprados";
		}
		if(tipo == "AC" || tipo == "RV" || tipo == "PVNC"){
			if(tipo == "RV"){
				var nm = 'Tiempo en minutos después de la compra para enviar el correo';
				var valor = '10100';
			}
			else if(tipo == "PVNC"){
				var nm = 'Tiempo en minutos después de haber visto el producto para enviar el correo';
				var valor = '1440';
			}
			else{
				var nm = 'Tiempo en minutos después del abandono para enviar el correo';
				var valor = '180';
			}
			tiempo = '<div class="col-xs-12" style="margin-bottom: 15px;"> \
				<div class="form-group">\
					<label class="control-label" style="display: block;">'+nm+'</label>\
					<div class="">\
						<input type="number" min="0" class="form-control" value="'+valor+'" name="tiempo" id="tiempo">\
					</div>\
				</div>\
			</div>';
		}
		var sp = '<div class="Separacion pointer" onclick="AgregarTexto(this,\'nombre\');"> <span class="label label-success"> Nombre </span> </div>\
		<div class="Separacion pointer" onclick="AgregarTexto(this, \'tienda\');"> <span class="label label-success"> Tienda </span> </div>';
		if(tipo == 'CP' || tipo == 'CR'){
			sp += '<div class="Separacion pointer" onclick="AgregarTexto(this, \'numero_orden\');"> <span class="label label-success"> Numero de orden </span> </div>'
		}
		if(tipo == 'CR'){
			sp += '<div class="Separacion pointer" onclick="AgregarTexto(this, \'dias_pago\');"> <span class="label label-success"> Días de pago </span> </div>';
		}
		var html = '<div class="row">\
			<div class="col-xs-12" style="margin-bottom: 15px;"> \
				<div class="form-group">\
					<label class="control-label" style="display: block;">Asunto</label>\
					'+sp+'\
					<div class="">\
						<input type="text" class="form-control" value="" name="asunto" id="asunto">\
					</div>\
				</div>\
			</div>\
			<div class="col-xs-12" style="margin-bottom: 15px;"> \
				<div class="form-group">\
					<label class=" control-label" style="display: block;">Pre-cabecera (opcional)</label>\
					'+sp+'\
					<div class="">\
						<input type="text" class="form-control" value="" name="precabera" id="precabera">\
					</div>\
				</div>\
			</div>\
			'+tiempo+'\
		</div>';
		BootstrapDialog.show({
			title: "Correo electrónico: "+nombre,
			type: BootstrapDialog.TYPE_PRIMARY,
			type: BootstrapDialog.TYPE_PRIMARY,
			message: html,
			draggable: true,
			closable: false,
			cssClass: "ModalConfigurar",
			onshown: function(dialogRef){
				$.post(
					"<?php echo URL::route('SysWebSWebCorreosElectronicosConfiguracion'); ?>",
					{id: id, tipo:'scObtener'},
					function(data){
						if(data.success){
							$("#precabera").val(data.mensaje.preCabecera);
							$("#asunto").val(data.mensaje.asunto);
							var conf = JSON.parse(data.mensaje.configuracion_extra);
							if(conf.tiempoAC != null && conf.tiempoAC != undefined){
								$("#tiempo").val(conf.tiempoAC);
							}
							if(conf.tiempoRV != null && conf.tiempoRV != undefined){
								$("#tiempo").val(conf.tiempoRV);
							}
							if(conf.tiempoPVNC != null && conf.tiempoPVNC != undefined){
								$("#tiempo").val(conf.tiempoPVNC);
							}
						}
					},
					'json'
				);
			},
			buttons: [{
				id: "btnConfigurar",
				label: "Guardar configuración",
				cssClass: "btn-success btn-lg btn-block",
				action: function(dialogItself){
					$.post(
						"<?php echo URL::route('SysWebSWebCorreosElectronicosConfiguracion'); ?>",
						{id:id, precabera: $("#precabera").val(), asunto: $("#asunto").val(), tiempo: $("#tiempo").val(), tipo:'scGuardar', envio: tipo},
						function(data){
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
							}
						},
						'json'
					);
					dialogItself.close();
				}
			}]
		});
	}
	function EnviarPrueba(id){
		var html = '<div class="row">\
			<div class="col-xs-12" style="margin-bottom: 15px;"> \
				<div class="form-group">\
					<label class=" control-label" style="display: block;">Correo electrónico</label>\
					<div class="">\
						<input type="text" class="form-control" value="" name="correo" id="correo">\
					</div>\
				</div>\
			</div>\
		</div>';
		BootstrapDialog.show({
			title: "Envió de prueba",
			type: BootstrapDialog.TYPE_PRIMARY,
			type: BootstrapDialog.TYPE_PRIMARY,
			message: html,
			draggable: true,
			closable: false,
			cssClass: "ModalConfigurar",
			onshown: function(dialogRef){
				//
			},
			buttons: [{
				id: "btnConfigurar",
				label: "Enviar Correo",
				cssClass: "btn-success btn-lg btn-block",
				action: function(dialogItself){
					$.post(
						"<?php echo URL::route('SysWebVentasCorreoPlantillaxClientePrueba'); ?>",
						{idP: id, correo: $("#correo").val(), tipo: "enviar"},
						function(data){
							if(data.success){
								new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
								dialogItself.close();
							}
						},
						'json'
					);
				}
			}]
		});
	}
	function Activar(id){
		$.post(
			"<?php echo URL::route('SysWebSWebCorreosElectronicosActivar'); ?>",
			{idC: id},
			function(data){
				if(data.success){
					new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
					Actualizar();
					dialogItself.close();
				}
				else{
					new PNotify({ title: "Error", text: data.mensaje, type: "error" });
				}
			},
			'json'
		);
	}
	function AgregarPaginasNuevas(){
		var mensaje = '<div class="row"> \
			<div class="col-xs-12"> \
				<form id="frmVentanasN"> \
					<div class="form-group"> \
						<label for="slTipoHeader">Seleccione la ventana a agregar</label> \
						<select class="form-control" id="slIdsV" name="slIdsV" class="selectpicker" multiple title="Seleccione una opción"> \
							<?php foreach($Correos as $ventana): ?> \
								<option selected value="<?php echo $ventana->id; ?>"><?php echo $ventana->nombre; ?></option> \
							<?php endforeach; ?> \
						</select> \
						<span class="text-danger" id="errslIdsV"> </span> \
					</div> \
				</form> \
			</div> \
		</div>';
		BootstrapDialog.show({
			title: "Agregar nuevas plantillas de correo",
			type: BootstrapDialog.TYPE_PRIMARY,
			size: BootstrapDialog.SIZE_NORMAL,
			message: mensaje,
			draggable: true,
			cssClass: "ModalAgregar color-head-modal",
			onshow: function(dialogRef){
				dialogRef.getModal().find("#slIdsV").selectpicker();
            },
			onshown: function(dialogRef){
				//$("#slIdsV").selectpicker();
            },
			buttons: [{
				id: "btnGuardar",
				label: "Guardar",
				cssClass: "btn-success btn-lg btn-block",
				action: function(dialogItself){
					if($('[name="slIdsV"]').length > 0){
						$.isLoading({ text: "Cargando..." }); NProgress.start();
						$("#btnGuardar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i>Guardando');
						$.post(
							"<?php echo URL::route('SysWebSWebCorreosElectronicosAgregarTELSW'); ?>",
							{ slIdsV: $('[name="slIdsV"]').val()},
							function(data){
								$.isLoading("hide"); NProgress.done();
								$("#btnGuardar").prop("disabled", false).html('Guardar');
								if(data.success){
									new PNotify({ title: "Felicidades!", text: data.mensaje, type: "success" });
									setInterval(location.reload(),10000);
									var table = $("#tblCorreos").DataTable();
									table.ajax.reload(null, false);
									dialogItself.close();
								}
								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"
						);
					}
					else{
						$("#errslIdsV").text("Debes seleccionar por lo menos una ventana");
					}
				}
			}]
		});
	}
	function fontColor(seleccion, color){
		if (typeof seleccion.getSelection != "undefined") {
			var sel, range, node;
			sel = seleccion.getSelection();
			if (sel.getRangeAt && sel.rangeCount) {
				range = seleccion.getSelection().getRangeAt(0);
				var html = '<font style="color:'+color+';">' + range + '</font>';
				range.deleteContents();
				var el = document.createElement("div");
				el.innerHTML = html;
				var frag = document.createDocumentFragment(), node, lastNode;
				while ( (node = el.firstChild) ) {
					lastNode = frag.appendChild(node);
				}
				range.insertNode(frag);
			}
			$(seleccion).find("font").each(function(){
				if($(this).html() == ""){
					$(this).remove();
				}
			});
		} 	
	}
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".sidebar-toggle-box").click(function(e){
	var tabla = $("#tblClientesCRM").DataTable();
	tabla.fixedHeader.adjust();
});
$("a[data-toggle=\"tab\"]").on("shown.bs.tab", function (e) { $.fn.dataTable.tables( {visible: true, api: true} ).columns.adjust(); });
$.fn.DataTable.ext.pager.numbers_length = 5;
$("#tblCorreos").DataTable({
	"processing": true,
	"serverSide": true,
	fixedHeader: ($.browser.mobile)?false:true,
	"ajax": {
		url: "<?php echo URL::route('SysWebPAterrizajeConfiguracionesGeneralesCorreosElectronicosVer'); ?>",
	},
	columns: [
		{data: "nombre", name: "nombre", "class": "text-center"},
		{data: "modulo", name: "modulo", "searchable": false, "class": "text-center", "orderable": false,
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
				if(oData.modulo == "SW"){
					$(nTd).html("Sitio Web");
				}
				else{
					$(nTd).html("Tienda en Linea");
				}
			}
		},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center",
			"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
				
			}
		}
	],
	"language": {
		"url": "<?php echo asset('DataTables/Spanish.json'); ?>"
	},
	"fnDrawCallback": function( oSettings ){
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	"order": [[ 0, "desc" ]],
	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']"});*/
	},
	dom: "<'row'<'col-sm-3'l><'col-sm-4'f><'col-sm-5'p>>" +
		"<'row'<'col-sm-12'tr>>" +
	"<'row'<'col-sm-5'i><'col-sm-7'p>>"
});
$("#FiltroFechas").daterangepicker({
	"ranges": {
		"Hoy": [moment(), moment()],
		"Ayer": [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
		"Últimos 7 días": [moment().subtract(6, 'days'), moment()],
		"Últimos 30 días": [moment().subtract(29, 'days'), moment()],
		"Este mes": [moment().startOf('month'), moment().endOf('month')],
		"Último mes": [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
	},
	"alwaysShowCalendars": true,
	locale: {
		format: 'DD/MM/YYYY'
	},
	autoUpdateInput: false,
	"startDate": moment(),
	"endDate": moment()
}, function(start, end, label) {
	console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});
$("#FiltroFechas").on("apply.daterangepicker", function(ev, picker) { $(this).val(picker.startDate.format("DD/MM/YYYY") + " - " + picker.endDate.format("DD/MM/YYYY")); });
$("#FiltroFechas").on("cancel.daterangepicker", function(ev, picker) { $(this).val(""); });
$("#frmFiltroFechas").submit(function(e){
	e.preventDefault();
	var table = $("#tblClientesCRM").DataTable();
	table.ajax.reload(null, false);
});
$("#btnLimpiar").click(function(e){
	e.preventDefault();
	$("#FiltroFechas").val("");
	var table = $("#tblClientesCRM").DataTable();
	table.ajax.reload(null, false);
});
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
	if($(e.target).hasClass("info")){
		$("#btnEditar").prop("disabled", false);
	}
	else{
		$("#btnEditar").prop("disabled", true);
	}
})
var spanEP = '<span class="label label-success" data-valor="correo">Correo de soporte</span>\
	<span class="label label-success" data-valor="numero_whatsapp">Numero de whatsApp</span>\
	<span class="label label-success" data-valor="numero_telefono">Numero de teléfono</span>\
	<span class="label label-success" data-valor="tienda">Tienda</span>\
';
var htmlColor = '<div class="input color">\
	<input type="text" name="cpColorDeFuente" class="color-picker"> \
</div>';
$('[name*="correo_c"]').each(function(){
	var name = $(this).attr("name");
	$('[name="'+name+'"]').css("height", "100px");
	$('[name="'+name+'"]').wysihtml5({
		events: {
			load: function(e) {
				var wysihtml5Editor = $('[name="'+name+'"]').data("wysihtml5").editor;
				$(wysihtml5Editor.composer.doc).find("body").html($('[name="'+name+'"]').val());
				$(wysihtml5Editor.composer.doc).on("paste", function(e){
					e.preventDefault();
					var text = e.originalEvent.clipboardData.getData("text/plain");
					text = text.replace(/\n/g, "<br />");
					wysihtml5Editor.composer.commands.exec("insertHTML", text);
				});
				var toolbar = $('[name="'+name+'"]').data("wysihtml5").toolbar;
				$(toolbar).append(htmlColor);
				if(name == "correo_cp"){
					$(toolbar).append('<li class="slug">'+spanEP);
				}
				else if(name == "correo_cr"){
					$(toolbar).append('<li class="slug">'+spanEP+'<span class="label label-success" data-valor="ruta_seguimiento">Ruta de seguimiento</span><span class="label label-success" data-valor="numero_orden">Número de orden</span> <li>');
				}
				else if(name == "correo_ccd"){
					$(toolbar).append('<li class="slug">'+spanEP+'<span class="label label-success" data-valor="ruta_descarga">Ruta de descarga</span>');
				}
				else{
					$(toolbar).append('<li class="slug">'+spanEP);
				}
				$(toolbar).find(".color-picker").spectrum({
					color: "#000000",
					showInput : true,
					showAlpha: false,
					preferredFormat: "hex",
					showPalette: true,
					showSelectionPalette: true,
					palette: [],
					allowEmpty: false,
					beforeShow: function(color) {
						//
					},
					move: function(color){
						var valor = ( color != null )?color.toHexString():"#000000";
					},
					change: function(color){
						var valor = ( color != null )?color.toHexString():"#000000";
						fontColor(wysihtml5Editor.composer.doc, valor);
					},
					hide: function(color) {
						//
					}
				});
				///*$(toolbar).append('<li class="slug">'+span+'<li>');
				$(toolbar).find(".slug>span").on("click", function(){
					var valor = '{ '+$(this).attr("data-valor")+' }';
					wysihtml5Editor.composer.commands.exec("insertHTML", valor);
				});
			}
		},
		"stylesheets": ["<?php echo asset('bootstrap-wysihtml5/lib/css/wysiwyg-color.css'); ?>"],
		"font-styles": false, "emphasis": true, "lists": false, "html": false, "link": false,
		"image": false, "color": false, locale: "es-ES"
	});
})
$("#btnEditar").on("click", function(){
	var frmEditar = new FormData(document.getElementById("frmEditar"));
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebPAterrizajeConfCorreosP'); ?>",
		data: frmEditar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEditar").html("Guardar").prop("disabled", false);
			$(".confTienda").remove();
			$(".tab-container").find(".error-tab").removeClass("error-tab");
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebPAterrizajeConfiguracionesGeneralesCorreosElectronicosVer'); ?>"; }, 2000 );
			}
			else{
				if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				errorCampos();
				$.each(data.errMensajes, function(key, value){ 
					if(value != ''){ 
						$("#err"+key).html(value);
						$("#err"+key).html(value); 
						var id = $("#err"+key).closest(".tab-pane").attr("id");
						$("#err"+key).closest(".tab-container").find('a[href="#'+id+'"]').parent().addClass("error-tab");
						console.log(id);
					} else{ 
						$("#err"+key).html(""); 
					} 
				});
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
<?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(); ?>