<?php $__env->startSection('CSS'); ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.webui-popover/1.2.1/jquery.webui-popover.min.css">
<?php /* HTML::style('WebPro/plugins/bootstrap-colorpicker/css/colorpicker.css') */ ?>
<?php echo HTML::style('bootstrap-colorpicker/css/bootstrap-colorpicker.min.css'); ?>

<?php echo HTML::style('SysWeb/SumeClientes/BootstrapMod.css'); ?>

<?php echo HTML::style('SysWeb/SumeClientes/bootstrap-custom-breakpoint.css'); ?>

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

<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
	.disenhador{ background: url(<?php echo asset('SysWeb/SumeClientes/edit-bg.png'); ?>); }
	.colorpicker.dropdown-menu.alpha{ z-index: 500000000; }
	/*.BordesDiv:hover{ border-width: 1px; border-color: blue; border-style: dashed; }*/
	/*.BordesElemento:hover{ border-width: 1px; border-color: blue; border-style: dashed; }*/
	.BordesElemento:hover{ box-shadow: 0px 0px 0px 1px #03ddff; }
	.BordesElemento{ transition: box-shadow 0.3s ease-in-out 0s; }
	.SepararCampos{ display: inline-block; }
	.brd { border:1px solid #000; }
	.placeholder { width:300px; height:50px; background-color:#DDD; }
	.img-biblioteca{ height: 100px; }
	.image_picker_image{ height: 100px !important; width: 119px !important; object-fit: contain; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer{ display: unset !important; border-top: unset !important; }
	.iframeModal .modal-header{ background-color: #363b3f !important;}
	#btn-laptop, #btn-movil {
		font-size: 25px;
		padding-right: 15px;
		padding-left: 15px;
		cursor: pointer;
		opacity: 1;
		position: relative;
	}
	.modal .bootstrap-dialog-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button {
		border-radius: 0 !important;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button.btn-default{
		padding-left: 5px;
		padding-right: 22px;
	}
	.dvRegla .bootstrap-select {
		z-index: unset !important;
	}
	.dvRegla >.input-group {
		display: flex;
	}
	/*#frmCuerpo #btnSubmit{
		height: unset !important;
	}*/
	.error {
      color: red;
	  font-weight: normal;
   }
   	body{
		font-weight: normal;
	}
</style>
<?php echo HTML::style('jquery-ezdz/jquery.ezdz.min.css'); ?>

<?php echo HTML::style('jQueryUI/NT/jquery-ui.min.css'); ?>

<?php echo HTML::style('jQueryUI/NT/jquery-ui.structure.min.css'); ?>

<?php /* HTML::style('VideoJS/video-js.css') */ ?>
<?php /* HTML::script('VideoJS/videojs-ie8.min.js') */ ?>
<?php echo HTML::style('bootstrap-select/css/bootstrap-select.min.css'); ?>

<?php if(isset($_GET["nomin"])): ?>
<?php echo HTML::style('SysWeb/SumeClientes/EditorDeFormularios.css?v='.date('H:i:s')); ?>

<?php else: ?>
<?php echo HTML::style('SysWeb/SumeClientes/EditorDeFormularios.min.css?=v2.9.98'); ?>

<?php endif; ?>
<?php echo HTML::style('WebPro/plugins/dropzone/dropzone.css'); ?>

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

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

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

<?php echo HTML::style('VideoJS/video-js.min.css'); ?>

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

<?php echo HTML::style('HoverCSS/hover-modificado.min.css?v='.date('H:i:s')); ?>

<?php echo HTML::style('SysWeb/SumeClientes/Fuentes.min.css'); ?>


<?php
	/*
	$json = file_get_contents('https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyBHLrXP6aOOUOUmI2oA5vpfnhWQE3r32O8');
	$fonts = json_decode($json);
	foreach($fonts->items as $font){ echo '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family='.$font->family.'">'; }
	*/
?>
<link id="Adamia" href="//fonts.googleapis.com/css?family=Adamina" rel="stylesheet" type="text/css">
<link id="DancingScript" href="//fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<link id="DroidSans" href="//fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
<link id="JustAnotherHand" href="//fonts.googleapis.com/css?family=Just+Another+Hand" rel="stylesheet" type="text/css">
<link id="LobsterTwo" href="//fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">
<link id="Montserrat" href="//fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link id="NixieOne" href="//fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet" type="text/css">
<link id="OpenSans" href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link id="Oswald" href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link id="Pacifico" href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<link id="ShadowsIntoLightTwo" href="//fonts.googleapis.com/css?family=Shadows+Into+Light+Two" rel="stylesheet" type="text/css">
<link id="TheGirlNextDoor" href="//fonts.googleapis.com/css?family=The+Girl+Next+Door" rel="stylesheet" type="text/css">
<link id="BubblegumSans" href="//fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet" type="text/css">
<link id="LondrinaSolid" href="//fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet" type="text/css">
<link id="RockSalt" href="//fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Acme|Anton|Archivo+Narrow|Arimo|Asap|Bangers|Cabin|Fira+Sans|Indie+Flower|Josefin+Sans|Lato|Luckiest+Guy|Monoton|Nanum+Gothic|Nunito|Orbitron|PT+Sans|Permanent+Marker|Poiret+One|Poppins|Raleway|Roboto|Rubik|Source+Sans+Pro|Ubuntu" rel="stylesheet">
<?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>
</div>
<div class="modal fade mdAvatar bootstrap-dialog" id = "modal_add_opc" tabindex = "-1" role = "dialog" aria - labelledby="modalLabel" aria - hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header bootstrap-dialog-draggable">
				<div class="bootstrap-dialog-header">
					<div class="bootstrap-dialog-close-button" style="display: none;">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
					</div>
					<div class="bootstrap-dialog-title">
						Configurar opciones de selección...
					</div>
				</div>
			</div>
			<div class="modal-body">
				<div class="bootstrap-dialog-body"> 
					<div class="alert alert-info role="alert">
						<strong>Atención:</strong>
						Se creará la etiqueta de la opción a agregar para optimizar el filtrado de tus listas.
					</div>
					<label> Añadir una opción </label> 
					<form id="frmAgegarEtiqueta" name="frmAgegarEtiqueta">
						<div class="input-group"> 
							<input type="text" class="form-control" id="newOpc" name="newOpc" data-container="body"> 
							<span class="input-group-btn">
								<button type="button" class="btn btn-default">+</button> 
							</span> 
						</div> 
					</form> 
					<span class="text-danger" id="errNewOpc"></span> 
					<hr> 
					<label> Gestionar opciones </label> 
					<br><br> 
					<div id="listOpc"> 
					</div> 
				</div>
			</div>
			<div class="modal-footer" style="margin-top: 0px;">
				<button type="button" class="btn btn-primary btn-lg btn-block" data-dismiss="modal">Listo</button>
			</div>
		</div>
	</div>
</div>
<div class="modal fade mdAvatar bootstrap-dialog" id = "modal_conf_opc" tabindex = "-1" role = "dialog" aria - labelledby="modalLabel" aria - hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header bootstrap-dialog-draggable">
				<div class="bootstrap-dialog-header">
					<div class="bootstrap-dialog-close-button" style="display: none;">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
					</div>
					<div class="bootstrap-dialog-title">
						Configuración de etiquetas
					</div>
				</div>
			</div>
			<div class="modal-body">
				<div class="bootstrap-dialog-body"> 
					<div class="form-group">
						<label class="col-sm-3 control-label"> Etiquetas asociadas: </label>
						<div class="col-sm-9">
							<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas_opc" name="etiquetas_opc[]">
								<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
								<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
								<option value="<?php echo $Etiqueta->id; ?>" id="sl_op<?php echo $Etiqueta->id; ?>"> <?php echo $Etiqueta->nombre; ?> </option>
								<?php endforeach; ?>
							</select>
							<span class="text-danger" id="erretiquetas"> </span>
							<div id="dvEtiquetasOpc" style="padding-top: 20px; padding-bottom: 20px;"></div>
						</div>
					</div>
				</div>
				<button type="button" class="btn btn-primary btn-lg btn-block" data-dismiss="modal">Listo</button>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header" style="display: inline-block; width: 50%;"> Editar formulario <strong> <?php echo $Formulario->nombre; ?> </strong> de <strong> <?php echo $ListaEmail->nombre; ?> </strong> </h3> <div style="width: 40%; display: inline-block;"><span class="fa fa-mobile vista-movil tooltip" title="Vista Móvil" data-toggle="tooltip" id="btn-movil"></span> <span class="fa fa-laptop vista-movil tooltip" data-toggle="tooltip" title="Vista PC" id="btn-laptop"></span></div>   </div>
			<div class="porlets-content">
				<?php echo Form::open(array('route' => array('SysWebEmailMarketingFormulariosEditar', $ListaEmail->id, $Formulario->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar', 'files' => true, 'target' => 'upload_iframe')); ?>

					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre del formulario </label>
						<div class="col-sm-9">
							<?php echo Form::text('nombre_form', $Formulario->nombre,  array('class' => 'form-control', 'placeholder' => '')); ?>

							<span class="text-danger" id="errnombre_form"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Etiquetas asociadas (Opcional) </label>
						<div class="col-sm-9">
							<div class="input-group">
								<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas" name="etiquetas[]">
									<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
									<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
									<?php $seleccionada = EtiquetaxFormulario::where('etiquetas_id', '=', $Etiqueta->id)->where('formularios_id', '=', $Formulario->id)->count(); ?>
									<option value="<?php echo $Etiqueta->id; ?>" <?php if( $seleccionada == 1 ): ?> selected <?php endif; ?> id="op<?php echo $Etiqueta->id; ?>"> <?php echo $Etiqueta->nombre; ?> </option>
									<?php endforeach; ?>
								</select>
								<div class="input-group-btn">
									<button id="btnAddEtiqueta" class="btn btn-default" type="button"><i class="fa fa-plus"></i></button>
								</div>
							</div>
							<span class="text-danger" id="erretiquetas"> </span>
							<div id="dvEtiquetas" style="padding-top: 10px;">
								<?php foreach($Etiquetas as $indice => $Etiqueta): ?>
									<?php if( EtiquetaxFormulario::where('etiquetas_id', '=', $Etiqueta->id)->where('formularios_id', '=', $Formulario->id)->count() == 1 ): ?>
								<span class="label label-info" data-valor="<?php echo $Etiqueta->nombre; ?>">
									<?php echo $Etiqueta->nombre; ?>

								</span> &nbsp;
									<?php endif; ?>
								<?php endforeach; ?>
							</div>
						</div>
					</div>
					<?php if( $ListaEmail->gestion_clientes == 'P' ): ?>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Producto/Servicio de gestión de prospectos </label>
						<div class="col-sm-9">
							<select class="form-control selectpicker" data-live-search="true" id="producto" name="producto">
								<option value=""> Seleccione un producto o servicio de la gestión de prospectos... </option>
								<?php foreach($ProductosServicio as $indice => $ProductoServicio): ?>
								<option value="<?php echo $ProductoServicio->id; ?>" id="opP<?php echo $ProductoServicio->id; ?>" <?php if($Formulario->productos_servicios_id == $ProductoServicio->id): ?> selected <?php endif; ?> > <?php echo $ProductoServicio->nombre; ?> </option>
								<?php endforeach; ?>
							</select>
							<span class="text-danger" id="errproducto"> </span>
							<div id="dvEtiquetas" style="padding-top: 10px;"></div>
							<input type="hidden" id="productosDatos" value='<?php echo json_encode($ProductosServicio); ?>'>
							<input type="hidden" id="ps_opciones" name="ps_opciones">
						</div>
					</div>
					<?php endif; ?>
					<div class="form-group" style="display: none;">
						<label class="col-sm-3 control-label"> Úbicación de agradecimiento </label>
						<div class="col-sm-9">
							<label class="checkbox-inline">
								<input type="checkbox" value="1" id="chUbicacion" <?php if($Formulario->pagina_agradecimiento==''): ?> checked <?php endif; ?>>
								<span class="custom-checkbox"></span> Deseo que permanezcan en la página
							</label>
						</div>
					</div>
					<?php if($Formulario->pagina_agradecimiento==''){ $Formulario->pagina_agradecimiento = ' '; } ?>
					<div class="form-group" id="dvPagina" <?php if($Formulario->pagina_agradecimiento==''): ?> style="display: none;" <?php endif; ?>>
						<label class="col-sm-3 control-label"> Página de agradecimiento </label>
						<div class="col-sm-9">
							<?php echo Form::text('pagina_agradecimiento', $Formulario->pagina_agradecimiento,  array('class' => 'form-control', 'id' => 'pagina_agradecimiento')); ?>

							<span class="text-danger" id="errpagina_agradecimiento"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Opciones visibles </label>
						<div class="col-sm-9" id="OpcionesVisibles">
							<label class="checkbox-inline">
								<input type="checkbox" value="1" id="ch1" checked onclick="Checkes()">
								<span class="custom-checkbox"></span> Título
							</label>
							<label class="checkbox-inline">
								<input type="checkbox" value="2" id="ch2" checked onclick="Checkes()">
								<span class="custom-checkbox"></span> Sub Título
							</label>
							<label class="checkbox-inline">
								<input type="checkbox" value="3" id="ch3" checked onclick="Checkes()">
								<span class="custom-checkbox"></span> Multimedia
							</label>
							<label class="checkbox-inline">
								<input type="checkbox" value="6" id="ch6" checked onclick="Checkes()">
								<span class="custom-checkbox"></span> Pie de formulario
							</label>
							<label class="checkbox-inline">
								<input type="checkbox" value="7" id="ch7" checked onclick="Checkes()">
								<span class="custom-checkbox"></span> RGPD (Solo para la <a href="https://eur-lex.europa.eu/legal-content/ES/TXT/HTML/?uri=CELEX:32016R0679&from=ES" target="_blank">Unión Europea</a>)
							</label>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Diseño </label>
						<div class="col-sm-9">
							<label class="radio-inline">
								<input type="radio" value="V" id="rdVertical" name="Diseño" onclick="Disenho(this)">
								<span class="custom-radio"></span> Vertical
							</label>
							<label class="radio-inline">
								<input type="radio" value="V2" id="rdVertical2" name="Diseño" onclick="Disenho(this)">
								<span class="custom-radio"></span> Vertical 2
							</label>
							<label class="radio-inline">
								<input type="radio" value="H1" id="rdHorizontal" name="Diseño" onclick="Disenho(this)">
								<span class="custom-radio"></span> Horizontal
							</label>
							<label class="radio-inline">
								<input type="radio" value="H2" id="rdHorizontal2" name="Diseño" onclick="Disenho(this)">
								<span class="custom-radio"></span> Horizontal 2
							</label>
							<label class="radio-inline">
								<input type="radio" value="H3" id="rdHorizontal3" name="Diseño" onclick="Disenho(this)">
								<span class="custom-radio"></span> Horizontal 3
							</label>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles </label>
						<div class="col-sm-9">
							<?php foreach($Campos as $Campo): ?>
							<?php $label = ($Campo->requerido==1)?'success':'info'; $dpu = ($Campo->id=='dpu')?'display:none;':''; $claseDpu = ($Campo->id=='dpu')?'dpu':'';  ?>
							<div class="Separacion pointer <?php echo $claseDpu; ?>" style="<?php echo $dpu; ?>" onclick="AgregarCampo('<?php echo $Campo->slug; ?>', '<?php echo $Campo->nombre; ?>')"> <span class="label label-<?php echo $label; ?>"> <?php echo $Campo->nombre; ?> </span> </div>
							<?php endforeach; ?>
						</div>
					</div>
					<div class="row">
					<!-- <div class="form-group"> -->
						<!-- label class="col-sm-3 control-label"> Diseñador de formulario </label> -->
						<!-- <div class="col-md-5"> -->
						<div class="col-md-8">
							<div id="disenhador" class="row disenhador" style="padding: 15px;">
								<div id="codigo_html">
									<?php echo trim($Formulario->codigo_html); ?>

								</div>
							</div>
						</div>
						<div class="col-md-4" id="Opciones"> </div>
					</div>
					<!-- <input id="colorpicker" type="text" class="colorpicker-rgba form-control" value="" data-color-format="rgba" onchange="edCuerpoColor(this)"> -->
					<div class="bottom">
						<input type="hidden" id="libraryInput" value="<?php echo asset('Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js'); ?>">
						<input type="hidden" id="paisC" value="<?php echo Cliente::select('pais')->where('users_id', '=', Auth::user()->id)->first()->pais; ?>">
						<input type="hidden" id="cid" value="<?php echo Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id; ?>">
						<input type="hidden" id="rutabibliotecascliente" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientes', array('')); ?>/">
						<input type="hidden" id="rutabibliotecasc" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesSC'); ?>">
						<input type="hidden" id="hdnRutaImagenes" value="<?php echo URL::route('SysWebPAterrizajeGenTemplateImagenes'); ?>">
						<input type="hidden" id="rutaeliminarbiblioteca" value="<?php echo URL::route('SysWebPAterrizajeBibliotecaImagenesClientesEliminar', array(Cliente::select('id')->where('users_id', '=', Auth::user()->id)->first()->id)); ?>">
						<?php echo Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnEditar', 'type' => 'submit')); ?>

						<?php echo HTML::linkRoute('SysWebEmailMarketingFormularios', 'Cancelar', array($ListaEmail->id), array('class' => 'btn btn-default')); ?>

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

		</div>
		
	</div>
</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php /* HTML::script('WebPro/plugins/ckeditor-new/ckeditor.js') */ ?>
<?php /*<script src="https://cdn.jsdelivr.net/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.webui-popover/1.2.1/jquery.webui-popover.min.js"></script>*/ ?>
<?php /* HTML::script('WebPro/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') */ ?>
<?php echo HTML::script('jquery-ezdz/jquery.ezdz.min.js'); ?>

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

<?php if(isset($_GET["nomin"])): ?>
	<?php echo HTML::script('SysWeb/SumeClientes/EditorDeFormularios.js?v='.date('H:i:s')); ?>

<?php else: ?>
	<?php echo HTML::script('SysWeb/SumeClientes/EditorDeFormularios.min.js?=v2.9.98'); ?>

<?php endif; ?>
<?php echo HTML::script('jQueryUI/NT/jquery-ui.min.js'); ?>

<?php /* HTML::script('VideoJS/video.js') */ ?>
<?php echo HTML::script('bootstrap-select/js/bootstrap-select.min.js'); ?>

<?php echo HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js'); ?>

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

<?php echo HTML::script('WebPro/plugins/dropzone/dropzone.min.js'); ?>

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

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

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

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

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

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

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

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

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

<script type="text/javascript">
	function Disenho(elemento){
		var Disenho = elemento.value;
		Formulario(Disenho, '<?php echo asset('SysWeb/SumeClientes/Multimedia.png'); ?>', true);
	}
	function VistaPrevia(dispositivo){
		var dispositivo = dispositivo;
		var btnClass = "";
		if(dispositivo == 'TI'){
			var mobile = true;
			var titulo = "Vista previa en teléfono inteligente";
			var clase = "modal-movil portrait";
		}
		else if(dispositivo == 'C'){
			var mobile = false;
			var titulo = "Vista previa en computadoras"
			var clase = "modal-desktop";
			btnClass = "hide";
		}
		$.isLoading({ text: "Cargando..." }); NProgress.start();
		htmlModal = '<div id="dvContenedoriFrame"  class="iframe-container" >\
			<iframe id="iFCodigoHTML" src="#" name="iFCodigoHTML"></iframe>\
		</div>';
		var jsonPostIframe = { 
			codigoHTML: '<section class="block-movable editable section configurado" style="padding: 20px 0; height: 100%;">\
				<div class="container" style="height: inherit;">\
					<div class="row el-sortable2 ui-sortable" style="height: inherit;">\
						<div class="col-xs-12 col-sm-4 col-md-4 vacio el-movable column">\
							<div class="row el-sortable3 ui-sortable"></div>\
						</div>\
						<div class="col-xs-12 col-sm-4 col-md-4 el-movable column" style="height: inherit; display: table; position: relative;">\
							<div class="row el-sortable3 ui-sortable" style="margin-right: 0px; margin-left: 0px; vertical-align: middle; display: table-cell;">\
								<div class="col-xs-12 col-sm-12 col-md-12 el-movable">\
									<div class="resize center-block text-center editable formulario ui-resizable configurado" style="padding-top: 10px; padding-bottom: 10px;">\
										'+$("#codigo_html").html()+'\
									</div>\
								</div>\
							</div>\
						</div>\
						<div class="col-xs-12 col-sm-4 col-md-4 vacio el-movable column">\
							<div class="row el-sortable3 ui-sortable"></div>\
						</div>\
					</div>\
				</div>\
			</section>', 
			mobile: false
		}
		$.post(
			"<?php echo URL::route('SysWebPAterrizajePlantillaxClienteVeriFrame', array(0)); ?>",
			jsonPostIframe,
			function(data){
				$.isLoading("hide"); NProgress.done();
				if(data.success){
					BootstrapDialog.show({
						title: titulo,
						type: BootstrapDialog.TYPE_PRIMARY,
						message: htmlModal,
						size: BootstrapDialog.SIZE_WIDE,
						draggable: true,
						closeByBackdrop: false,
						cssClass: clase + " color-head-modal iframeModal",
						onshown: function(modalDialog){
							$("body").addClass("modal-open");
							ventanaIframe = modalDialog.getModalBody();
							var iframe = ventanaIframe.find("#iFCodigoHTML");
							var doc = iframe[0].contentWindow.document;
							doc.open();
							doc.write("<!DOCTYPE HTML>"+data.codigoHTML);
							doc.close();
						},
						buttons: 
							[
								{
									id: "btnModal",
									label: " Rotar",
									cssClass: "btn btn-primary " + btnClass ,
									action: function(dialogItself){
										var modalIframe = $(".iframeModal");
										if( modalIframe.hasClass("portrait") ){
											modalIframe.removeClass("portrait").addClass("landscape");
										}
										else{
											modalIframe.removeClass("landscape").addClass("portrait");
										}
									}
								},
							],
						onhide: function(modal){
							$("#printable").find('.sidebar').css({"pointer-events": "none", "opacity" : "0.5"});
							$("body").removeClass("modal-open");
						}
					});
				}
				else{
					if(data.mensaje != ''){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				}
			},
			"json"
		);
	}
	$(".BordesElemento").find('input[name="telefono"], input[name="celular"], input[name="numero_de_telefono_del_trabajo"]').intlTelInput({
		utilsScript: "https://sumeclientes.net/Intl-Tel-Input/17.0.3/js/utils17-0-16.min.js",
		/*onlyCountries: ["us", "mx", "cu", "dm", "do", "pr", "bz", "gt", "sv", "hn", "ni", "cr", "pa", "ve", "ec", "co", "pe", "bo", "cl", "py", "uy", "ar", "es", "gq"]*/
	});
	$("#Cuerpo").find('input[name="telefono"], input[name="celular"], input[name="numero_de_telefono_del_trabajo"]').attr({"inputmode": "numeric", "pattern": "[0-9]*"});
	$.getJSON("https://sumeclientes.net/EP/GeoIP", function(data){
		var pais = data.isoCode;
		if (pais != "") {
			$(".BordesElemento").find('input[name="telefono"], input[name="celular"], input[name="numero_de_telefono_del_trabajo"]').intlTelInput("setCountry", pais);
		}
	});
	//AGREGANDO CONTENEDOR FOOTER P PARA FORMULARIOS YA EXISTENTES - 13/01/2022
	if( $("#pos7").length === 0 ){
		var footerP = '<div class="col-md-12 BordesDiv ui-sortable-handle" id="pos7" style="display: none;"> \
		<p class="BordesElemento normal-padding text-left" id="FooterP" onclick="EditarFooterP()" style="color: rgb(255, 255, 255); font-size: 11px; font-family: Open Sans; line-height: 11px word-wrap: break-word;"><label class="rdLegal"><input id="chL" name="chLegal" type="checkbox" value="0"> <span class="custom-checkbox"></span></label> <span>Acepto la <a href="#" style="#428bca">Politica de Privacidad</a> y quiero recibir más información</span></p> \
		</div>';
		if($("#rdVertical2").is(":checked")){
			$("#dvBoton").before(footerP);
		}
		else{
			$("#pos4").after(footerP);
		}
	}
	/*
	$(window).on('load', function() {
		$(".dv_select").each(function () {
			var select_campo = $(this).find("select");
			var select_campo_error = $(this).find("span[class='text-danger']");
			$(this).empty();
			$(this).append(select_campo);
			$(this).append(select_campo_error);
			$(this).find("select").selectpicker();
		});
	});
	*/
</script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
$(".edCuerpo").removeAttr("oncontextmenu");
var html_menu = '<div title="Editar Cuerpo de formulario"  data-toggle="tooltip" class="menu-bt tooltip"> <i class="fa fa-pencil-square-o" aria-hidden="true" onclick="EditarCuerpo()"></i> </div>';
$(".edCuerpo").prepend(html_menu);
$(".edCuerpo").each(function(e){
	$(this).hover(
		function(e){
			$(this).find(".menu-bt:first").css({"display": "block", "transition": "all ease"});
		},
		function(e){
			$(this).find(".menu-bt:first").css({"display": "none", "transition": "all ease"});
		}
	);
});
$(".tooltip").tooltip({
	position: {
		my: "center bottom-5",
		at: "center top",
	},
});
$("#etiquetas").on("changed.bs.select", function(e){
	$("#dvEtiquetas").html("");
	if($(this).val() != null){
		$.each(
			$(this).val(),
			function(key, value){
				if($("#dvEtiquetas").find('[data-valor="'+$("#op"+value).html()+'"]').length == 0){
					$("#dvEtiquetas").append(' \
						<span class="label label-info" data-valor="'+$("#op"+value).html()+'"> \
							'+$("#op"+value).html()+' \
						</span> &nbsp; \
					');
				}
			}
		);
	}
});
$(".sidebar-toggle-box").trigger("click");
TipoDisenho();
VerificarCheckes();
$(window).keydown(function(event){
	if(event.keyCode == 13) {
		event.preventDefault();
		return false;
	}
});
$("#chUbicacion").click(function(){
	if($("#chUbicacion").is(":checked")){ $("#pagina_agradecimiento").val(""); $("#dvPagina").hide("slow"); }
	else{ $("#dvPagina").show("slow"); }
});
$("#frmEditar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$('[id^="err"]').html("");
	$("#btnEditar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	$(".menu-bt").remove();
	$("#codigo_html").find(".intl-tel-input, .iti").each(function(){
		var input = $(this).find("input").prop("outerHTML");
		$(this).prop("innerHTML", input);
	});
	var frmEditar = new FormData(document.getElementById("frmEditar"));
	frmEditar.append("codigo_html", $("#codigo_html").html().trim());
	$.ajax({
		type: "POST",
		url: "<?php echo URL::route('SysWebEmailMarketingFormulariosEditar', array($ListaEmail->id, $Formulario->id)); ?>",
		data: frmEditar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnEditar").html("Editar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				<?php if( isset($_SERVER['HTTP_REFERER']) ): ?>
					<?php if( strpos($_SERVER['HTTP_REFERER'], '/SistemaWeb/PaginasAterrizaje/PlantillasxCliente/Ver/') !== false ): ?>
				setTimeout( function(){ window.close(); }, 3000 );
					<?php else: ?>
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingFormularios', array($ListaEmail->id)); ?>"; }, 3000 );
					<?php endif; ?>
				<?php else: ?>
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingFormularios', array($ListaEmail->id)); ?>"; }, 3000 );
				<?php endif; ?>
				setTimeout( function(){ window.location.href = "<?php echo URL::route('SysWebEmailMarketingFormularios', array($ListaEmail->id)); ?>"; }, 3000 );
			}
			else{
				if(data.mensaje != ''){
					new PNotify({ title: "Error", text: data.mensaje, type: "error" });
				}
				$.each(data.errMensajes, function(key, value){
					if(value != ''){
						if( key == "ps_opciones"){
							new PNotify({ title: "Error", text: "Por favor agrega Productos/Servicios al campo Definido por usuario", type: "error" });
						}
						 $("#err"+key).html(value);
					}
					else{
						$("#err"+key).html("");
					}
				});
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
$("#btn-laptop").on("click", function(){
	VistaPrevia("C");
});
$("#btn-movil").on("click", function(){
	VistaPrevia("TI");
});
$(".video-js").each(function(i){
	var id = $(this).attr("id");
	/*videojs(id,
		{ fluid: true, preload: "metadata" },
		function(){
			var player = this;
			if( !(player.controls()) ){
				if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
					$("#"+id).bind("touchstart click", function(){
						if(player.paused()){
							player.play();
						}
						else if( !(player.paused()) ){
							player.pause();
						}
					});
				}
				else{
					$("#"+id).on("click", function(e){
						if( $(this).hasClass("vjs-paused") ){
							player.play();
						}
						else if( $(this).hasClass("vjs-playing") ){
							player.pause();
						}
					});
				}
			}
			if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
				player.addClass("video-mobile");
			}
		}
	);*/
});
$("#producto").find("option[value='']").after('<option value="dpu">Definido por usuario</option>');
if( $("#producto").val() == "" ){
	$("#producto").find("option[value='dpu']").prop('selected', true)
}
$("#producto").change(function () {
	var idProducto = $(this).val();
	if(idProducto == "dpu"){
		$(".dpu").css("display", "");
		$(".dpu").trigger("click");
	}
	else{
		$(".dpu").css("display", "none");
		$("#dvdefinido_por_usuario").remove();
		$("#frmCuerpo").removeAttr("data-id-productos");
		$("#frmCuerpo").find(".etiquetasIPSO").remove();
	}
});
$(document).ready(function(){
	if( $("#producto").val() == "dpu" ){
		$(".dpu").css("display", "");
		if( $("#dvdefinido_por_usuario").length == 0 ){
			$(".dpu").trigger("click");
		}
	}
	//---------------------------------------------------
	//AGREGO CLASES IDENTIFICADORAS PARA EL TIPO DE CAMPO
	//---------------------------------------------------
	$("#Campos > div").removeClass("sc-form-input").addClass("sc-form-input");
	$("#Campos").removeClass("sc-has-tel sc-has-select sc-has-icon");
	$("#Campos").find(".sc-form-input").each(function(){
		var contenedorCampo = $(this);
		//Se quita las clases de cada contenedor de campo y luego se agregan por si hubo algun cambio en los campos
		contenedorCampo.removeClass("sc-fi-select");
		contenedorCampo.removeClass("sc-fi-tel");
		contenedorCampo.removeClass("sc-fi-text");
		if(contenedorCampo.find("select").length){
			contenedorCampo.addClass("sc-fi-select");
		}
		else if(contenedorCampo.find(".iti").length){
			contenedorCampo.addClass("sc-fi-tel");
		}
		else{
			contenedorCampo.addClass("sc-fi-text");
		}
	});
	if($("#Campos").find(".iconoN").length){
		$("#Campos").find(".sc-form-input").addClass("sc-has-icon");
	}
	if($("#Campos").find(".sc-form-input-tel").length){
		$("#Campos").find(".sc-form-input").addClass("sc-has-tel");
	}
	if($("#Campos").find(".sc-form-input-select").length){
		$("#Campos").find(".sc-form-input").addClass("sc-has-select");
	}
	//---------------------------------------------------
	$(".dv_select").each(function () {
		var currentStyle = $(this).find("button").attr("style");
		$(this).find("button").parent().remove();
		$(this).find("select").selectpicker();
		$(this).find("button").attr("style", currentStyle);
	});
	//---------------------------------------------------
});
$("#ps_opciones").val($("#frmCuerpo").attr("data-id-productos"));
$(".edCuerpo").each(function(){
	var formulario = $(this);
	if( formulario.find("#dvdefinido_por_usuario").length > 0 ){
		var currentStyle = formulario.find("#dvdefinido_por_usuario").find("button").attr("style");
		var fsrtxt = "";
		var buttonSP = formulario.find('button[data-id="definido_por_usuario"]').find("span:first");
		if( buttonSP.hasClass("textoAdaptable") ){
			fsrtxt = buttonSP[0].style.getPropertyValue("--fsr-txtForm");
		}
		formulario.find("#dvdefinido_por_usuario").find('button[data-id="definido_por_usuario"]').parent().remove();
		var selectPS = formulario.find("#definido_por_usuario");
		if( selectPS[0].hasAttribute("data-size") ){
			if( selectPS.attr("data-size") == 3){
				selectPS.attr("data-size", 4)
			}
		}
		if( !selectPS[0].hasAttribute("data-dropup-auto") ){
			selectPS.addClass("dropdown");
			selectPS.attr("data-dropup-auto", false);
		}
		if(formulario.find("#definido_por_usuario").hasClass("multiples")) {
			var cantidadOpciones = formulario.find("#definido_por_usuario").find("option").length;
			formulario.find("#definido_por_usuario").selectpicker({ maxOptions: cantidadOpciones });
		}
		else{
			formulario.find("#definido_por_usuario").selectpicker({ maxOptions: 1 });
		}
		formulario.find("#definido_por_usuario").selectpicker("refresh");
		formulario.find("#dvdefinido_por_usuario").find("button").attr("style", currentStyle);
		/*
		formulario.find("#dvdefinido_por_usuario").find('button[data-id="definido_por_usuario"]').css({"display": "flex", "justify-content": "center", "align-items": "center"});
		if(formulario.find("#definido_por_usuario")[0].hasAttribute("data-icon-input")){
			formulario.find("#dvdefinido_por_usuario").find('button[data-id="definido_por_usuario"]').css({"padding-left": 11, "padding-right": 50});
		}
		*/
		if( fsrtxt != "" ){
			formulario.find('button[data-id="definido_por_usuario"]').find("span:first").addClass("textoAdaptable")[0].style.setProperty("--fsr-txtForm", fsrtxt);
			var opcionesR = formulario.find('button[data-id="definido_por_usuario"]').siblings(".dropdown-menu").find("a > span.text").addClass("textoAdaptable");
			opcionesR.each(function(){
				$(this)[0].style.setProperty("--fsr-txtForm", fsrtxt);
			});
		}
	}
});
$("#frmAgegarEtiqueta").on("submit", function (e) {
	e.preventDefault();
	var existe = 0;
	$.each($("#etiquetas_opc").find("option"), function (key, value) {
		if ($("#newOpc").val() == $(this).text().trim()) {
			existe = 1;
		}
	});
	if (existe == 0) {
		$.post(
			"<?php echo URL::route('SysWebEmailMarketingEtiquetasFormularioAgregar'); ?>",
			$("#frmAgegarEtiqueta").serialize(),
			function (data) {
				if (data.success) {
					var tag_campo = $("#newOpc").attr("data-newop-campo");
					var tag_opc_id = data.Etiqueta.id;
					var tag_opc_nombre = data.Etiqueta.nombre;
					var lista_tags = $("#" + tag_campo).attr("data-etiquetas");
					var tags = {};
					tags[tag_opc_id] = tag_opc_nombre;
					if (lista_tags != null) {
						lista_tags = JSON.parse(lista_tags);
						lista_tags[tag_campo][tag_opc_nombre] = tags;
						$("#" + tag_campo).attr("data-etiquetas", JSON.stringify(lista_tags));
					}
					else {
						var json_tags = {
							[tag_campo]: {
								[tag_opc_nombre]: tags
							}
						}
						$("#" + tag_campo).attr("data-etiquetas", JSON.stringify(json_tags));
					}
					$.get(
						"<?php echo URL::route('SysWebEmailMarketingEtiquetasListarFormulario'); ?>",
						function (respuesta) {
							$("#etiquetas_opc").find("option").remove();
							$("#etiquetas_opc").append('<option value="0" disabled> Seleccione las etiquetas a asociar... </option>');
							$.each(respuesta, function (key, value) {
								$("#etiquetas_opc").append('<option value="' + value.id + '" id="sl_op' + value.id + '"> ' + value.nombre + ' </option>');
							});
							$("#etiquetas_opc").selectpicker("refresh");
						},
						"json"
					);
				}
				else {
					new PNotify({ title: "Error", text: "Hubo un error ingresando la etiqueta.", type: "error" });
				}
			},
			"json"
		);
	}
	else {
		new PNotify({ title: "Atención", text: "Esta etiqueta ya existe, se agregará únicamente la nueva opción.", type: "info" });
	}
});
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>