<script type="text/template" id="tmp-edit-tool2">
	<div class="edit-tool">
		<div class="edit-tool_box">
			<div class="edit-tool_item">
				<span title="Mover" class="edit-tool_btn btn-move mover"><i class="btn-icon icon-cursor-move-two"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Agregar Elemento" class="edit-tool_btn btn-agregar-elm"><i class="btn-icon fa fa-plus"></i></span>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-edit-tool">
	<div class="edit-tool">
		<div class="edit-tool_box <%= defaults.video? 'edit-tool_box-video' :'' %>">
			<% if (defaults.move) { %>
			<div class="edit-tool_item">
				<span title="Mover" class="edit-tool_btn btn-move handle"><i class="btn-icon icon-cursor-move-two"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Duplicar sección" class="edit-tool_btn btn-duplicar"><i class="btn-icon fa fa-copy"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Agregar sección" class="edit-tool_btn btn-crear-seccion"><i class="btn-icon fa fa-plus"></i></span>
			</div>
			<% } %>
			<% if (defaults.isColumn) { %>
			<div class="edit-tool_item">
				<span title="Mover" class="edit-tool_btn btn-move mover"><i class="btn-icon icon-cursor-move-two"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Agregar Elemento" class="edit-tool_btn btn-agregar-elm"><i class="btn-icon fa fa-plus"></i></span>
			</div>
			<% } %>
			<% if (defaults.background.backgroundColor) { %>
			<div class="edit-tool_item">
				<div class="edit-tool_colorpicker edit-tool_bgcolor">
					<span title="Color de fondo" class="edit-tool_btn edit-tool_btn-bgc"></span>
					<input type="text" class="edit-tool_input">
				</div>
			</div>
			<% } %>
			<% if (defaults.background.backgroundImage) { %>
			<div class="edit-tool_item">
				<span title="Imagen de fondo" class="edit-tool_btn edit-tool_btn-bgi"><i class="btn-icon icon-image-add"></i></span>
				<input type="file" class="edit-tool_file edit-tool_file-bg hide">
			</div>
			<% } %>
			<% if (defaults.background.backgroundImage) { %>
			<div class="edit-tool_item">
				<span title="Imagen de fondo" class="edit-tool_btn edit-tool_btn-bgirmv"><i class="btn-icon icon-image-cancel"></i></span>
			</div>
			<% } %>
			<% if (defaults.img) { %>
			<div class="edit-tool_item"><span title="Imagen" class="edit-tool_btn edit-tool_btn-img"><i class="btn-icon icon-img"></i></span>
				<input type="file" class="edit-tool_file edit-tool_file-img hide">
			</div>
			<% } %>
			<% if (defaults.fontFamily) { %>
			<div class="edit-tool_item">
				<span title="Fuente" class="edit-tool_btn edit-tool_btn-ff"><i class="btn-icon icon-font"></i></span>
				<div class="edit-tool_sub edit-tool_sub-ff">
					<div class="edit-tool_select">
						<select id="fontFamily" name="fontfamily"></select>
					</div>
				</div>
			</div>
			<% } %>
			<% if (defaults.color) { %>
			<div class="edit-tool_item">
				<div class="edit-tool_colorpicker edit-tool_color">
					<span title="Color" class="edit-tool_btn edit-tool_btn-color"></span>
					<input type="text" class="edit-tool_input">
				</div>
			</div>
			<% } %>
			<% if (defaults.fontSize) { %>
			<div class="edit-tool_item">
				<input title="Tamaño" type="number" min="8" max="70" placeholder="18" class="edit-tool_input edit-tool_input-fz">
			</div>
			<div class="edit-tool_item">
				<input title="Espacio entre líneas" type="number" min="1" max="2" step="0.1" placeholder="1" class="edit-tool_input edit-tool_input-lh">
			</div>
			<div class="edit-tool_item">
				<input title="Espacio entre letras" type="number" min="1" max="30" step="0.5" placeholder="1" class="edit-tool_input edit-tool_input-ls">
			</div>
			<% } %>
			<% if (defaults.fontStyle) { %>
			<div class="edit-tool_item">
				<div title="Estilo de Texto" class="edit-tool_btn">
					<i class="btn-icon icon-bold"></i>
				</div>
				<div class="edit-tool_sub">
					<a href="#" title="Negrita" class="edit-tool_btn btn-bold"><i class="btn-icon icon-bold"></i></a>
					<a href="#" title="Cursiva" class="edit-tool_btn btn-italic"><i class="btn-icon icon-italic"></i></a>
					<a href="#" title="Subrayado" class="edit-tool_btn btn-underline"><i class="btn-icon icon-underline"></i></a>
					<a href="#" title="Tachado" class="edit-tool_btn btn-strikethrough"><i class="btn-icon icon-strikethrough"></i></a>
				</div>
				</div>
			<% } %>
			<% if (defaults.textAlign) { %>
			<div class="edit-tool_item">
				<span title="Alinear Texto" class="edit-tool_btn"><i class="btn-icon icon-align-left"></i></span>
				<div class="edit-tool_sub">
					<a href="#" title="Alinear Texto a la Izquierda" class="edit-tool_btn btn-align-left"><i class="btn-icon icon-align-left"></i></a>
					<a href="#" title="Centrar Texto" class="edit-tool_btn btn-align-center"><i class="btn-icon icon-align-center"></i></a>
					<a href="#" title="Alinear Texto a la Derecha" class="edit-tool_btn btn-align-right"><i class="btn-icon icon-align-right"></i></a>
					<a href="#" title="Justificar Texto" class="edit-tool_btn btn-align-justify"><i class="btn-icon icon-align-justify"></i></a>
				</div>
			</div>
			<% } %>
			<% if (defaults.link) { %>
			<div class="edit-tool_item">
				<span title="Añadir Enlace" type="button" data-toggle="modal" data-target="#modalLink" class="edit-tool_btn btn-link"><i class="btn-icon icon-link"></i></span>
				<div class="edit-tool_sub">
					<a href="#" title="Agregar URL" class="edit-tool_btn btn-url">URL</a>
					<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-tel">Teléfono</a>
					<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailto">Mailto</a>
				</div>
			</div>
			<div class="edit-tool_item">
				<span title="Enlace de conversión" type="button" data-toggle="modal" data-target="#modalLinkC" class="edit-tool_btn btn-linkC"><i class="fa fa-bar-chart-o"></i></span>
				<div class="edit-tool_sub">
					<a href="#" title="Agregar URL" class="edit-tool_btn btn-urlC">URL</a>
					<a href="#" title="Agregar Teléfono" class="edit-tool_btn btn-telC">Teléfono</a>
					<a href="#" title="Agregar Mailto" class="edit-tool_btn btn-mailtoC">Mailto</a>
				</div>
			</div>
			<% } %>
			<% if (defaults.field) { %>
			<div class="edit-tool_item">
				<span title="Editar Placeholder" type="button" class="edit-tool_btn edit-tool_field"><i class="btn-icon icon-character"></i></span>
			</div>
			<% } %>
			<% if (defaults.popup && !defaults.popupEdit) { %>
			<div class="edit-tool_item">
				<span title="Popup" type="button" class="edit-tool_btn btn-popup"><i class="btn-icon icon-popup"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Editar Popup" type="button" class="edit-tool_btn btn-popupM"><i class="fa fa-external-link"></i></span>
			</div>
			<% } %>
			<% if (defaults.popup && defaults.popupEdit) { %>
			<div class="edit-tool_item">
				<span title="Popup" type="button" class="edit-tool_btn"><i class="btn-icon icon-popup"></i></span>
				<div class="edit-tool_sub">
					<a href="#" title="Editar Popup" class="edit-tool_btn btn-url">Editar Popup</a><a href="#" title="Agregar Nuevo popup" class="edit-tool_btn btn-tel">Agregar Nuevo popup</a>
				</div>
			</div>
			<% } %>
			<% if (defaults.countdown) { %>
			<div class="edit-tool_item"><span title="Cronómetro" class="edit-tool_btn btn-countdown"><i class="btn-icon icon-sort-numeric"></i></span>
				<div class="edit-tool_sub edit-tool_sub-countdown hide">
					<input type="text" id="datepicker" class="edit-tool_input edit-tool_input" placeholder="dd/mm/aaaa hh:mm">
					<span class="edit-tool_btn edit-tool_btn-ok">Ok</span>
				</div>
			</div>
			<% } %>
			<% if (defaults.isList) { %>
			<div class="edit-tool_item">
				<span title="Lista" type="button" class="edit-tool_btn"><i class="btn-icon icon-popup"></i></span>
				<div class="edit-tool_sub"><a href="#" title="Editar Lista" class="edit-tool_btn btn-list">Editar Lista</a></div>
			</div>
			<% } %>
			<% if (defaults.video) { %>
			<div class="edit-tool_item">
				<input type="text" placeholder="URL de video" class="edit-tool_input">
			</div>
			<div class="edit-tool_item">
				<label for="vautoplay" class="edit-tool_label">
					<input type="checkbox" id="vautoplay" class="edit-tool_checkbox">Autoplay
				</label>
			</div>
			<div class="edit-tool_item">
				<label for="vcontrols" class="edit-tool_label">
					<input type="checkbox" id="vcontrols" class="edit-tool_checkbox">Progress Bar
				</label>
			</div>
			<div class="edit-tool_item">
				<span type="button" class="edit-tool_btn btn-apply"><i class="btn-icon icon-check"></i></span>
			</div>
			<div class="edit-tool_item">
				<span title="Eliminar" class="edit-tool_btn btn-removeV"><i class="btn-icon icon-trash"></i></span>
			</div>
			<% } %>
			<% if (defaults.isVS) { %>
			<div class="edit-tool_item">
				<div class="edit-tool_input"> <div id="slider" style="width: 144px; margin-top: 3px;"></div> </div>
			</div>
			<% } %>
			<% if (defaults.remove && !defaults.isSection) { %>
			<div class="edit-tool_item">
				<span title="Eliminar" class="edit-tool_btn btn-remove"><i class="btn-icon icon-trash"></i></span>
			</div>
			<% } %>
			<% if (defaults.close) { %>
			<div class="edit-tool_item">
				<span title="Cerrar" class="edit-tool_btn btn-close"><i class="btn-icon icon-close"></i></span>
			</div>
			<% } %>
		</div>
	</div>
	<% if (defaults.isSection) { %>
	<div class="edit-tool right">
		<div class="edit-tool_box">
			<div class="edit-tool_item">
				<span title="Eliminar" class="edit-tool_btn btn-remove"><i class="btn-icon icon-trash"></i></span>
			</div>
		</div>
	</div>
	<% } %>
