<form id="formgestionActividadesPredefinidas-{{ hash_vista }}" >
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title">Actividades Predefinidas</h3>
            <div class="box-tools pull-right">
                {% if  objActividadPred %}
                    {{ boton('guardar','mostrarFormularioEditar') }}
                {% else %}
                    {{ boton('guardar','mostrarFormularioNuevo') }}
                {% endif %}
                {{ boton("cerrar", null, "cancelarFormularioActividadesPredefinidas" ~ 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="{{objActividadPred.tipoActividadCODIGO}}" readonly type="text" class="form-control" id="codigo" 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="{{objActividadPred.tipoActividadTITULO}}" 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 id="descripcionActividad-{{ hash_vista }}" name="descripcion" class="form-control"  rows="3" placeholder="Descripción ...">{{objActividadPred.tipoActividadDESCRIPCION}}</textarea>                  
                        </div>
                    </div>
                </div>  
            </div>
            <div class="row">
                <div id="lst-operaciones-{{ hash_vista }}" class="col-md-3">
                    {{ mostrarVista( 'planeador', 'operacionespredefinidas/lst-sel-operaciones',  {"hash_listado":hash_vista,  "operacionesPredefinidas":operacionesPredefinidas} ) }}
                </div>
                <div class="col-md-9">
                    <div class="box box-solid box-primary">
                        <div class="box-header" style="text-align:center;">
                            <h3 class="box-title">
                                Operaciones Predefinidas de la Actividad Preconfigurada:
                            </h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="borrar btn btn-danger" onclick="eliminarOperacionesPredefinidas()">Eliminar Operación</button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="box-body">
                                <div class="col-md-4" id="div-tableActividadesPredefinidas-Tareas-{{ hash_vista }}" ></div>
                                <div class="col-md-8" id="div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }}" ></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>         
    </div>
    <input value="{{objActividadPred.tipoActividadID}}"  type="hidden"  id="actividadPreconfiguradaID" name="actividadPreconfiguradaID" >
</form>

{% block javascript %}
<script type="text/javascript">
    $(document).ready(function () {
        $("#list-listOperacionesPredefinidas-{{ hash_vista }} li").click(function () {
            agregarOperacionActividadPreconfigurada($(this).attr("data-operacion"));
        });
        $('#descripcionActividad-{{ hash_vista }}').wysihtml5();
        cargarTablaOperacionesPredefinidas();
        
        $("#formgestionActividadesPredefinidas-{{ hash_vista }}").submit(function (event) {
            if ($("#formgestionActividadesPredefinidas-{{ hash_vista }} .checkOper").length > 0) {
                ejecutarOperacion(
                        "planeador", "ActividadesPreconfiguradas", "guardarDatos",
                        $("#formgestionActividadesPredefinidas-{{ hash_vista }}").serialize(),
                        function (TipoActividadID) {
                            if (typeof cargarTablaActividadesPredefinidas === "function") {
                                cargarTablaActividadesPredefinidas();
                            }
                            cancelarFormularioActividadesPredefinidas{{hash_vista}}();
                            cargarVista('planeador','ActividadesPreconfiguradas','mostrarFormularioEditar','tipoActividadID='+TipoActividadID);
                        }
                );
            } else {
                swal("Error!", 'NO PUEDES CREAR UNA ACTIVIDAD PRECONFIGURADA SIN OPERACIONES', "error");
            }
            event.preventDefault();
        });

    });

    function cargarTablaOperacionesPredefinidas() {
        cargarDivision(
                'div-tableActividadesPredefinidas-Tareas-{{ hash_vista }}',
                'planeador', 'ActividadesPreconfiguradas', 'tablaListadoTareas',
                'actividadPreconfiguradaID={{objActividadPred.tipoActividadID}}'
                );
        cargarDivision(
                'div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }}',
                'planeador', 'ActividadesPreconfiguradas', 'tablaListadoAdquisiciones',
                'actividadPreconfiguradaID={{objActividadPred.tipoActividadID}}'
                );
    }

    function agregarOperacionActividadPreconfigurada(operacionID) {
        if ($("#div-tableActividadesPredefinidas-Tareas-{{ hash_vista }} table #checkb" + operacionID).length) {
            alertaPrevencion("La Operación ya se encuentra registrada en la lista de Operaciones");
        } else if ($("#div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }} table #checkb" + operacionID).length)  {
            alertaPrevencion("La Operación ya se encuentra registrada en la lista de Operaciones");
        } else {
            ejecutarOperacion(
                    "planeador", "OperacionesPredefinidas", "obtenerDatos", 'operacionPredefinidaID=' + operacionID,
                    function (Operacion) {
                        switch( Operacion.tipoOperacionCODIGO){
                            case 'TAREA':
                                agregarFilaTabla(
                                        'div-tableActividadesPredefinidas-Tareas-{{ hash_vista }} table',
                                        [
                                            "<input type='checkbox' id='checkb" + Operacion.operacionPredefinidaID + "' name='checkb[]' value='" + Operacion.operacionPredefinidaID + "' class='checkTable checkOperacionesActividadPreconfigurada Seleccion checkOper' />" + 
                                            '<input type="hidden" name="actividadOperacionPredefinidaID[]" value="' + Operacion.operacionPredefinidaID + '"  />',
                                            // Operacion.operacionPredefinidaCODIGO,
                                            Operacion.operacionPredefinidaTITULO,
                                            // Operacion.claseOperacionTITULO
                                        ], Operacion.operacionPredefinidaID
                                );
                                checkBoxSICAM("#div-tableActividadesPredefinidas-Tareas-{{ hash_vista }} #checkb" + Operacion.operacionPredefinidaID + "");
                            break;
                            
                            case 'ADQUISICION':
                                agregarFilaTabla(
                                        'div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }} table',
                                        [
                                             "<input type='checkbox' id='checkb" + Operacion.operacionPredefinidaID + "' name='checkb[]' value='" + Operacion.operacionPredefinidaID + "' class='checkTable checkOperacionesActividadPreconfigurada Seleccion checkOper' />"+ 
                                            '<input type="hidden" name="actividadOperacionPredefinidaID[]" value="' + Operacion.operacionPredefinidaID + '"  />',
                                            // Operacion.operacionPredefinidaCODIGO,
                                            Operacion.operacionPredefinidaTITULO,
                                            Operacion.claseOperacionTITULO,
                                            // Operacion.centroCostosTITULO,
                                            // Operacion.rubroTITULO
                                        ], Operacion.operacionPredefinidaID
                                );
                                checkBoxSICAM("#div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }} #checkb" + Operacion.operacionPredefinidaID + "");
                            break;
                        }
                    }
            );
        } 

    }

    function eliminarOperacionesPredefinidas() {
        var seleccionados = variosSeleccionadosVariasTablas( 
            ['div-tableActividadesPredefinidas-Tareas-{{ hash_vista }} table', 'div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }} table' ]
            , 'QUITAR LA(S) OPERACION(ES) PREDEFINIDA(S) SELECCIONADA(S)'
        );
        if(seleccionados){
            confirmacionOperacion("¿Estás Seguro que Deseas Eliminar?","Una vez que elimines no podrás recuperar los datos!", 
                function(){
                    quitarOperaciondelaTabla(seleccionados);
                }
            );
            
        }

    }

    function quitarOperaciondelaTabla(seleccionados) {
        for (i = 0; i < seleccionados.length; i++) {
            var operacionID = seleccionados[i].value;
            quitarFilaTabla("#div-tableActividadesPredefinidas-Tareas-{{ hash_vista }} table", operacionID);
            quitarFilaTabla("#div-tableActividadesPredefinidas-Adquisicion-{{ hash_vista }} table", operacionID);
        }
    }
    function cancelarFormularioActividadesPredefinidas{{hash_vista}}() {
        cerrarTabContenedor("formgestionActividadesPredefinidas-{{ hash_vista }}");
    }
</script>   

<script type="text/javascript" >

    function eliminar_selection() {

        alert($("#formTable").serialize());
        var conteo = 0;
        $("input:checkbox:checked").each(
                function () {
                    conteo++;
                    //break;
                }
        );

        alert(conteo);
        if (conteo > 0) {
            ejecutarOperacion(
                    "planeador",
                    "ActividadesPreconfiguradas",
                    "eliminar",
                    $("#formTable").serialize(),
                    function (response) {
                        console.log(response);
                        //var respuesta = JSON.parse(response);
                        if (response.RESPUESTA == 'EXITO') {
                            alert("Operación reazalida con Exito!");
                            $("#formTable")[0].reset();
                        } else {
                            alert(response['RESPONSE']);
                        }
                    }
            );
        }
    }

    /*Editar campo*/
    function editar_frm() {
        var seleccionados = checkSelecionados('tablaOperaciones');
        validacionCheckbox(seleccionados, function () {
            var json = JSON.stringify(seleccionados);
            json = JSON.parse(json);
            var consecutivo = json[0]['value'];
            cargarVista('planeador', 'ActividadesPreconfiguradas', 'gestionActividadesPreconfiguradas', 'ActividadesPreconfiguradaCONSECUTIVO=' + consecutivo);
            /*,'Editar Operación Predefinida '+consecutivo, 'crearOperacionesPredefinidas'*/
        }, true);
        $("#formTable")[0].reset();

    }
    /**************/
</script> 


{% endblock %}

<script type="text/javascript">
    /*function eliminarOperacionesPredefinidas (hash_vista,seleccionados) {
     var seleccionados = checkSelecionadosNormal("div-tableActividadesOperaciones-" + hash_vista + " table");
     validacionCheckbox(seleccionados, function (){
     swal({
     title: "¿Estás Seguro que Deseas Eliminar?",
     text: "Una vez que elimines no podrás recuperar los datos!",
     icon: "warning",
     //buttons: true,
     buttons: ["Cancelar", "Eliminar"],
     dangerMode: true,
     })
     .then((willDelete) => {
     if (willDelete) {
     if ( $("#formgestionActividadesPredefinidas-"+hash_vista+" #actividadPreconfiguradaID").val() !== ""){
     ejecutarOperacion('planeador',
     'ActividadesPreconfiguradas', 
     'eliminarOperacionPreconfigurada',
     $("#formgestionActividadesPredefinidas-"+hash_vista).serialize(),
     function(){
     cargarTablaOperacionesPredefinidas(hash_vista);
     });
     }else{
     quitarOperaciondelaTabla(hash_vista,seleccionados);
     }
     }
     });
     }, false);
     }*/
    /*function quitarOperaciondelaTabla(hash_vista,seleccionados){
     var json = JSON.stringify(seleccionados);
     json = JSON.parse(json);
     for(i = 0; i<seleccionados.length;i++){
     var operacionID = json[i]['value'];
     $("#div-tableActividadesOperaciones-" + hash_vista + " table #"+operacionID).remove();
     }
     }
     
     
     
     
     
     function agregarOperacionActividad(hash_vista,datos) {
     var valor = $(datos).attr("value");
     if(!$("#div-tableActividadesOperaciones-" + hash_vista + " table #" + valor).length){
     swal({
     title: "¿Estás Seguro que Deseas Agregar?",
     icon: "warning",
     buttons: ["Cancelar", "Agregar"],
     })
     .then((willDelete) => {
     if (willDelete) {
     if ( $("#formgestionActividadesPredefinidas-"+hash_vista+" #actividadPreconfiguradaID").val() !== ""){
     ejecutarOperacion("planeador",
     "ActividadesPreconfiguradas", 
     "agregarOperacionPreconfigurada",
     "operacionPredefinidaID="+valor+"&actividadPreconfiguradaID="+$('#formgestionActividadesPredefinidas-'+hash_vista+' #actividadPreconfiguradaID').val(),
     function(){
     cargarTablaOperacionesPredefinidas(hash_vista); 
     });
     }else {
     ejecutarOperacion('planeador',
     'OperacionesPredefinidas', 
     'obtenerDatosOperacion',
     'operacionPreconfiguradaID='+valor,
     function (datos){
     var Operacion = datos.ObjOperacionPreconfigurada;
     agregarOperacionAlaTabla(hash_vista,Operacion);
     });
     }
     }
     });
     }else{
     swal("Alerta!", "La Operación ya se encuentra registrada en la lista de Operaciones", "warning");
     }  
     }
     
     function agregarOperacionAlaTabla (hash_vista,Operacion){
     $("#div-tableActividadesOperaciones-" + hash_vista + " table tbody").append(
     "<tr  id='"+Operacion.operacionPredefinidaID+"'>"+
     "<td><input type='hidden' id='checkb"+Operacion.operacionPredefinidaID+"' name='checkb[]' value='"+Operacion.operacionPredefinidaID+"'><input type='checkbox' id='checkb"+Operacion.operacionPredefinidaID+"' name='checkb[]' value='"+Operacion.operacionPredefinidaID+"' class='checkTable checkOperaciones Seleccion'></td>"+
     "<td>"+Operacion.operacionPredefinidaCODIGO+"</td>"+
     "<td>"+Operacion.operacionPredefinidaTITULO+"</td>"+
     "<td>"+Operacion.operacionPredefinidaDESCRIPCION+"</td>"+
     "<td>"+Operacion.claseOperacionTITULO+"</td>"+
     "<td>"+Operacion.centroCostosTITULO+"</td>"+
     "<td>"+Operacion.rubroTITULO+"</td>"+
     "</tr>");
     checkBoxSICAM('.checkOperaciones'); 
     }
     
     
     
     
     
     
     function editar_operacion() {
     var seleccionados = checkSelecionados('tablaOperaciones-{{ hash_vista }}');
     validacionCheckbox(seleccionados, function (){
     var json = JSON.stringify(seleccionados);
     json = JSON.parse(json);
     var OperacionPredefinidaID = json[0]['value'];
     cargarVista('planeador','OperacionesPredefinidas','mostrarFormularioEditar','OperacionPredefinidaID='+OperacionPredefinidaID);
     }, true);
     }
     
     function ver_operacion() {
     var seleccionados = checkSelecionados('tablaOperaciones-{{ hash_vista }}');
     validacionCheckbox(seleccionados, function (){
     var json = JSON.stringify(seleccionados);
     json = JSON.parse(json);
     var OperacionPredefinidaID = json[0]['value'];
     cargarVista('planeador','OperacionesPredefinidas','verDetalles','OperacionPredefinidaID='+OperacionPredefinidaID);
     }, true);
     }
     
     function eliminar_operacion() {
     var seleccionados = checkSelecionados('tablaOperaciones-{{ hash_vista }}');
     validacionCheckbox(seleccionados, function (){
     swal({
     title: "¿Estás Seguro que Deseas Eliminar?",
     text: "Una vez que elimines no podrás recuperar los datos!",
     icon: "warning",
     //buttons: true,
     buttons: ["Cancelar", "Eliminar"],
     dangerMode: true,
     })
     .then((willDelete) => {
     if (willDelete) {
     ejecutarOperacion('planeador','OperacionesPredefinidas', 'eliminar',$('#formOperacionesPre').serialize());
     cargarTablaOperaciones();
     }
     });
     
     }, false);
     }*/
</script>