{% if objOperPredef %}
{% set editando = '-editar' %}
{% endif %}

<form id="formgestionOperacionesPredefinidas{{editando}}-{{hash_vista}}" name="formgestionOperacionesPredefinidas-{{hash_vista}}" >
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">Operaciones Predefinidas</h3>
            <div class="box-tools pull-right">
                {{ boton('guardar', 'guardarDatosOperacionesPredefinidasPlaneador', '', 'Guardar Operación') }}
                {{ boton('guardarYnuevo', 'guardarDatosOperacionesPredefinidasPlaneador', 'guardarDatosAbrirFormularioNuevo' ~ hash_vista ~ '()', 'Guardar y Nuevo' ) }}
                {{ boton("cancelar", null, 'cancelarFormularioOperaciones' ~ hash_vista ~ '()' ) }}
            </div>
        </div>
        <div class="box-body">
            <div class="row">  
                <div class="col-md-6">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                                Código:
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <input value="{{objOperPredef.operacionPredefinidaCODIGO}}" required type="text" class="form-control" id="codigo" readonly name="codigo" placeholder="Código Automático">
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                               Escriba un Título
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <input value="{{objOperPredef.operacionPredefinidaTITULO}}" type="text" required class="form-control" id="titulo" name="titulo" placeholder="Título">
                        </div>
                    </div>
                </div>
            </div>     
            <div class="row">  
                <div class="col-md-12">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                               Escriba una Descripción:
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <textarea  required id="descripcion-{{hash_vista}}" name="descripcion" class="form-control" rows="3" placeholder="Descripción ...">{{objOperPredef.operacionPredefinidaDESCRIPCION}}</textarea>                  
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                               Seleccione un Centro de Costo:
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <select class="form-control select2" id="centrocostos" name="centrocostos" style="width:100%">
                                <option value="" >NO APLICA</option>
                                {% for centroc in CentrosCostos  %}
                                {% set seleccion = '' %}
                                    {% if objOperPredef.centroCostosID == centroc.centroCostosID %}
                                        {% set seleccion = 'selected' %}
                                    {% endif %}
                                   <option {{ seleccion }} value="{{ centroc.centroCostosID }}">{{ centroc.centroCostosCODIGO }} - {{ centroc.centroCostosTITULO }}</option>
                                {% endfor %}     
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                               Seleccione un Rubro:
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <select class="form-control select2" id="rubro" name="rubro" style="width:100%">
                                <option value="" >NO APLICA</option>
                                {% for rubro in Rubros  %}
                                {% set seleccion = '' %}
                                    {% if objOperPredef.rubroID== rubro.rubroID %}
                                        {% set seleccion = 'selected' %}
                                    {% endif %}
                                    <option {{ seleccion }} value="{{ rubro.rubroID }}">{{ rubro.rubroCODIGO }} - {{ rubro.rubroTITULO }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                </div>  
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                               Seleccione un Tipo de Operación:
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <select required class="form-control select2" id="tipoOperacionID" name="tipoOperacionID" style="width:100%">
                                {% for tipoOp in TiposOperaciones  %}
                                {% set seleccion = '' %}
                                    {% if objOperPredef.tipoOperacionID == tipoOp.tipoOperacionID %}
                                        {% set seleccion = 'selected' %}
                                    {% endif %}        
                                <option {{ seleccion }} value="{{ tipoOp.tipoOperacionID }}">{{ tipoOp.tipoOperacionTITULO }}</option>
                                {% endfor %}                  
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h2 class="box-title" style="font-weight: bold;">
                               Seleccione una Clase de Operación:
                            </h2>
                        </div>
                        <div class="box-body"> 
                            <select class="form-control select2" id="claseoperacion" name="claseoperacion" style="width:100%">
                                <option value="" >NO APLICA</option>
                                {% for claseOp in ClaseOperaciones  %}
                                {% set seleccion = '' %}
                                    {% if objOperPredef.claseOperacionID== claseOp.claseOperacionID %}
                                        {% set seleccion = 'selected' %}
                                    {% endif %}        
                                <option {{ seleccion }} value="{{ claseOp.claseOperacionID }}">{{ claseOp.claseOperacionTITULO }}</option>
                                {% endfor %}                  
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input value="{{objOperPredef.operacionPredefinidaID}}" required type="hidden"  id="OperacionPredefinidaID" name="OperacionPredefinidaID" >
</form>
{% block javascript %}
<script type="text/javascript" >
    /*$("#formgestionOperacionesPredefinidas").submit(function(event){
      //event.preventDefault();
      registrarOperacion();
      //event.preventDefault();
    });*/
    var abrirFormularioNuevaOperacionPredefinida = false;
    $(document).ready(function() {
        $('.select2').select2();
        $('#descripcion-{{hash_vista}}').wysihtml5();
        $("#formgestionOperacionesPredefinidas{{editando}}-{{hash_vista}}").submit(function(event){
                ejecutarOperacion(
                        "planeador",
                        "OperacionesPredefinidas",
                        "guardarDatos",
                        $("#formgestionOperacionesPredefinidas{{editando}}-{{hash_vista}}").serialize(),
                        function (response) {
                            cancelarFormularioOperaciones{{hash_vista}}();
                            if(abrirFormularioNuevaOperacionPredefinida){
                                cargarVista('planeador','operacionesPredefinidas','mostrarFormularioNuevo');
                                abrirFormularioNuevaOperacionPredefinida = false;
                            }
                            if (typeof cargarTablaOperacionesPredefinidasPlaneador === "function") {
                                cargarTablaOperacionesPredefinidasPlaneador();
                            }
                        }
                );
        });
    });
    
    function guardarDatosAbrirFormularioNuevo{{hash_vista}}(){
        abrirFormularioNuevaOperacionPredefinida = true;
        $("#formgestionOperacionesPredefinidas{{editando}}-{{hash_vista}}").submit();
    }
    
    function cancelarFormularioOperaciones{{hash_vista}}(){
        cerrarTabContenedor("formgestionOperacionesPredefinidas{{editando}}-{{hash_vista}}");
    }
</script>
{% endblock %}
