<?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;
	}
	.btnCreado {
		background-color: #f69028;
		border-radius: 6px;
		border: 0;
		color: #fff;
		display: block;
		font-size: 24px;
		margin-bottom: 10px;
		/*padding: 10px;*/
		padding: 15px 0 !important;
		text-align: center;
		text-decoration: none;
		width: 100%;
		cursor: pointer;
	}
	.btnCreado:hover {
		text-decoration: none;
		color: #fff;
	}
	.lista-precio {
		padding:0!important;
		margin-bottom:0!important;
	}
	.tbl-element > ul li {
		list-style:none;
		background:unset
	}
</style>
<?php
	//$storeFront = 'sume-clientes.onfastspring.com/';
	$storeFront = 'sumeclientes.onfastspring.com/';
	$fsDebug = "false";
	$pruebasDesarrollo = false;
	//$fsAccessKey = 'D7VVKIMUTU2GQ6MH6O0HNG';
	$fsAccessKey = 'VWI19IETTD2368RX7U30HQ';
	if(App::environment() == 'local' || strpos(public_path(), 'desarrollo')){
		//$storeFront = 'sume-clientes.test.onfastspring.com/';
		$storeFront = 'sumeclientes.test.onfastspring.com/';
		$fsDebug = "true";
		$pruebasDesarrollo = true;
	}
