<div class="box box-primary box-solid" id="div-form-operacion-predefinida-{{ hash_vista }}">
    <div class="box-header with-border">
        <h3 class="box-title">Operaciónes de la Actividad</h3>
        <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
        </div>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-md-3">
                {{ mostrarVista('planeador', 'operacionespredefinidas/lst-sel-operaciones', { "hash_listado":hash_vista, "operacionesPredefinidas":operacionesPredefinidas } ) }}
            </div>
            <div id="div-formOperaciones-{{hash_vista}}" class="col-md-9">
                <div>
                    <div class="box box-info">
                        <div class="box-header with-border">
                            <h3 class="box-title">Agregar Operación/Tareas</h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                            </div>
                        </div>
                        <div class="box-body">
                          {{ mostrarVista('planeador', 'planesoperaciones/form-operaciones-actividad', { "hash_form":hash_vista } ) }}
                        </div>
                    </div> 
                </div>
                <div>
                    <div class="box-tools pull-right">
                        {{ boton( 'editar', "editarPlanOperacion", "editarOperacion" ~ hash_vista ~ "()") }}
                        {{ boton( 'eliminar', "eliminarPlanOperacion", "eliminarOperacion" ~ hash_vista ~ "()") }}
                    </div>
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                          <li class="active"><a href="#tab_1" data-toggle="tab">Adquisiciones</a></li>
                          <li><a href="#tab_2" data-toggle="tab">Tareas</a></li>
                        </ul>
                        <div class="tab-content" id="div-tblOperacionActividades-{{ hash_vista }}">
                          <div class="tab-pane active" id="tab_1">
                                <div id="tbl-operacionesDeLaActividad-{{ hash_vista }}"></div>
                          </div>
                          <div class="tab-pane" id="tab_2">
                                <div id="tbl-operacionesTareasDeLaActividad-tareas-{{hash_vista}}"></div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{% block  javascript %}
