<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><% } %>
          <% 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 type="number" min="8" max="70" placeholder="18" class="edit-tool_input edit-tool_input-fz">
          </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="Contdown" 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.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><% } %>
          <% 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-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">
              <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-sortable el-movable">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="form">
                      <form id="subscribeForm-<%= modalId %>" method="" action="" class="subscribeForm">
                        <div class="subscribeFields el-sortable"></div>
                        <div class="form-group">
                          <div class="help-block editable txt">Los campos con (*) son requeridos</div>
                          <button id="btnSumbitModal" type="submit" class="btn btn-success btn-lg btn-block sc-modal_btn button-submit editable">Suscribirse</button>
                          <p class="sc-modal_p editable txt">We value your privacy and would never spam you</p>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </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>