<form id="frm-Revision-Financiera-{{hash_vista}}">
    <div class="box box-primary box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">CONTROL DE RUBROS Y CENTROS DE COSTOS</h3>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="usuarioNOMBRE">Programa:</label>
                        <h4>{{ Operacion.programaTITULO |upper}}</h4>
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="usuarioNOMBRE">Descripción:</label>
                        <h4>{{ Operacion.planOperacionDESCRIPCION |upper | striptags }}</h4>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="usuarioNOMBRE">Accion:</label>
                        <h4>{{ Operacion.accionTITULO |upper }}</h4>
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label>SELECCIONE EL RUBRO</label>
                        <select class="form-control select2 " style="width: 100%;" id="rubroID{{hash_vista}}" name="rubroID">
                            {% for Rubro in Rubros  %}
                                <option value="{{Rubro.rubroID}}" {% if Rubro.rubroID == Operacion.rubroID %} selected {% endif %}   >{{Rubro.rubroCODIGO}} -  {{Rubro.rubroTITULO}}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="usuarioNOMBRE">Actividad:</label>
                        <h4>{{ Operacion.actividadTITULO |upper }}</h4>
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label>SELECCIONE EL CENTRO DE COSTO</label>
                        <select class="form-control select2 " style="width: 100%;" id="centroCostosID{{hash_vista}}" name="centroCostosID">
                            {% for Centro in Centros  %}
                                <option value="{{Centro.centroCostosID}}" {% if Centro.centroCostosID == Operacion.centroCostoID %} selected {% endif %}   >{{Centro.centroCostosCODIGO}} - {{Centro.centroCostosTITULO}}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="usuarioNOMBRE">Recurso / Tarea:</label>
                        <h4>{{ Operacion.claseOperacionTITULO |upper  }}</h4>
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <label>Gasto de:</label>
                    <div class="form-group">
                        {% for TipoPlan in TiposPlanes  %}
                        <label class="col-lg-6">
                            <input type="radio" name="TipoPlanID" id="TipoPlan{{hash_vista}}" class="check flat-red" {% if TipoPlan.tipoPlanID == Operacion.tipoPlanID %}checked{% endif %}  value="{{TipoPlan.tipoPlanID}}">
                            {{ TipoPlan.tipoPlanTITULO }}
                        </label>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" >
                    <div class="form-group">
                        <label>CAMARA FUNCION</label>
                        <select class="form-control select2 " style="width: 100%;" id="camaraFuncionID{{hash_vista}}" name="camaraFuncionID">
                            {% for CamaraFuncion in CamaraFunciones  %}
                                <option value="{{CamaraFuncion.camaraFuncionID}}" {% if CamaraFuncion.camaraFuncionID == Operacion.camaraFuncionID %} selected {% endif %}   >{{CamaraFuncion.camaraFuncionCODIGO}} -  {{CamaraFuncion.camaraFuncionTITULO}}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <div class="form-group">
                        <label for="usuarioNOMBRE">Valor / Costo:</label>
                        <h3 class="text-center"><b>$ {{ Operacion.planOperacionPRESUPUESTADO|number_format(2, '.', ',') }}</b></h3>
                    </div>
                </div>
                <div class="col-md-6" id="">
                    <label>Tipo de Gasto:</label>
                    <div class="form-group">
                        {% for TipoGasto in TiposGastos  %}
                        <label class="col-lg-6">
                            <input type="radio" name="tipoGastoID" id="TipoGasto{{hash_vista}}" class="check flat-red" {% if TipoGasto.tipoGastoID == Operacion.tipoGastoID %}checked{% endif %}  value="{{ TipoGasto.tipoGastoID }}">
                            {{ TipoGasto.tipoGastoTITULO }}
                        </label>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="box-tools pull-right">
                {{ boton("guardar","verDetallesRevisionFinancieraOperacionesPlaneador", "", 'Aprobar y Guardar')}}
            </div> 
        </div>
    </div>
</form>
<script>
    $(document).ready(function () {
        $("#frm-Revision-Financiera-{{hash_vista}}").submit(function () {
            ejecutarOperacion(
                    "planeador", "RevisionFinancieraOperaciones", "aprobar",
                    $("#frm-Revision-Financiera-{{hash_vista}}").serialize() + "&operacionID={{Operacion.planOperacionID}}",
                    function (operaciones) {
                        {% if operacionEjecutar=='lstpendientes'%}
                            cargarVista('planeador', 'RevisionFinancieraOperaciones', 'mostrarActivos', null, 'Pendientes Por Revision', 'mostrarActivosRevisionFinancieraOperacionesPlaneador');
                        {% else %}
                            cargarVista('planeador', 'RevisionFinancieraOperaciones', 'mostrarTodos', null, 'Todos', 'mostrarTodosRevisionFinancieraOperacionesPlaneador')
                        {% endif %}
                    }
            );
        });
        checkBoxSICAM('.check');
        $('.select2').select2();
    });
    
</script>