</script>
<script type="text/template" id="tmp-edit-move">
	<div class="edit-tool">
		<div class="edit-tool_box"><span title="Mover" class="edit-tool_btn btn-move handle"><i class="btn-icon icon-cursor-move-two"></i></span></div>
	</div>
</script>
<script type="text/template" id="tmp-edit-move2">
	<div class="edit-tool">
		<div class="edit-tool_box"><span title="Mover" class="edit-tool_btn btn-move handle MoverCuadro"><i class="btn-icon icon-cursor-move-two"></i></span></div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearvinculo">
	<div id="modalCrearVinculo" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Ruta a vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculo">
							<div class="form-group">
								<label> Ruta a asignar </label>
								<input type="text" class="form-control" id="txtRuta" name="txtRuta"></input>
							</div>
							<div class="form-group">
								<div class="checkbox">
									<label>
										<input type="checkbox" value="" id="chPestanha"> Abrir en pestaña nueva
									</label>
								</div>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculo"> Crear </button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearvinculo-t">
	<div id="modalCrearVinculoT" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Número de teléfono a vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculoT">
							<div class="form-group">
								<label> Teléfono a asignar </label>
								<input type="text" class="form-control" id="txtTelefono" name="txtTelefono"></input>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculoT"> Crear </button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearvinculo-e">
	<div id="modalCrearVinculoE" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Correo electrónico a vincular </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form method="" action="" style="width: 100%;" id="frmCrearVinculoE">
							<div class="form-group">
								<label> Correo electrónico a asignar </label>
								<input type="text" class="form-control" id="txtCorreoE" name="txtCorreoE"></input>
							</div>
							<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVinculoE"> Crear </button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearseccion">
	<div id="modalCrearSeccion" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Opciones de nueva sección </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form id="modalForm" method="" action="" style="width: 100%; margin: 0 auto; text-align: center;" id="frmNuevaSeccion">
							<div class="form-group">
								<label class="radio-inline">
									<input type="radio" checked value="1" id="rdColumna1" name="rdColumna">
									<!--<span class="custom-radio"></span>-->
									<img src="/gentemplate/images/1Columna.png" class="img-thumbnail rdImgActiva" alt="1 Columna">
								</label>
								<label class="radio-inline">
									<input type="radio" value="2" id="rdColumna2" name="rdColumna">
									<!--<span class="custom-radio"></span>-->
									<img src="/gentemplate/images/2Columnas.png" class="img-thumbnail" alt="2 Columnas">
								</label>
								<label class="radio-inline">
									<input type="radio" value="3" id="rdColumna3" name="rdColumna">
									<!--<span class="custom-radio"></span>-->
									<img src="/gentemplate/images/3Columnas.png" class="img-thumbnail" alt="3 Columnas">
								</label>
							</div>
							<div class="form-group">
								<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearSeccion"> Crear </button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-crearelemento">
	<div id="modalCrearElemento" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title"> Seleccione el elemento a crear </h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a style="min-width: 0px;" href="#Titulo" aria-controls="titulo" role="tab" data-toggle="tab"> <i class="fa fa-header"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Texto" aria-controls="texto" role="tab" data-toggle="tab"> <i class="fa fa-font"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Lista" aria-controls="lista" role="tab" data-toggle="tab"> <i class="fa fa-list"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Imagen" aria-controls="imagen" role="tab" data-toggle="tab"> <i class="fa fa-image"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Video" aria-controls="video" role="tab" data-toggle="tab"> <i class="fa fa-play-circle-o"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Boton" aria-controls="boton" role="tab" data-toggle="tab"> <i class="fa fa-square"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#EspacioV" aria-controls="espaciovertical" role="tab" data-toggle="tab"> <i class="fa fa-long-arrow-down"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Cronometro" aria-controls="cronometro" role="tab" data-toggle="tab"> <i class="fa fa-clock-o"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#Testimonio" aria-controls="testimonio" role="tab" data-toggle="tab"> <i class="fa fa-wechat"></i> </a></li>
							<li role="presentation"><a style="min-width: 0px;" href="#TextoImagen" aria-controls="textoimagen" role="tab" data-toggle="tab"> <i class="fa fa-indent"></i> </a></li>
						</ul>
						<!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="Titulo">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Típo de título </label>
											<select id="slTipoTitulo" class="form-control">
												<option value="1" selected> h1 </option>
												<option value="2"> h2 </option>
												<option value="3"> h3 </option>
												<option value="4"> h4 </option>
											</select>
										</div>
										<div class="form-group">
											<label> Texto del título </label>
											<input type="text" class="form-control" id="txtTitulo"></input>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTitulo"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Texto">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Texto a insertar </label>
											<textarea class="form-control" rows="3" id="txtTexto"></textarea>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTexto"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Lista">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Listado de ícono </label>
											<br>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl1" value="1" checked>
												<img src="/SysWeb/SumeClientes/Checklist/1-32.png" class="rdImgActiva">
											</label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl2" value="2"> <img src="/SysWeb/SumeClientes/Checklist/2-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl3" value="3"> <img src="/SysWeb/SumeClientes/Checklist/3-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl4" value="4"> <img src="/SysWeb/SumeClientes/Checklist/4-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl5" value="5"> <img src="/SysWeb/SumeClientes/Checklist/5-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl6" value="6"> <img src="/SysWeb/SumeClientes/Checklist/6-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl7" value="7"> <img src="/SysWeb/SumeClientes/Checklist/7-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl8" value="8"> <img src="/SysWeb/SumeClientes/Checklist/8-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl9" value="9"> <img src="/SysWeb/SumeClientes/Checklist/9-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl10" value="10"> <img src="/SysWeb/SumeClientes/Checklist/10-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl11" value="11"> <img src="/SysWeb/SumeClientes/Checklist/11-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl12" value="12"> <img src="/SysWeb/SumeClientes/Checklist/12-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl13" value="13"> <img src="/SysWeb/SumeClientes/Checklist/13-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl14" value="14"> <img src="/SysWeb/SumeClientes/Checklist/14-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl15" value="15"> <img src="/SysWeb/SumeClientes/Checklist/15-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl16" value="16"> <img src="/SysWeb/SumeClientes/Checklist/16-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl17" value="17"> <img src="/SysWeb/SumeClientes/Checklist/17-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl18" value="18"> <img src="/SysWeb/SumeClientes/Checklist/18-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl19" value="19"> <img src="/SysWeb/SumeClientes/Checklist/19-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl20" value="20"> <img src="/SysWeb/SumeClientes/Checklist/20-32.png"> </label>
											<label class="radio-inline"> <input type="radio" name="rdListaImagen" style="width: 32px;" id="chl21" value="21"> <img src="/SysWeb/SumeClientes/Checklist/21-32.png"> </label>
										</div>
										<div class="form-group">
											<div class="row">
												<div class="col-md-10">
													<div id="Listas">
														<input type="text" class="form-control listado" name="lista[]" style="margin-bottom: 5px;"></input>
													</div>
												</div>
												<div class="col-md-2">
													<button type="button" id="btnMasElementosLista" class="btn btn-primary"> <i class="fa fa-plus"></i> </button>
												</div>
											</div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearLista"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Imagen">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Imágen a insertar </label>
											<input type="text" class="form-control" id="txtImagen"></input>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearImagen"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Boton">
								<div class="row">
									<div class="col-md-12">
										<button type="submit" class="btnCreado"> Botón </button>
										<div class="form-group" style="padding-top: 15px;">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearBoton"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Video">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Ruta de video a agregar </label>
											<input type="text" class="form-control" id="txtVideo"></input>
										</div>
										<div class="form-group">
											<label> Opciones </label>
											<br>
											<label class="checkbox-inline">
												<input id="chAutoPlay" type="checkbox" value="1" checked>
												AutoPlay
											</label>
											<label class="checkbox-inline">
												<input id="chControls" type="checkbox" value="1" checked>
												Controles
											</label>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearVideo"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Boton">
								<div class="row">
									<div class="col-md-12">
										<button type="submit" class="btn btnCreado btn-lg btn-block sc-modal_btn button-submit editable count-view"> Botón </button>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearBoton"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="EspacioV">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Espacio vertical </label>
											<div style="text-align: center;"> <input id="slEspacioV" type="text"> </div>
											<div id="dvEspacioV" style="height: 5px; box-shadow: 0px 0px 0px 1px #03ddff;"></div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearEspacioV"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Cronometro">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Cronómetro </label>
										</div>
										<div class="form-group">
											<div id="Cronometro" class="countdown"></div>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearClockDown"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="Testimonio">
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<label> Diseño de testimonio </label>
										</div>
										<div class="form-group">
											<label class="radio">
												<input type="radio" checked value="1" id="rdTestimonio1" name="rdTestimonio">
												<img src="<?php echo asset('SysWeb/SumeClientes/Testimonios/testimonio1.png'); ?>" class="img-thumbnail center-block rdImgActiva" alt="Testimonio 1">
											</label>
											<label class="radio">
												<input type="radio" value="2" id="rdTestimonio2" name="rdTestimonio">
												<img src="<?php echo asset('SysWeb/SumeClientes/Testimonios/testimonio2.png'); ?>" class="img-thumbnail center-block" alt="Testimonio 2">
											</label>
											<label class="radio">
												<input type="radio" value="3" id="rdTestimonio3" name="rdTestimonio">
												<img src="<?php echo asset('SysWeb/SumeClientes/Testimonios/testimonio3.png'); ?>" class="img-thumbnail center-block" alt="Testimonio 3">
											</label>
										</div>
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTestimonio"> Crear </button>
										</div>
									</div>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="TextoImagen">
								<div class="row">
									<div class="col-md-12">
										<img class="img-responsive thumbnail center-block" src="<?php echo asset('SysWeb/SumeClientes/TextoImagen/textoimagen.png'); ?>" alt="Texto Imagen">
										<div class="form-group">
											<button type="button" class="btn btn-primary btn-block btn-lg" id="btnCrearTextoImagen"> Crear </button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-config">
	<div id="modalConfig" tabindex="-1" role="dialog" aria-labelledby="modalConfigLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalConfigLabel" class="modal-title">Personalización de formulario</h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form id="modalForm" method="" action="">
							<div class="form-group">
								<label for="subscriberList">Lista de suscriptores</label>
								<select id="subscriberList" name="subscribers" class="form-control">
									<option value="0">Seleccione una lista de suscriptores</option>
								</select>
							</div>
							<div class="form-group">
								<h4>Campos personalizados</h4>
								<div id="customFields"></div>
							</div>
							<% if (!isForm) { %>
							<div class="form-group">
								<h4>Barra de progreso</h4>
								<label for="">Seleccione barra de progreso</label>
								<div class="radio rdImgActiva" style="margin: 2px;">
									<label for="m-progressbar-1">
										<input type="radio" id="m-progressbar-1" value="grey" name="progressbar" checked style="margin-left:-20px; position:absolute;"><img src="/gentemplate/images/templates/progressBar-grey.gif" alt="progress bar" class="img-responsive">
									</label>
								</div>
								<div class="radio" style="margin: 2px;">
									<label for="m-progressbar-2">
										<input type="radio" id="m-progressbar-2" value="green" name="progressbar" style="margin-left:-20px; position:absolute;"><img src="/gentemplate/images/templates/progressBar-green.gif" alt="progress bar" class="img-responsive">
									</label>
								</div>
								<div class="radio" style="margin: 2px;">
									<label for="m-progressbar-3">
										<input type="radio" id="m-progressbar-3" value="blue" name="progressbar" style="margin-left:-20px; position:absolute;"><img src="/gentemplate/images/templates/progressBar-blue.gif" alt="progress bar" class="img-responsive">
									</label>
								</div>
							</div>
							<% } %>
							<div class="form-group">
								<h4>Ubicación de gradecimiento</h4>
								<div class="checkbox">
									<label for="m-remainpage">
										<input type="checkbox" id="m-remainpage" name="remainpage">Deseo que permanezca en la página
									</label>
								</div>
								<div id="thanksPage">
									<label for="m-thankspage">Página de agradecimiento</label>
									<input id="m-thankspage" type="text" placeholder="" name="remainpage-url" class="form-control"><span id="m-thankspage-error" class="m-error"></span>
								</div>
							</div>
							<div class="form-group">
								<div class="help-block">Los campos con (*) son requeridos</div>
								<button id="btnSumbitModalConfig" type="submit" class="btn btn-primary btn-block btn-lg">Guardar</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-subscribe">
	<div id="subscribeModal-<%= modalId %>" tabindex="-1" role="dialog" aria-labelledby="subscribeModalLabel" class="modal subscribe-modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					<form id="subscribeForm-<%= modalId %>" method="" action="" class="subscribeForm">
						<div class="sc-modal el-sortable">
							<button type="button" data-dismiss="modal" aria-label="Close" class="close sc-modal_close"><span aria-hidden="true">&#215;</span></button>

							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="sc-modal_progress-bar"><img src="/gentemplate/images/templates/progressBar-<%= modalField.progressbar %>.gif" alt="progress bar" class="img-responsive editable removable"></div>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<p class="sc-modal_p editable txt">You are Almost there! Please complete this form and click the button below to gain instant access.</p>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<h4 class="sc-modal_title editable txt">Download Your FREE Guide to Creating Your First Landing Page Today!</h4>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="subscribeFields el-sortable"></div>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<div class="help-block editable txt">Los campos con (*) son requeridos</div>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<a href="#" class="btnCreado sc-modal_btn button-submit editable btnsubmit">Suscribirse</a>
								</div>
							</div>
							<div class="row el-movable">
								<div class="col-xs-12 col-sm-12 col-md-12">
									<p class="sc-modal_p editable txt">We value your privacy and would never spam you</p>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-modal-field">
	<div class="form-group el-movable">
		<input type="text" placeholder="<%= modalField.nombre %> <%= modalField.requerido === '1'? '*' : '' %>" name="<%= modalField.slug %>" class="form-control sc-modal_field editable field">
		<span id="err-<%= modalField.slug %>" class="m-error"></span>
	</div>
