<form id="frm-Planeador-RevisionFinancieraOperaciones-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de RevisionFinancieraOperaciones</h3>
            <div class="box-tools pull-right">
                {% if RevisionFinancieraOperaciones %}
                {{ boton("guardar","mostrarFormularioEditarRevisionFinancieraOperacionesPlaneador")}}
                {% else %}
                {{ boton("guardar","mostrarFormularioNuevoRevisionFinancieraOperacionesPlaneador")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormularioRevisionFinancieraOperacionesPlaneador" ~ hash_vista ~ "()")}}
                {{ boton("resetear", null, "planOperacionTITULO.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="planOperacionCATEGORIA">Categoria:</label>
                            <select class="form-control select2" id="planOperacionCATEGORIA" name="planOperacionCATEGORIA" style="width: 100%;">
                                <option>NINGUNA</option>
                                {% if CategoriasOperaciones %}
                                {% for categoria in CategoriasOperaciones %}
                                <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="planOperacionCODIGO">Código de RevisionFinancieraOperaciones</label>
                        <input type="text" class="form-control uppercase" name="planOperacionCODIGO" id="planOperacionCODIGO"  readonly=""
                               value="{{ RevisionFinancieraOperaciones.planOperacionCODIGO }}" placeholder="Código de Operaciones"  />
                    </div>
                </div>
                <div class="col-md-8" id="">
                    <div class="form-group">
                        <label for="planOperacionTITULO">Título de RevisionFinancieraOperaciones</label>
                        <input type="text" class="form-control uppercase" name="planOperacionTITULO" id="planOperacionTITULO"  required
                               value="{{ RevisionFinancieraOperaciones.planOperacionTITULO }}" placeholder="Título de Operaciones"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" >
                    <div class="form-group">
                        <label for="planOperacionDESCRIPCION">Descripción del RevisionFinancieraOperaciones (max 140 caracteres)</label>
                        <textarea rows="5" cols="80" maxlength="140" class="wysiwyg form-control " placeholder="Descripción del planOperacion" 
                                  name="planOperacionDESCRIPCION" id="planOperacionDESCRIPCION-{{ hash_vista }}" 
                                  >{{ RevisionFinancieraOperaciones.planOperacionDESCRIPCION }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="planOperacionENLACE">Enlace de RevisionFinancieraOperaciones Externa</label>
                        <input type="url" class="form-control" name="planOperacionENLACE" id="planOperacionENLACE"
                               value="{{ RevisionFinancieraOperaciones.planOperacionENLACE }}" placeholder="Enlace de RevisionFinancieraOperaciones" >
                    </div>
                    <div class="form-group">
                        <label for="planOperacionEMAIL">Correo de RevisionFinancieraOperaciones</label>
                        <input type="email" class="form-control" name="planOperacionEMAIL" id="planOperacionEMAIL"
                               value="{{ RevisionFinancieraOperaciones.planOperacionEMAIL }}" placeholder="Correo de RevisionFinancieraOperaciones" >
                    </div>
                    <div class="form-group">
                        <label>Estado:</label>
                        <label class="col-sm-6">
                            <input type="radio" name="planOperacionESTADO" id="planOperacionActivado" class="flat-red planOperacionESTADORADIO" required 
                                   {% if RevisionFinancieraOperaciones.planOperacionESTADO == 'ACTIVO'%}checked{% endif %} value="ACTIVO" />
                                   ACTIVADO
                        </label>
                        <label class="col-sm-6">
                            <input type="radio" name="planOperacionESTADO" id="planOperacionDesactivo" class="flat-red planOperacionESTADORADIO" required
                                   {% if RevisionFinancieraOperaciones.planOperacionESTADO == 'SUSPENDIDO' %}checked{% endif %} value="DESACTIVO" /> 
                                   DESACTIVO
                        </label>
                    </div>
                </div>
                <div class="col-md-6" >
                    <div class="thumbnail">
                        <img src="{% if RevisionFinancieraOperaciones.planOperacionIMGMAX %}{{ RevisionFinancieraOperaciones.planOperacionIMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=Operaciones+300x420{% endif %}" alt="Imagen Promocional Completa"  class="img-thumbnail" style="width:100%" />
                        <div class="caption">                                      
                        </div>
                    </div>
                    <div class="form-group" >
                        <label for="planOperacionIMAGEN">Imagen</label>
                        <input accept="image/*" class="file planOperacionIMAGEN" data-show-upload="false" data-show-caption="true" 
                               type="file" id="planOperacionIMAGEN"  name='planOperacionIMAGEN' {% if not RevisionFinancieraOperaciones %}required{% endif %} /> 
                    </div>
                    <div class="form-group" >
                        <label for="planOperacionPDF">pdf</label>
                        <input accept="pdf" class="file planOperacionPDF" data-show-upload="false" data-show-caption="true" 
                               type="file" id="planOperacionPDF"  name='planOperacionPDF' /> 
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="planOperacionID" value="{{RevisionFinancieraOperaciones.planOperacionID}}" />
</form>
{% block javascript %}
<script>
    $(document).ready(function () {
        $("#frm-Planeador-RevisionFinancieraOperaciones-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "Planeador", "Operaciones", "guardarDatos",
                    crearFormData("frm-Planeador-RevisionFinancieraOperaciones-{{hash_vista}}"),
                    function (planOperacion) {
                        cerrarTabContenedor("frm-Planeador-RevisionFinancieraOperaciones-{{hash_vista}}");
                        cargarVista('Planeador', 'Operaciones', 'mostrarFormularioEditar', 'planOperacionID=' + planOperacion.planOperacionID);
                        if (typeof cargarTablaRevisionFinancieraOperacionesPlaneador === "function") {
                            cargarTablaRevisionFinancieraOperacionesPlaneador();
                        }
                    }
            );
        });
        $("#planOperacionDESCRIPCION-{{hash_vista}}").wysihtml5();
        $("#planOperacionIMAGEN").fileinput({
            previewFileType: "image",
            maxFileSize: 512
        });
        $("#planOperacionPDF").fileinput({
            previewFileType: "pdf",
            maxFileSize: 2048
        });
        $('.planOperacionESTADORADIO').iCheck({
            radioClass: 'iradio_flat-blue'
        });
        $('.planOperacionESTADOCHECK').iCheck({
            checkboxClass: 'icheckbox_flat-blue'
        });
        $('#planOperacionCATEGORIA').select2();
    });
    function cerrarFormularioRevisionFinancieraOperacionesPlaneador{{hash_vista}}() {
        cerrarTabContenedor("frm-Planeador-RevisionFinancieraOperaciones-{{hash_vista}}");
    }
</script>   
{% endblock %}