
<form id="frm-Planeador-Personal-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de Personal</h3>
            <div class="box-tools pull-right">
                {% if Personal %}
                {{ boton("guardar","guardarCambiosPlaneadorPersonal")}}
                {% else %}
                {{ boton("guardar","guardarNuevoPlaneadorPersonal")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormularioPlaneadorPersonal()")}}
                {{ boton("resetear", null, "%%TMPL_MODELO%%TITULO.focus();")}}  
            </div>            
        </div>        
        <div class="box-body">
            <div class="row">
                <div class="col-md-12" id="">
                    <div class="form-group">
                        <div class="form-group">
                            <label for="%%TMPL_MODELO%%CATEGORIA">Categoria:</label>
                            <select class="form-control select2" id="%%TMPL_MODELO%%CATEGORIA" name="%%TMPL_MODELO%%CATEGORIA" style="width: 100%;">
                                <option>NINGUNA</option>
                                {% if Categorias%%TMPL_CONTROL%%s %}
                                {% for categoria in Categorias%%TMPL_CONTROL%%s %}
                                <option value="{{categoria.categoriaID}}" >{{categoria.categoriaTITULO}}</option>
                                {% endfor %}
                                {% endif %}
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4" id="">
                    <div class="form-group">
                        <label for="%%TMPL_MODELO%%CODIGO">Código de %%TMPL_CONTROL%%</label>
                        <input type="text" class="form-control uppercase" name="%%TMPL_MODELO%%CODIGO" id="%%TMPL_MODELO%%CODIGO"  readonly=""
                               value="{{ %%TMPL_CONTROL%%.%%TMPL_MODELO%%CODIGO }}" placeholder="Código de %%TMPL_CONTROL%%s"  />
                    </div>
                </div>
                <div class="col-md-8" id="">
                    <div class="form-group">
                        <label for="%%TMPL_MODELO%%TITULO">Título de %%TMPL_CONTROL%%</label>
                        <input type="text" class="form-control uppercase" name="%%TMPL_MODELO%%TITULO" id="%%TMPL_MODELO%%TITULO"  required
                               value="{{ %%TMPL_CONTROL%%.%%TMPL_MODELO%%TITULO }}" placeholder="Título de %%TMPL_CONTROL%%s"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" >
                    <div class="form-group">
                        <label for="%%TMPL_MODELO%%DESCRIPCION">Descripción del %%TMPL_CONTROL%% (max 140 caracteres)</label>
                        <textarea rows="5" cols="80" maxlength="140" class="wysiwyg form-control " placeholder="Descripción del %%TMPL_MODELO%%" 
                                  name="%%TMPL_MODELO%%DESCRIPCION" id="%%TMPL_MODELO%%DESCRIPCION-{{ hash_vista }}" 
                                  >{{ %%TMPL_CONTROL%%.%%TMPL_MODELO%%DESCRIPCION }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="%%TMPL_MODELO%%ENLACE">Enlace de %%TMPL_CONTROL%% Externa</label>
                        <input type="url" class="form-control" name="%%TMPL_MODELO%%ENLACE" id="%%TMPL_MODELO%%ENLACE"
                               value="{{ %%TMPL_CONTROL%%.%%TMPL_MODELO%%ENLACE }}" placeholder="Enlace de %%TMPL_CONTROL%%" >
                    </div>
                    <div class="form-group">
                        <label for="%%TMPL_MODELO%%EMAIL">Correo de %%TMPL_CONTROL%%</label>
                        <input type="email" class="form-control" name="%%TMPL_MODELO%%EMAIL" id="%%TMPL_MODELO%%EMAIL"
                               value="{{ %%TMPL_CONTROL%%.%%TMPL_MODELO%%EMAIL }}" placeholder="Correo de %%TMPL_CONTROL%%" >
                    </div>
                    <div class="form-group">
                        <label>Estado:</label>
                        <label class="col-sm-6">
                            <input type="radio" name="%%TMPL_MODELO%%ESTADO" id="%%TMPL_MODELO%%Activado" class="flat-red %%TMPL_MODELO%%ESTADORADIO" required 
                                   {% if %%TMPL_CONTROL%%.%%TMPL_MODELO%%ESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />
                                   ACTIVADO
                        </label>
                        <label class="col-sm-6">
                            <input type="radio" name="%%TMPL_MODELO%%ESTADO" id="%%TMPL_MODELO%%Desactivo" class="flat-red %%TMPL_MODELO%%ESTADORADIO" required
                                   {% if %%TMPL_CONTROL%%.%%TMPL_MODELO%%ESTADO == 'SUSPENDIDO' %}checked{% endif %} value="DESACTIVO" /> 
                                   DESACTIVO
                        </label>
                    </div>
                </div>
                <div class="col-md-6" >
                    <div class="thumbnail">
                        <img src="{% if %%TMPL_CONTROL%%.%%TMPL_MODELO%%IMGMAX %}{{ %%TMPL_CONTROL%%.%%TMPL_MODELO%%IMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=%%TMPL_CONTROL%%s+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />
                        <div class="caption">                                      
                        </div>
                    </div>
                    <div class="form-group" >
                        <label for="%%TMPL_MODELO%%IMAGEN">Imagen</label>
                        <input accept="image/*" class="file %%TMPL_MODELO%%IMAGEN" data-show-upload="false" data-show-caption="true" 
                               type="file" id="%%TMPL_MODELO%%IMAGEN"  name='%%TMPL_MODELO%%IMAGEN' {% if not %%TMPL_CONTROL%% %}required{% endif %} /> 
                    </div>
                    <div class="form-group" >
                        <label for="%%TMPL_MODELO%%PDF">pdf</label>
                        <input accept="pdf" class="file %%TMPL_MODELO%%PDF" data-show-upload="false" data-show-caption="true" 
                               type="file" id="%%TMPL_MODELO%%PDF"  name='%%TMPL_MODELO%%PDF' /> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="%%TMPL_MODELO%%ID" value="{{%%TMPL_CONTROL%%.%%TMPL_MODELO%%ID}}" />
</form>
<script>
    $(document).ready(function () {
        $("#frm-%%TMPL_COMPONENTE%%-%%TMPL_CONTROL%%-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "%%TMPL_COMPONENTE%%", "%%TMPL_CONTROL%%s", "guardarDatos",
                    crearFormData("frm-%%TMPL_COMPONENTE%%-%%TMPL_CONTROL%%-{{hash_vista}}"),
                    function (%%TMPL_MODELO%%) {
                        cerrarTabContenedor("frm-%%TMPL_COMPONENTE%%-%%TMPL_CONTROL%%-{{hash_vista}}");
                        cargarVista('%%TMPL_COMPONENTE%%', '%%TMPL_CONTROL%%s', 'mostrarFormularioEditar', '%%TMPL_MODELO%%ID=' + %%TMPL_MODELO%%.%%TMPL_MODELO%%ID);
                        if (typeof cargarTabla%%TMPL_CONTROL%%s === "function") {
                            cargarTabla%%TMPL_CONTROL%%s();
                        }
                    }
            );
        });
        $("#%%TMPL_MODELO%%DESCRIPCION-{{hash_vista}}").wysihtml5();
        $("#%%TMPL_MODELO%%IMAGEN").fileinput({
            previewFileType: "image",
            maxFileSize: 512
        });
        $("#%%TMPL_MODELO%%PDF").fileinput({
            previewFileType: "pdf",
            maxFileSize: 2048
        });
        $('.%%TMPL_MODELO%%ESTADORADIO').iCheck({
            radioClass: 'iradio_flat-blue'
        });
        $('.%%TMPL_MODELO%%ESTADOCHECK').iCheck({
            checkboxClass: 'icheckbox_flat-blue'
        });
        $('#%%TMPL_MODELO%%CATEGORIA').select2();
    });
    function cerrarFormulario%%TMPL_COMPONENTE%%%%TMPL_CONTROL%%s() {
        cerrarTabContenedor("frm-%%TMPL_COMPONENTE%%-%%TMPL_CONTROL%%-{{hash_vista}}");
    }
</script>
