<form id="frm-Planeador-30-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de 30</h3>
            <div class="box-tools pull-right">
                {% if 30 %}
                {{ boton("guardar","mostrarFormularioEditar30Planeador")}}
                {% else %}
                {{ boton("guardar","mostrarFormularioNuevo30Planeador")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormulario30Planeador" ~ hash_vista ~ "()")}}
                {{ boton("resetear", null, "personalPresupuestadoTITULO.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="personalPresupuestadoCATEGORIA">Categoria:</label>
                            <select class="form-control select2" id="personalPresupuestadoCATEGORIA" name="personalPresupuestadoCATEGORIA" style="width: 100%;">
                                <option>NINGUNA</option>
                                {% if CategoriasColaboradoresPresupuestados %}
                                {% for categoria in CategoriasColaboradoresPresupuestados %}
                                <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="personalPresupuestadoCODIGO">Código de 30</label>
                        <input type="text" class="form-control uppercase" name="personalPresupuestadoCODIGO" id="personalPresupuestadoCODIGO"  readonly=""
                               value="{{ 30.personalPresupuestadoCODIGO }}" placeholder="Código de ColaboradoresPresupuestados"  />
                    </div>
                </div>
                <div class="col-md-8" id="">
                    <div class="form-group">
                        <label for="personalPresupuestadoTITULO">Título de 30</label>
                        <input type="text" class="form-control uppercase" name="personalPresupuestadoTITULO" id="personalPresupuestadoTITULO"  required
                               value="{{ 30.personalPresupuestadoTITULO }}" placeholder="Título de ColaboradoresPresupuestados"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" >
                    <div class="form-group">
                        <label for="personalPresupuestadoDESCRIPCION">Descripción del 30 (max 140 caracteres)</label>
                        <textarea rows="5" cols="80" maxlength="140" class="wysiwyg form-control " placeholder="Descripción del personalPresupuestado" 
                                  name="personalPresupuestadoDESCRIPCION" id="personalPresupuestadoDESCRIPCION-{{ hash_vista }}" 
                                  >{{ 30.personalPresupuestadoDESCRIPCION }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="personalPresupuestadoENLACE">Enlace de 30 Externa</label>
                        <input type="url" class="form-control" name="personalPresupuestadoENLACE" id="personalPresupuestadoENLACE"
                               value="{{ 30.personalPresupuestadoENLACE }}" placeholder="Enlace de 30" >
                    </div>
                    <div class="form-group">
                        <label for="personalPresupuestadoEMAIL">Correo de 30</label>
                        <input type="email" class="form-control" name="personalPresupuestadoEMAIL" id="personalPresupuestadoEMAIL"
                               value="{{ 30.personalPresupuestadoEMAIL }}" placeholder="Correo de 30" >
                    </div>
                    <div class="form-group">
                        <label>Estado:</label>
                        <label class="col-sm-6">
                            <input type="radio" name="personalPresupuestadoESTADO" id="personalPresupuestadoActivado" class="flat-red personalPresupuestadoESTADORADIO" required 
                                   {% if 30.personalPresupuestadoESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />
                                   ACTIVADO
                        </label>
                        <label class="col-sm-6">
                            <input type="radio" name="personalPresupuestadoESTADO" id="personalPresupuestadoDesactivo" class="flat-red personalPresupuestadoESTADORADIO" required
                                   {% if 30.personalPresupuestadoESTADO == 'SUSPENDIDO' %}checked{% endif %} value="DESACTIVO" /> 
                                   DESACTIVO
                        </label>
                    </div>
                </div>
                <div class="col-md-6" >
                    <div class="thumbnail">
                        <img src="{% if 30.personalPresupuestadoIMGMAX %}{{ 30.personalPresupuestadoIMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=ColaboradoresPresupuestados+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />
                        <div class="caption">                                      
                        </div>
                    </div>
                    <div class="form-group" >
                        <label for="personalPresupuestadoIMAGEN">Imagen</label>
                        <input accept="image/*" class="file personalPresupuestadoIMAGEN" data-show-upload="false" data-show-caption="true" 
                               type="file" id="personalPresupuestadoIMAGEN"  name='personalPresupuestadoIMAGEN' {% if not 30 %}required{% endif %} /> 
                    </div>
                    <div class="form-group" >
                        <label for="personalPresupuestadoPDF">pdf</label>
                        <input accept="pdf" class="file personalPresupuestadoPDF" data-show-upload="false" data-show-caption="true" 
                               type="file" id="personalPresupuestadoPDF"  name='personalPresupuestadoPDF' /> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="personalPresupuestadoID" value="{{30.personalPresupuestadoID}}" />
</form>
{% block javascript %}
<script>
    $(document).ready(function () {
        $("#frm-Planeador-30-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "Planeador", "ColaboradoresPresupuestados", "guardarDatos",
                    crearFormData("frm-Planeador-30-{{hash_vista}}"),
                    function (personalPresupuestado) {
                        cerrarTabContenedor("frm-Planeador-30-{{hash_vista}}");
                        cargarVista('Planeador', 'ColaboradoresPresupuestados', 'mostrarFormularioEditar', 'personalPresupuestadoID=' + personalPresupuestado.personalPresupuestadoID);
                        if (typeof cargarTabla30Planeador === "function") {
                            cargarTabla30Planeador();
                        }
                    }
            );
        });
        $("#personalPresupuestadoDESCRIPCION-{{hash_vista}}").wysihtml5();
        $("#personalPresupuestadoIMAGEN").fileinput({
            previewFileType: "image",
            maxFileSize: 512
        });
        $("#personalPresupuestadoPDF").fileinput({
            previewFileType: "pdf",
            maxFileSize: 2048
        });
        $('.personalPresupuestadoESTADORADIO').iCheck({
            radioClass: 'iradio_flat-blue'
        });
        $('.personalPresupuestadoESTADOCHECK').iCheck({
            checkboxClass: 'icheckbox_flat-blue'
        });
        $('#personalPresupuestadoCATEGORIA').select2();
    });
    function cerrarFormulario30Planeador{{hash_vista}}() {
        cerrarTabContenedor("frm-Planeador-30-{{hash_vista}}");
    }
</script>   
{% endblock %}