<script type="text/javascript" >
    
    $(document).ready(function () {
        cargarTablaOperaciones("tbl-operacionesDeLaActividad-{{ hash_vista }}", '{{ actividadID }}', 2 ,function(){
            cargarTablaOperaciones("tbl-operacionesTareasDeLaActividad-tareas-{{hash_vista}}", '{{ actividadID }}', 1 ,function(){
                $('#tbl-operacionesTareasDeLaActividad-tareas-{{hash_vista}} table').removeAttr('id');
                $('#tbl-operacionesTareasDeLaActividad-tareas-{{hash_vista}} table').attr('id','tbl-Planeador-PlanesOperacionesTareas{{ hash_vista }}');
                $('#tbl-Planeador-PlanesOperacionesTareas{{ hash_vista }}').DataTable();
                {% if actividadPredefinida %}
                    {% for operacionPredefinida in actividadPredefinida.OperacionesPredefinidas %}
                        agregarTabla{{hash_vista}}('', '{{operacionPredefinida.operacionPredefinidaID}}' ,'{{operacionPredefinida.tipoOperacionID}}', '{{operacionPredefinida.tipoOperacionTITULO}}','{{operacionPredefinida.operacionPredefinidaTITULO}}', '{{operacionPredefinida.operacionPredefinidaDESCRIPCION | striptags}}'  ,0, '0000-00-00', '0000-00-00');
                    {% endfor %}
                {% endif %} 
            });    
        });
        
        $("#list-listOperacionesPredefinidas-{{ hash_vista }} li").click(function(){
            cargarOperacionPredefinidaSeleccionada{{hash_vista}}($(this).attr("data-operacion"));
        });
        
        /*$('#actividadFCHFINAL-{{ hash_form }}').on('changeDate', function() {
            $('#operacionFCHINICIO-{{ hash_vista }}').datepicker('setStartDate', $('#actividadFCHINICIO-{{ hash_form }}').datepicker('getDate'));
            $('#operacionFCHINICIO-{{ hash_vista }}').datepicker('setEndDate', $('#actividadFCHFINAL-{{ hash_form }}').datepicker('getDate'));
            $('#operacionFCHFINAL-{{ hash_vista }}').datepicker('setStartDate', $('#actividadFCHINICIO-{{ hash_form }}').datepicker('getDate'));
            $('#operacionFCHFINAL-{{ hash_vista }}').datepicker('setEndDate', $('#actividadFCHFINAL-{{ hash_form }}').datepicker('getDate'));
        });
        */
        
    });

    function cargarOperacionSeleccionada{{hash_vista}}(operacionID){
        limpiarFormularioOperacion{{hash_vista}}();
        ejecutarOperacion(
            "planeador", "PlanesOperaciones", "obtenerDatos",  'operacionID='+operacionID, 
            function(operacion){
                console.log(operacion);
                cargarFormOperacion{{hash_vista}}(operacion.planOperacionID, operacion.operacionPredefinidaID , operacion.tipoOperacionID, operacion.tipoOperacionTITULO ,
                                    operacion.operacionPredefinidaTITULO , operacion.planOperacionDESCRIPCION, operacion.planOperacionPRESUPUESTADO , operacion.planOperacionFCHINICIO,
                                    operacion.planOperacionFCHFINAL, operacion.planOperacionID);
            }
        ); 
    }    
    
    function cargarOperacionPredefinidaSeleccionada{{hash_vista}}(operacionID){
        limpiarFormularioOperacion{{hash_vista}}();
        ejecutarOperacion(
            "planeador", "OperacionesPredefinidas", "obtenerDatos",  'operacionPredefinidaID='+operacionID, 
            function(operacion){
                //console.log(operacion);
                cargarFormOperacion{{hash_vista}}('', operacion.operacionPredefinidaID , operacion.tipoOperacionID, operacion.tipoOperacionTITULO ,
                                    operacion.operacionPredefinidaTITULO , operacion.operacionPredefinidaDESCRIPCION, 0 , '0000-00-00',
                                    '0000-00-00');
            }   
        ); 
    }    
    
    function quitarOperacion(operacion) {
        $("#tbl-operacionesDeLaActividad-{{ hash_vista }} .table tr#" + operacion + "").remove();
    }
    
    function agregarOperacion{{hash_form}}() {
        var planOperacionPredefinidaID = $("#operacionPredefinidaID-{{ hash_vista }}").val();
        if(planOperacionPredefinidaID!=''){
            var operacionID = $("#operacionID-{{ hash_vista }}").val();
            var planOperacionID = $("#planOperacionID-{{ hash_vista }}").val();
            var planOperacionPredefinidaID = $("#operacionPredefinidaID-{{ hash_vista }}").val();
            var tipoOperacionID = $("#tipoOperacionID-{{ hash_vista }}").val();
            var operacionPredefinidaTITULO = $("#operacionTITULO-{{ hash_vista }}").val();
            var tipoOperacionTITULO = $("#operacionTIPOOPEREACION-{{ hash_vista }}").val();
            var planOperacionDESCRIPCION = $("#operacionDESCRIPCION-{{ hash_vista }}").val();
            var planOperacionCOSTO = $("#operacionCOSTO-{{ hash_vista }}").val();
            var planOperacionFCHINICIO = $("#operacionFCHINICIO-{{ hash_vista }}").val();
            var planOperacionFCHFINAL = $("#operacionFCHFINAL-{{ hash_vista }}").val();var operacionID = $("#operacionID-{{ hash_vista }}").val();
            var planOperacionID = $("#planOperacionID-{{ hash_vista }}").val();
            var tipoOperacionID = $("#tipoOperacionID-{{ hash_vista }}").val();
            var operacionPredefinidaTITULO = $("#operacionTITULO-{{ hash_vista }}").val();
            var tipoOperacionTITULO = $("#operacionTIPOOPEREACION-{{ hash_vista }}").val();
            var planOperacionDESCRIPCION = $("#operacionDESCRIPCION-{{ hash_vista }}").val();
            var planOperacionCOSTO = $("#operacionCOSTO-{{ hash_vista }}").val();
            var planOperacionFCHINICIO = $("#operacionFCHINICIO-{{ hash_vista }}").val();
            var planOperacionFCHFINAL = $("#operacionFCHFINAL-{{ hash_vista }}").val();
            
            agregarTabla{{hash_vista}}(planOperacionID, planOperacionPredefinidaID, tipoOperacionID, tipoOperacionTITULO ,operacionPredefinidaTITULO ,planOperacionDESCRIPCION,planOperacionCOSTO, planOperacionFCHINICIO, planOperacionFCHFINAL, operacionID);
            swal("Exito!", "Se agrego la Operacion: ["+operacionPredefinidaTITULO + "]", "success");
        }else{
            swal("Error!", "No es una Operacion Predefinida", "error");
        }
        limpiarFormularioOperacion{{hash_vista}}();
    }

    function agregarTabla{{hash_vista}}(planOperacionID, planOperacionPredefinidaID, tipoOperacionID, tipoOperacionTITULO ,operacionPredefinidaTITULO ,planOperacionDESCRIPCION,planOperacionCOSTO, planOperacionFCHINICIO, planOperacionFCHFINAL, operacion='') {
        
        if(tipoOperacionID==2){
            var tblOperacion = "tbl-operacionesDeLaActividad-{{ hash_vista }} #tbl-Planeador-PlanesOperaciones{{hash_vista}}" ;
        }else{
            var tblOperacion = "tbl-operacionesTareasDeLaActividad-tareas-{{hash_vista}} #tbl-Planeador-PlanesOperacionesTareas{{ hash_vista }}";
        }
        
        if(operacion!=''){
            var operacionID = operacion;
            quitarFilaTabla("#"+tblOperacion, operacionID);
        }else{
            var operacionID = moment().unix() + Math.floor(Math.random() * (10000 - 1 + 1)) + 1;
        }
        
        agregarFilaTabla(
            tblOperacion, 
                [ 
                    "<input type='checkbox' id='checkb"+operacionID+"' name='checkb[]' value='"+operacionID+"' class='checkTable checkPlanOperacion Seleccion' />"
                    + '<input type="hidden" id="operacionID-' + operacionID + '" name="operacionID[]" value="' + operacionID + '" />'
                    + '<input type="hidden" id="planOperacionID-' + operacionID + '" name="planOperacionID[' + operacionID + ']" value="' + planOperacionID + '" />'
                    + '<input type="hidden" id="planOperacionPredefinidaID-' + operacionID + '" name="planOperacionPredefinidaID[' + operacionID + ']" value="' + planOperacionPredefinidaID + '" />'
                    + '<input type="hidden" id="tipoOperacionID-' + operacionID + '" name="tipoOperacionID[' + operacionID + ']" value="' + tipoOperacionID + '" />'
                    + '<input type="hidden" id="tipoOperacionTITULO-' + operacionID + '" name="tipoOperacionTITULO[' + operacionID + ']" value="' + tipoOperacionTITULO + '" />'
                    + '<input type="hidden" id="operacionPredefinidaTITULO-' + operacionID + '" name="operacionPredefinidaTITULO[' + operacionID + ']" value="' + operacionPredefinidaTITULO + '" />'
                    + '<input type="hidden" id="planOperacionDESCRIPCION-' + operacionID + '" name="planOperacionDESCRIPCION[' + operacionID + ']" value="' + planOperacionDESCRIPCION + '" />'
                    + '<input type="hidden" id="planOperacionCOSTO-' + operacionID + '" name="planOperacionCOSTO[' + operacionID + ']" value="' + planOperacionCOSTO + '" />'
                    + '<input type="hidden" id="planOperacionFCHINICIO-' + operacionID + '" name="planOperacionFCHINICIO[' + operacionID + ']" value="' + planOperacionFCHINICIO + '" />' 
                    + '<input type="hidden" id="planOperacionFCHFINAL-' + operacionID + '" name="planOperacionFCHFINAL[' + operacionID + ']" value="' + planOperacionFCHFINAL + '" />', 
                    operacionPredefinidaTITULO,
                    tipoOperacionTITULO,
                    planOperacionFCHINICIO,
                    planOperacionFCHFINAL,
                    planOperacionDESCRIPCION,
                    planOperacionCOSTO
                ], operacionID
            );
        checkBoxSICAM('.checkPlanOperacion');
       
    }
    
    function cargarTablaOperaciones(divDivision, actividadID = '' , tipoOperacionID , functionEjecutable =null){
        cargarDivisionSicam(divDivision, 'planeador', 'PlanesOperaciones', 'tablaListadoDeLaActividadPorTipoOperacion', 'actividadID='+actividadID+'&hash_form={{ hash_vista }}&tipoOperacionID='+tipoOperacionID, function(response){
            if(functionEjecutable!=null){
                functionEjecutable(response);
            }
        });
    }
    
    function eliminarOperacion{{ hash_vista }}() {
        var seleccionoperaciones = variosSeleccionadosTabla('div-tblOperacionActividades-{{ hash_vista }} .table', 'ELIMINAR');
        validacionCheckbox(seleccionoperaciones, function (){
            swal({
                  title: "¿Estás Seguro que Deseas Eliminar?",
                  text: "Una vez que elimines no podrás recuperar los datos!",
             
                  icon: "warning",
                  buttons: ["Cancelar", "Eliminar"],
                  dangerMode: true,
                })
                .then((willDelete) => {
                    if (willDelete) {
                        seleccionoperaciones.forEach(function(operacion) {
                            if($("#tbl-operacionesDeLaActividad-{{ hash_vista }} #tbl-Planeador-PlanesOperaciones{{hash_vista}} tr#"+operacion.value).length > 0){
                                quitarFilaTabla("#tbl-operacionesDeLaActividad-{{ hash_vista }} #tbl-Planeador-PlanesOperaciones{{hash_vista}}", operacion.value);
                            }else{
                                quitarFilaTabla("#tbl-operacionesTareasDeLaActividad-tareas-{{hash_vista}} #tbl-Planeador-PlanesOperacionesTareas{{ hash_vista }}", operacion.value);
                            }
                        });
                    }
                });
            }, false);
    }
    
    function editarOperacion{{ hash_vista }}(){
        var seleccionado = unoSoloSeleccionadoTabla('div-tblOperacionActividades-{{ hash_vista }} .table', 'EDITAR OPERACION');
        if (seleccionado) {
            {% if actividadID %}
                cargarOperacionSeleccionada{{ hash_vista }}(seleccionado.value);
            {% else %}
                var operacionID = $("#operacionID-" + seleccionado.value ).val();
                var planOperacionID = $("#planOperacionID-" + seleccionado.value ).val();
                var planOperacionPredefinidaID = $("#planOperacionPredefinidaID-" + seleccionado.value ).val();
                var tipoOperacionID = $("#tipoOperacionID-" + seleccionado.value ).val();
                var operacionPredefinidaTITULO = $("#operacionPredefinidaTITULO-" + seleccionado.value ).val();
                var tipoOperacionTITULO = $("#tipoOperacionTITULO-" + seleccionado.value ).val();
                var planOperacionDESCRIPCION = $("#planOperacionDESCRIPCION-" + seleccionado.value ).val();
                var planOperacionCOSTO = $("#planOperacionCOSTO-" + seleccionado.value ).val();
                var planOperacionFCHINICIO = $("#planOperacionFCHINICIO-" + seleccionado.value ).val();
                var planOperacionFCHFINAL = $("#planOperacionFCHFINAL-" + seleccionado.value ).val();
                window.location.href="#div-form-operacion-predefinida-{{ hash_vista }}";
                cargarFormOperacion{{ hash_vista }}('', planOperacionPredefinidaID, tipoOperacionID, tipoOperacionTITULO ,
                                            operacionPredefinidaTITULO ,planOperacionDESCRIPCION,planOperacionCOSTO, planOperacionFCHINICIO,
                                            planOperacionFCHFINAL, operacionID);    
            {% endif %}
        }
    }
    
    
</script>
{% endblock %}
