<form id="frm-Planeador-RevisionTecnicaOperaciones-{{hash_vista}}" >
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario de RevisionTecnicaOperaciones</h3>
            <div class="box-tools pull-right">
                {% if RevisionTecnicaOperaciones %}
                {{ boton("guardar","mostrarFormularioEditarRevisionTecnicaOperacionesPlaneador")}}
                {% else %}
                {{ boton("guardar","mostrarFormularioNuevoRevisionTecnicaOperacionesPlaneador")}}
                {% endif %}
                {{ boton("cerrar", null, "cerrarFormularioRevisionTecnicaOperacionesPlaneador()")}}
                {{ 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 CategoriasRevisionTecnicaOperaciones %}
                                {% for categoria in CategoriasRevisionTecnicaOperaciones %}
                                <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 RevisionTecnicaOperaciones</label>
                        <input type="text" class="form-control uppercase" name="planOperacionCODIGO" id="planOperacionCODIGO"  readonly=""
                               value="{{ RevisionTecnicaOperaciones.planOperacionCODIGO }}" placeholder="Código de RevisionTecnicaOperaciones"  />
                    </div>
                </div>
                <div class="col-md-8" id="">
                    <div class="form-group">
                        <label for="planOperacionTITULO">Título de RevisionTecnicaOperaciones</label>
                        <input type="text" class="form-control uppercase" name="planOperacionTITULO" id="planOperacionTITULO"  required
                               value="{{ RevisionTecnicaOperaciones.planOperacionTITULO }}" placeholder="Título de RevisionTecnicaOperaciones"  />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" >
                    <div class="form-group">
                        <label for="planOperacionDESCRIPCION">Descripción del RevisionTecnicaOperaciones (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 }}" 
                                  >{{ RevisionTecnicaOperaciones.planOperacionDESCRIPCION }}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="planOperacionENLACE">Enlace de RevisionTecnicaOperaciones Externa</label>
                        <input type="url" class="form-control" name="planOperacionENLACE" id="planOperacionENLACE"
                               value="{{ RevisionTecnicaOperaciones.planOperacionENLACE }}" placeholder="Enlace de RevisionTecnicaOperaciones" >
                    </div>
                    <div class="form-group">
                        <label for="planOperacionEMAIL">Correo de RevisionTecnicaOperaciones</label>
                        <input type="email" class="form-control" name="planOperacionEMAIL" id="planOperacionEMAIL"
                               value="{{ RevisionTecnicaOperaciones.planOperacionEMAIL }}" placeholder="Correo de RevisionTecnicaOperaciones" >
                    </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 RevisionTecnicaOperaciones.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 RevisionTecnicaOperaciones.planOperacionESTADO == 'SUSPENDIDO' %}checked{% endif %} value="DESACTIVO" /> 
                                   DESACTIVO
                        </label>
                    </div>
                </div>
                <div class="col-md-6" >
                    <div class="thumbnail">
                        <img src="{% if RevisionTecnicaOperaciones.planOperacionIMGMAX %}{{ RevisionTecnicaOperaciones.planOperacionIMGMAX }}{% else %}http://via.placeholder.com/300x420/FEDCBA/000000/?text=RevisionTecnicaOperaciones+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 RevisionTecnicaOperaciones %}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="{{RevisionTecnicaOperaciones.planOperacionID}}" />
</form>
<script>
    $(document).ready(function () {
        $("#frm-Planeador-RevisionTecnicaOperaciones-{{hash_vista}}").submit(function () {
            ejecutarOperacionArchivo(
                    "Planeador", "RevisionTecnicaOperaciones", "guardarDatos",
                    crearFormData("frm-Planeador-RevisionTecnicaOperaciones-{{hash_vista}}"),
                    function (planOperacion) {
                        cerrarTabContenedor("frm-Planeador-RevisionTecnicaOperaciones-{{hash_vista}}");
                        cargarVista('Planeador', 'RevisionTecnicaOperaciones', 'mostrarFormularioEditar', 'planOperacionID=' + planOperacion.planOperacionID);
                        if (typeof cargarTablaRevisionTecnicaOperaciones === "function") {
                            cargarTablaRevisionTecnicaOperacionesPlaneador();
                        }
                    }
            );
        });
    });
    function cerrarFormularioRevisionTecnicaOperacionesPlaneador() {
        cerrarTabContenedor("frm-Planeador-RevisionTecnicaOperaciones-{{hash_vista}}");
    }
</script>    