</script>
<script type="text/template" id="tmp-modal-prompt">
	<div id="modalPrompt" tabindex="-1" role="dialog" aria-labelledby="modalPromptLabel" class="modal fade">
		<div role="document" class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">&#215;</span></button>
					<h4 id="modalPromptLabel" class="modal-title">Editar placeholder</h4>
				</div>
				<div class="modal-body">
					<div class="form light">
						<form id="modalPromptForm" method="" action="">
							<div class="form-group">
								<input id="modalPromptInput" type="text" placeholder="Ingrese un texto" name="" class="form-control sc-modal_field">
								<span id="modalPromptError" class="m-error"></span>
							</div>
							<div class="form-group">
								<button type="button" data-dismiss="modal" class="btn btn-default btn-lg">Cancelar</button>
								<button id="btnSumbitModalPrompt" type="submit" class="btn btn-primary btn-lg">Editar</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</script>
<script type="text/template" id="tmp-script-form">
	<script type="text/javascript" id="scriptFormGenerate">
		$(function() {
			$.each($('.subscribeForm'), function (index, value) {
				var Self = this;
				$(this).submit(function(event) {
					event.preventDefault();
					var routeForm     = $(Self).attr('data-route');
					var redirectForm  = $(Self).attr('data-redirect');
					var idForm      = $(Self).attr('data-id');
					$.ajax({
						type: 'POST',
						url: routeForm,
						data : $(Self).serialize(),
						success: function(data) {
							console.log(data);
							if(data.success){
								console.log("data success");
								if(redirectForm != ""){
									window.location.href = redirectForm;
								}
								else{
									$('.m-error').html("");
									$('input.form-control').val('');
									$('#subscribeModal-'+idForm).modal('hide');
								}
							}
							else{
								$.each(data.errMensajes, function(key, value){
									console.log(value);
									if(value !== ''){
										$(Self).find("#err-"+key).html(value);
									}
									else{
										$("#err-"+key).html("");
									}
								});
							}
						},
					});
				});
			});
		});
	</script>
</script>