?>
<script
    id="fsc-api"
    src="https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.0/fastspring-builder.min.js"
    type="text/javascript"
    data-storefront="<?php echo $storeFront; ?>popup-paquetes-de-correos-institucionales"
    data-popup-closed="onPopupClose"
    data-access-key="<?php echo $fsAccessKey; ?>"
    data-debug="<?php echo $fsDebug; ?>"
    data-continuous="true">
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('Contenido'); ?>
<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>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header">
				<h3 class="content-header">
					Compra de correos institucionales
				</h3>
			</div>
			<div class="porlets-content">
				<?php if( !isset( $_COOKIE['jsonDataCompraPaqueteCEPENC'] ) ): ?>
				<section class="section configurado combinada" style="padding: 20px 0;">
					<div class="container">
						<div class="row el-sortable2 ui-sortable">
							<div class="col-xs-12 col-sm-12 col-md-12  column" style="opacity: 1;">
								<div class="row el-sortable3 ui-sortable">
									<div class="col-xs-12 col-sm-12 col-md-12  space">
										<div class="resize center-block ui-resizable" style="width: 101.316%; height: 100%;">
											<p class="txt configurado text-center" style="margin: 0px; font-family: Roboto; font-size: 24px; padding: 10px 15px 20px;">
												<font color="#08223b"><b>Escoge el Plan que Mas te Convenga</b></font><br>
											</p>
											<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="container col-separados">
						<div class="row el-sortable2 ui-sortable">
							<div class="col-xs-12 col-sm-4 col-md-4  column col-3" style="opacity: 1;">
								<div class="row el-sortable3 ui-sortable">
									<div class="col-xs-12 col-sm-12 col-md-12" style="position: relative;">
										<div class="resize center-block ui-resizable" style="width: 100%; height: 100%; max-width: 100%;">
											<div class="panel panel-default  tbl-precio el-sortable ui-sortable configurado" data-radio="1" style="z-index: 1; margin-bottom: 10px; margin-top: 10px; border-color: rgb(8, 34, 59); border-style: solid; border-width: 2px; border-radius: 10px; position: initial;" data-alineacion="center-block" id="tabla_4">
												<div class="panel-head el-sortable menu-element ui-sortable" style="overflow: hidden; position: unset; background-color: rgb(8, 34, 59); border-top-left-radius: 10px; border-top-right-radius: 10px;" data-color="#08223b">
													<div id="menu_head_4" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative;">
														<div class="resize center-block ui-resizable" style="width: 100%; height: 100%;">
															<h3 class="txt panel-title tbl-titulo text-center configurado" style="margin: 0px; font-family: Roboto; padding-top: 20px; padding-bottom: 15px; z-index: 1; font-size: 30px; border-width: 2px;" data-alineacion="center-block">
																<font style="" color="#ffffff"><b>5 Correos</b></font>
															</h3>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12 menu-element tbl-contenido sub-cabecera  el-sortable ui-sortable" style="position: relative; background-color: rgb(25, 84, 141);" bg-color="#3c9da9" data-color="#19548d">
													<div id="menu_subcabecera_4" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12 tbl-contenido  space" style="position: relative; background-color: rgb(25, 84, 141);" bg-color="#3c9da9" data-color="#19548d">
														<div class="resize center-block ui-resizable" style="width: 100%; height: 100%;">
															<p class="txt txt-contenido text-center configurado" style="margin-bottom: 0px; font-size: 42px; z-index: 1; font-family: Roboto; padding-bottom: 3px; padding-top: 10px; border-width: 2px;" data-alineacion="center-block">
																<font color="#ffffff">$46.40</font>
															</p>
															<p class="txt text-center textoAdaptable configurado" style="margin: 0px; font-family: Lato; font-size: 12px; padding: 0px 15px 5px; line-height: 1.2em;color: white;" data-tra="16">
																(Mas impuestos locales donde apliquen)
															</p>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative;">
														<div class="resize center-block ui-resizable">
															<p class="txt text-center configurado" style="margin: 0px; font-family: Roboto; padding-top: 3px; padding-bottom: 20px; z-index: 1; font-size: 21px; border-width: 2px;">
																<font color="#ffffff">Pago Anual&nbsp;<br>(Solo USD $3.87 al mes)</font>
															</p>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12 panel-body el-sortable2 menu-element  ui-sortable" data-color="#ffffff" style="position: relative;">
													<div id="menu_body_4" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<nav class="tbl-element col-xs-12 col-sm-12 col-md-12" style="position: relative;">
														<ul class="lista-precio el-sortable ui-sortable">
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_1" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-top: 16px; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">5 Cuentas de Correo</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_2" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">25 GB Para Correos</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_3" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">2 GB para Archivos</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_4" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">Fácil Configuración&nbsp;POP3/IMAP</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_5" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">Protección Anti SPAM</p>
																	</div>
																</div>
															</li>
														</ul>
													</nav>
												</div>
												<div class="panel-footer menu-element el-sortable ui-sortable" style="overflow: hidden; position: unset; background-color: rgb(255, 255, 255); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;" data-color="#ffffff">
													<div id="menu_foot_4" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12" style="position: relative;">
														<div class="resize center-block ui-resizable" style="width: 95.3795%; height: 83.3333%; max-width: 100%;"> <a class="btnCreado  button-popup count-view configurado" style="font-family: Roboto; margin-top: 5px; margin-bottom: 5px; z-index: 1; font-size: 17px; background-color: rgb(25, 84, 141); border-width: 2px; line-height: 1.2em;" data-alineacion="center-block" color-bg="#14646d" data-hover-color="#104374" data-color-original="rgb(25, 84, 141)" href="#" data-el-id="btnPaqueteCE2" data-toggle="modal" id="btnPaqueteCE2"> CONTRATAR ESTE PLAN</a>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
											</div>
											<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-4 col-md-4  column col-3" style="opacity: 1; position: relative; left: 0px; top: 0px;">
								<div class="row el-sortable3 ui-sortable">
									<div class="col-xs-12 col-sm-12 col-md-12" style="position: relative;">
										<div class="resize center-block ui-resizable" style="width: 100%; height: 96.4413%; max-width: 100%;">
											<div class="panel panel-default  tbl-precio el-sortable ui-sortable configurado" id="tabla_2" data-radio="1" style="z-index: 1; margin-bottom: 10px; margin-top: 10px; border-color: rgb(8, 34, 59); border-style: solid; border-width: 2px; border-radius: 10px; position: initial;" data-alineacion="center-block">
												<div class="panel-head el-sortable menu-element ui-sortable" style="overflow: hidden; position: unset; background-color: rgb(8, 34, 59); border-top-left-radius: 10px; border-top-right-radius: 10px;" data-color="#08223b">
													<div id="menu_head_2" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative;">
														<div class="resize center-block ui-resizable" style="width: 100%; height: 100%;">
															<h3 class="txt panel-title tbl-titulo text-center  configurado" style="margin: 0px; font-family: Roboto; padding-top: 20px; padding-bottom: 15px; z-index: 1; font-size: 30px; border-width: 2px;" data-alineacion="center-block">
																<b style="">
																	<?php if( $Cliente->cliente_padre == '' ): ?>
																	<font color="#14c100">1 Correo</font>
																	<?php else: ?>
																	<font color="#ffffff"><b>1 Correo</b></font>
																	<?php endif; ?>
																</b>
															</h3>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12 menu-element tbl-contenido sub-cabecera  el-sortable ui-sortable" style="position: relative; background-color: rgb(25, 84, 141);" bg-color="#3c9da9" data-color="#19548d">
													<div id="menu_subcabecera_2" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12 tbl-contenido  space" style="position: relative; background-color: rgb(25, 84, 141);" bg-color="#3c9da9" data-color="#19548d">
														<div class="resize center-block ui-resizable" style="width: 100%; height: 100%;">
															<p class="txt txt-contenido text-center configurado" style="margin-bottom: 0px; font-size: 42px; z-index: 1; font-family: Roboto; padding-bottom: 3px; padding-top: 10px; border-width: 2px;" data-alineacion="center-block">
																<font color="#ffffff">$14.88</font>
															</p>
															<p class="txt text-center textoAdaptable configurado" style="margin: 0px; font-family: Lato; font-size: 12px; padding: 0px 15px 5px; line-height: 1.2em;color: white;" data-tra="16">
																(Mas impuestos locales donde apliquen)
															</p>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative; left: 0px; top: 0px;">
														<div class="resize ui-resizable center-block">
															<?php if( $Cliente->cliente_padre == '' ): ?>
															<h1 class="txt configurado text-center" style="margin: 0px; font-size: 25px; font-family: Roboto; padding: 5px 10px;"><b style="">
																	<font color="#14c100">GRATIS*</font>
																</b>
															</h1>
															<?php endif; ?>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative;">
														<div class="resize center-block ui-resizable">
															<p class="txt text-center configurado" style="margin: 0px; font-family: Roboto; padding-top: 3px; padding-bottom: 20px; z-index: 1; font-size: 21px; border-width: 2px;">
																<font color="#ffffff">Pago Anual&nbsp;<br>(Solo USD $0.99 al mes)</font>
															</p>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12 panel-body el-sortable2 menu-element  ui-sortable" data-color="#ffffff" style="position: relative;">
													<div id="menu_body_2" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<nav class="tbl-element col-xs-12 col-sm-12 col-md-12" style="position: relative;">
														<ul class="lista-precio el-sortable ui-sortable">
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_1" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt  configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-top: 16px; padding-bottom: 15px; border-width: 2px; line-height: 1.3em;" data-alineacion="center-block">1 Cuenta de Correo</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_2" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt  configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px; line-height: 1.3em;" data-alineacion="center-block">5 GB Para Correos</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_3" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt  configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px; line-height: 1.3em;" data-alineacion="center-block">2 GB para Archivos</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_4" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt  configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px; line-height: 1.3em;" data-alineacion="center-block">Fácil Configuración&nbsp;POP3/IMAP</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_5" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt  configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px; line-height: 1.3em;" data-alineacion="center-block">Protección Anti SPAM</p>
																	</div>
																</div>
															</li>
															<?php if( $Cliente->cliente_padre == ''  ): ?>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_6" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 0px; border-width: 2px; padding-top: 5px; line-height: 1.3em;" data-alineacion="center-block">
																			<font style="" color="#14c100"><b>*</b> Lo adquieres en este momento y te lo reembolsamos en el pago de tu próxima mensualidad</font>
																		</p>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 0px; border-width: 2px; padding-top: 5px; line-height: 1.3em;" data-alineacion="center-block">
																			<font style="" color="#14c100"><b>*</b> El beneficio aplica solo el primer año</font>
																		</p>
																	</div>
																</div>
															</li>
															<?php endif; ?>
														</ul>
													</nav>
												</div>
												<div class="panel-footer menu-element el-sortable ui-sortable" style="overflow: hidden; position: unset; background-color: rgb(255, 255, 255); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;" data-color="#ffffff">
													<div id="menu_foot_2" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12" style="position: relative;">
														<div class="resize center-block ui-resizable" style="width: 95.3795%; height: 83.3333%; max-width: 100%;"> <a class="btnCreado  button-popup count-view configurado" style="font-family: Roboto; margin-top: 5px; margin-bottom: 5px; z-index: 1; font-size: 17px; background-color: rgb(25, 84, 141); border-width: 2px; line-height: 1.2em;" data-alineacion="center-block" color-bg="#14646d" data-hover-color="#104374" data-color-original="rgb(25, 84, 141)" data-el-id="btnPaqueteCE1" data-toggle="modal" id="btnPaqueteCE1"> CONTRATAR ESTE PLAN</a>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
											</div>
											<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-4 col-md-4  column col-3" style="opacity: 1;">
								<div class="row el-sortable3 ui-sortable">
									<div class="col-xs-12 col-sm-12 col-md-12" style="position: relative;">
										<div class="resize center-block ui-resizable" style="width: 100%; height: 100%; max-width: 100%;">
											<div class="panel panel-default  tbl-precio el-sortable ui-sortable configurado" data-radio="1" style="z-index: 1; margin-bottom: 10px; margin-top: 10px; border-color: rgb(8, 34, 59); border-style: solid; border-width: 2px; border-radius: 10px; position: initial;" data-alineacion="center-block" id="tabla_5">
												<div class="panel-head el-sortable menu-element ui-sortable" style="overflow: hidden; position: unset; background-color: rgb(8, 34, 59); border-top-left-radius: 10px; border-top-right-radius: 10px;" data-color="#08223b">
													<div id="menu_head_5" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative;">
														<div class="resize center-block ui-resizable" style="width: 100%; height: 100%;">
															<h3 class="txt panel-title tbl-titulo text-center configurado" style="margin: 0px; font-family: Roboto; padding-top: 20px; padding-bottom: 15px; z-index: 1; font-size: 30px; border-width: 2px;" data-alineacion="center-block">
																<font style="" color="#ffffff"><b>10 Correos</b></font>
															</h3>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12 menu-element tbl-contenido sub-cabecera  el-sortable ui-sortable" style="position: relative; background-color: rgb(25, 84, 141);" bg-color="#3c9da9" data-color="#19548d">
													<div id="menu_subcabecera_5" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12 tbl-contenido  space" style="position: relative; background-color: rgb(25, 84, 141);" bg-color="#3c9da9" data-color="#19548d">
														<div class="resize center-block ui-resizable" style="width: 100%; height: 100%;">
															<p class="txt txt-contenido text-center configurado" style="margin-bottom: 0px; font-size: 42px; z-index: 1; font-family: Roboto; padding-bottom: 3px; padding-top: 10px; border-width: 2px;" data-alineacion="center-block">
																<font color="#ffffff">$85.80</font>
															</p>
															<p class="txt text-center textoAdaptable configurado" style="margin: 0px; font-family: Lato; font-size: 12px; padding: 0px 15px 5px; line-height: 1.2em;color: white;" data-tra="16">
																(Mas impuestos locales donde apliquen)
															</p>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
													<div class="col-xs-12 col-sm-12 col-md-12  space" style="position: relative;">
														<div class="resize center-block ui-resizable">
															<p class="txt text-center configurado" style="margin: 0px; font-family: Roboto; padding-top: 3px; padding-bottom: 20px; z-index: 1; font-size: 21px; border-width: 2px;">
																<font color="#ffffff">Pago Anual&nbsp;<br>(Solo USD $7.15 al mes)</font>
															</p>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12 panel-body el-sortable2 menu-element  ui-sortable" data-color="#ffffff" style="position: relative;">
													<div id="menu_body_5" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<nav class="tbl-element col-xs-12 col-sm-12 col-md-12" style="position: relative;">
														<ul class="lista-precio el-sortable ui-sortable">
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_1" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-top: 16px; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">10 Cuentas de Correo</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_2" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">50 GB Para Correos</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_3" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">2 GB para Archivos</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_4" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">Fácil Configuración&nbsp;POP3/IMAP</p>
																	</div>
																</div>
															</li>
															<li class="listado col-xs-12 col-sm-12 col-md-12" id="Lista_5" style="position: relative;">
																<div class="col-xs-12 col-sm-12 col-md-12 listaT" style-borde="dotted" border-width="1" border-color="#cccccc">
																	<div class="resize text-center center-block" style="width: 100%; height: 100%;">
																		<div class="icono" style="vertical-align: middle;"></div>
																		<p class="txt configurado" style="margin-bottom: 0px; display: inline-block; font-size: 17px; z-index: 1; font-family: Roboto; padding-bottom: 15px; border-width: 2px;" data-alineacion="center-block">Protección Anti SPAM</p>
																	</div>
																</div>
															</li>
														</ul>
													</nav>
												</div>
												<div class="panel-footer menu-element el-sortable ui-sortable" style="overflow: hidden; position: unset; background-color: rgb(255, 255, 255); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;" data-color="#ffffff">
													<div id="menu_foot_5" class="menu-bt" style="float: left; display: none; position: absolute; z-index: 9; transition: all 0s ease 0s;"> <i class="fa fa-plus" aria-hidden="true"></i> </div>
													<div class="col-xs-12 col-sm-12 col-md-12" style="position: relative;">
														<div class="resize center-block ui-resizable" style="width: 95.3795%; height: 83.3333%; max-width: 100%;"> <a class="btnCreado  button-popup count-view configurado" style="font-family: Roboto; margin-top: 5px; margin-bottom: 5px; z-index: 1; font-size: 17px; background-color: rgb(25, 84, 141); border-width: 2px; line-height: 1.2em;" data-alineacion="center-block" color-bg="#14646d" data-hover-color="#104374" data-color-original="rgb(25, 84, 141)" href="#" data-el-id="btnPaqueteCE3" data-toggle="modal" id="btnPaqueteCE3"> CONTRATAR ESTE PLAN</a>
															<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
															<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
														</div>
													</div>
												</div>
											</div>
											<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
											<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<?php else: ?>
				<div class="alert alert-success text-center" role="alert">
					<strong> <h1> ¡Felicidades! </h1> </strong>
					<p class="text-center">
						Has adquirido tu paquete de correos exitosamente <br><br>
						En estos momentos estamos procesando el pago para habilitarte la creación de los correos electrónicos institucionales, por favor intenta ingresar acá en unos 5 minutos para poder iniciar la creación de ellos
					</p>
				</div>
				<?php endif; ?>
			</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('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">
	/* PROCESO DE COMPRA DE LOS PAQUETES DE CORREO ELECTRÓNICO INSTITUCIONALES --------------------------------------------------------------- */
	<?php
		$Cliente = Cliente::find(Cliente::select('id')->where('users_id', '=', Auth::id())->first()->id);
	?>
	var tagJSON = {
		correosPENC: 1,
		idC: <?php echo $Cliente->id; ?>

	};
	var jsonDataCompraPaqueteCEPENC = {
		scCompraCorreoElectronico: 1,
	};
	$('[data-sc-fstag]').each(function(e){
		tagJSON[$(this).attr("name")] = $(this).val();
	});
	$('[data-el-id="btnPaqueteCE1"]').click(function(e){
		e.preventDefault();
		realizarPagoFS("paquete-1-de-correos-electr-nicos-institucionales");
	});
	$('[data-el-id="btnPaqueteCE2"]').click(function(e){
		e.preventDefault();
		realizarPagoFS("paquete-2-de-correos-electr-nicos-institucionales");
	});
	$('[data-el-id="btnPaqueteCE3"]').click(function(e){
		e.preventDefault();
		realizarPagoFS("paquete-3-de-correos-electr-nicos-institucionales");
	});
	function onPopupClose(data){
		if(data){
			fastspring.builder.reset();
			Cookies.set("jsonDataCompraPaqueteCEPENC", jsonDataCompraPaqueteCEPENC, { expires: 3 });
			if( data.reference == null ){
				window.location.reload();
			}
			else{
				window.location.reload();
			}
		}
		else{
			console.log("no order ID");
			//Cookies.remove("jsonDataCompraPaqueteCEPENC");
		}
	}
	function realizarPagoFS(idProducto){
		if( idProducto == "paquete-1-de-correos-electr-nicos-institucionales" ){
			jsonDataCompraPaqueteCEPENC.correos = 1;
			tagJSON.correos = 1;
		}
		else if( idProducto == "paquete-2-de-correos-electr-nicos-institucionales" ){
			jsonDataCompraPaqueteCEPENC.correos = 5;
			tagJSON.correos = 5;
		}
		else if( idProducto == "paquete-3-de-correos-electr-nicos-institucionales" ){
			jsonDataCompraPaqueteCEPENC.correos = 10;
			tagJSON.correos = 10;
		}
		fastspring.builder.reset();
		fastspring.builder.recognize({
			"email": "<?php echo $Cliente->correo_electronico; ?>",
			"firstName": "<?php echo $Cliente->nombre_completo; ?>", 
			"lastName": " ",
			"phone": "<?php echo $Cliente->telefono; ?>"
		});
		fastspring.builder.tag(tagJSON);
		fastspring.builder.add(idProducto);
		fastspring.builder.checkout();
	}
	/* --------------------------------------------------------------------------------------------------------------------------------------- */
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>