<form id="frm-TalentoHumano-ControlAppAsistencia-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de ControlAppAsistencia</h3>
            <div class="box-tools pull-right">
                {% if ControlAppAsistencia %}
                {{ boton("guardar","mostrarFormularioEditarControlAppAsistenciaTalentoHumano")}}
                {% else %}
                {{ boton("guardar","mostrarFormularioNuevoControlAppAsistenciaTalentoHumano")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormularioControlAppAsistenciaTalentoHumano" ~ hash_vista ~ "()")}}
                {{ boton("resetear", null, "asistenciaLaboralTITULO.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="asistenciaLaboralCATEGORIA">Categoria:</label>
                            <select class="form-control select2" id="asistenciaLaboralCATEGORIA" name="asistenciaLaboralCATEGORIA" style="width: 100%;">
                                <option>NINGUNA</option>
                                {% if CategoriasAsistenciasLaborales %}
                                {% for categoria in CategoriasAsistenciasLaborales %}
                                <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="asistenciaLaboralCODIGO">Código de ControlAppAsistencia</label>
                        <input type="text" class="form-control uppercase" name="asistenciaLaboralCODIGO" id="asistenciaLaboralCODIGO"  readonly=""
                               value="{{ ControlAppAsistencia.asistenciaLaboralCODIGO }}" placeholder="Código de AsistenciasLaborales"  />
                    </div>
                </div>
                <div class="col-md-8" id="">
                    <div class="form-group">
                        <label for="asistenciaLaboralTITULO">Título de ControlAppAsistencia</label>
                        <input type="text" class="form-control uppercase" name="asistenciaLaboralTITULO" id="asistenciaLaboralTITULO"  required
                               value="{{ ControlAppAsistencia.asistenciaLaboralTITULO }}" placeholder="Título de AsistenciasLaborales"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" >
                    <div class="form-group">
                        <label for="asistenciaLaboralDESCRIPCION">Descripción del ControlAppAsistencia (max 140 caracteres)</label>
                        <textarea rows="5" cols="80" maxlength="140" class="wysiwyg form-control " placeholder="Descripción del asistenciaLaboral" 
                                  name="asistenciaLaboralDESCRIPCION" id="asistenciaLaboralDESCRIPCION-{{ hash_vista }}" 
                                  >{{ ControlAppAsistencia.asistenciaLaboralDESCRIPCION }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="asistenciaLaboralENLACE">Enlace de ControlAppAsistencia Externa</label>
                        <input type="url" class="form-control" name="asistenciaLaboralENLACE" id="asistenciaLaboralENLACE"
                               value="{{ ControlAppAsistencia.asistenciaLaboralENLACE }}" placeholder="Enlace de ControlAppAsistencia" >
                    </div>
                    <div class="form-group">
                        <label for="asistenciaLaboralEMAIL">Correo de ControlAppAsistencia</label>
                        <input type="email" class="form-control" name="asistenciaLaboralEMAIL" id="asistenciaLaboralEMAIL"
                               value="{{ ControlAppAsistencia.asistenciaLaboralEMAIL }}" placeholder="Correo de ControlAppAsistencia" >
                    </div>
                    <div class="form-group">
                        <label>Estado:</label>
                        <label class="col-sm-6">
                            <input type="radio" name="asistenciaLaboralESTADO" id="asistenciaLaboralActivado" class="flat-red asistenciaLaboralESTADORADIO" required 
                                   {% if ControlAppAsistencia.asistenciaLaboralESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />
                                   ACTIVADO
                        </label>
                        <label class="col-sm-6">
                            <input type="radio" name="asistenciaLaboralESTADO" id="asistenciaLaboralDesactivo" class="flat-red asistenciaLaboralESTADORADIO" required
                                   {% if ControlAppAsistencia.asistenciaLaboralESTADO == 'SUSPENDIDO' %}checked{% endif %} value="DESACTIVO" /> 
                                   DESACTIVO
                        </label>
                    </div>
                </div>
                <div class="col-md-6" >
                    <div class="thumbnail">
                        <img src="{% if ControlAppAsistencia.asistenciaLaboralIMGMAX %}{{ ControlAppAsistencia.asistenciaLaboralIMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=AsistenciasLaborales+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />
                        <div class="caption">                                      
                        </div>
                    </div>
                    <div class="form-group" >
                        <label for="asistenciaLaboralIMAGEN">Imagen</label>
                        <input accept="image/*" class="file asistenciaLaboralIMAGEN" data-show-upload="false" data-show-caption="true" 
                               type="file" id="asistenciaLaboralIMAGEN"  name='asistenciaLaboralIMAGEN' {% if not ControlAppAsistencia %}required{% endif %} /> 
                    </div>
                    <div class="form-group" >
                        <label for="asistenciaLaboralPDF">pdf</label>
                        <input accept="pdf" class="file asistenciaLaboralPDF" data-show-upload="false" data-show-caption="true" 
                               type="file" id="asistenciaLaboralPDF"  name='asistenciaLaboralPDF' /> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="asistenciaLaboralID" value="{{ControlAppAsistencia.asistenciaLaboralID}}" />
</form>
{% block javascript %}
<script>
    $(document).ready(function () {
        $("#frm-TalentoHumano-ControlAppAsistencia-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "TalentoHumano", "AsistenciasLaborales", "guardarDatos",
                    crearFormData("frm-TalentoHumano-ControlAppAsistencia-{{hash_vista}}"),
                    function (asistenciaLaboral) {
                        cerrarFormularioControlAppAsistenciaTalentoHumano{{hash_vista}}();
                        cargarVista('TalentoHumano', 'AsistenciasLaborales', 'mostrarFormularioEditar', 'asistenciaLaboralID=' + asistenciaLaboral.asistenciaLaboralID);
                        if (typeof cargarTablaControlAppAsistenciaTalentoHumano === "function") {
                            cargarTablaControlAppAsistenciaTalentoHumano();
                        }
                    }
            );
        });
        $("#asistenciaLaboralDESCRIPCION-{{hash_vista}}").wysihtml5();
        $("#asistenciaLaboralIMAGEN").fileinput({
            previewFileType: "image",
            maxFileSize: 512
        });
        $("#asistenciaLaboralPDF").fileinput({
            previewFileType: "pdf",
            maxFileSize: 2048
        });
        $('.asistenciaLaboralESTADORADIO').iCheck({
            radioClass: 'iradio_flat-blue'
        });
        $('.asistenciaLaboralESTADOCHECK').iCheck({
            checkboxClass: 'icheckbox_flat-blue'
        });
        $('#asistenciaLaboralCATEGORIA').select2();
    });
    function cerrarFormularioControlAppAsistenciaTalentoHumano{{hash_vista}}() {
        cerrarTabContenedor("frm-TalentoHumano-ControlAppAsistencia-{{hash_vista}}");
    }
</script>   
{% endblock %}