@extends('layouts.app', ['page' => 'Tareo de Obra v2', 'pageSlug' => 'obrav2'])

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card ">
                <div class="card-body">
                    <tareov2></tareov2>
                    <!--<div class="form-group" style="text-align:center; padding:30px 0px 0px 0px;">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <button class="btn btn-info bg-gradient-info" onclick="tareoExportar()"> Tareo en Excel</button>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>-->
                </div>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">
            <div class="card ">
                <div class="card-header">
                    <h4 class="card-title">Tareo</h4>
                </div>
                <div class="card-body">
                    <div>
                        <table class="table tablesorter" id="table-obra" style="width: 100%">
                            <thead class=" text-primary">
                                <tr>
                                    <th style="min-width: 10px" class="text-center">
                                        <input type="checkbox" onclick="seleccionar_tareos()">
                                    </th>
                                    <th style="min-width: 35px" class="text-center">
                                        ET.
                                    </th>
                                    <th style="max-width: 70px;" class="text-center">
                                        Tipo casa
                                    </th>
                                    <th class="text-center" style="max-width: 300px">
                                        Tarea
                                    </th>
                                    <th class="text-center" style="width: 55px">
                                        Lote
                                    </th>
                                    <th class="text-center" style="min-width: 90px">
                                        Avance
                                        <br>
                                        <div class="d-flex justify-content-center text-center">
                                            <button type='button' onclick="updateAllAdvance(this, 'N')" id="btn-avance-all"
                                                class='btn btn-info btn-sm'
                                                style="width:23px; height:23px; padding: 0px 0px 0px 0px">N</button>
                                            <button type='button' onclick="updateAllAdvance(this, 'INI')"
                                                class='btn btn-info btn-sm'
                                                style="width:23px; height:23px; padding: 0px 0px 0px 0px">I</button>
                                            <button type='button' onclick="updateAllAdvance(this, 'TER')"
                                                class='btn btn-info btn-sm'
                                                style="width:23px; height:23px; padding: 0px 0px 0px 0px">T</button>
                                        </div>
                                    </th>
                                    <th class="text-center" style="min-width: 130px">
                                        Presupuesto
                                    </th>
                                    <th class="text-center" style="min-width: 130px">
                                        Tareo Dia
                                    </th>
                                    <th class="text-center" style="min-width: 130px">
                                        Tareo Acum
                                    </th>
                                    <th class="text-center" style="max-width: 70px">
                                        Acciones
                                    </th>
                                    <!--<th class="text-center" style="max-width: 55px">
                                                                                                                                                                                                                                                                                                                        Ver
                                                                                                                                                                                                                                                                                                                    </th>-->
                                </tr>
                            </thead>
                            <tbody style="font-size: 12px">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade bd-partida-modal-lg" tabindex="-1" role="dialog" aria-labelledby="modalPartidaLabel"
        aria-hidden="true" id="modalPartida" style="overflow-y:auto;">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Añadir Partida</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="tim-icons icon-simple-remove"></i>
                    </button>
                </div>
                <!-- MODAL BODY -->
                <buscar-tarea-v2></buscar-tarea-v2>
                <!-- END MODAL BODY -->
                <div class="modal-footer">
                    <button type="button" onclick="anadir_partida()" id="boton_anadir_partida"
                        class="btn btn-primary">Guardar</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalMantenimientoLabel" aria-hidden="true"
        id="modalMantenimiento" style="overflow-y:auto;">
        <div class="modal-dialog modal-xl" role="document" style=" transform:translate(0, 0%)">
            <div class="modal-content">
                <div class="modal-header" style="display: grid;>">
                    <h4 class="modal-title">Mantenimiento Tareo</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="tim-icons icon-simple-remove"></i>
                    </button>
                    <label style="margin-bottom: auto;" id="asistenciaLabel"
                        style="margin-bottom: auto; color: crimson;"></label>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <label class="col-sm-1 col-form-label">Tarea: </label>
                        <label class="col-sm-7 col-form-label" id="tareaLabel"></label>
                        <button type="button" id="btn_cuadrilla" onclick="eliminarTrabajadoresTareo()"
                            class="col-sm-2 btn btn-default btn-link" style="margin: initial">Eliminar Trabj.</button>
                        <button type="button" id="btn_cuadrilla" onclick="obtener_ultima_cuadrilla()"
                            class="col-sm-2 btn btn-default btn-link" style="margin: initial">Ult. Cuadrilla</button>
                    </div>
                    <div class="row">
                        <label class="col-sm-1 col-form-label">Lote: </label>
                        <label class="col-sm-1 col-form-label" id="loteLabel"></label>
                        <label class="col-sm-1 col-form-label">Fecha: </label>
                        <label class="col-sm-1 col-form-label" id="fechaLabel"></label>
                        <label class="col-sm-1 col-form-label" style="text-align: right;">Cuadrilla: </label>
                        <label class="col-sm-1 col-form-label" id="cuadrillaLabel"></label>
                        <label class="col-sm-1 col-form-label" style="text-align: right;">Tareo Acum: </label>
                        <label class="col-sm-1 col-form-label" id="tareoAcum"></label>
                        <button type="button" id="btn_validar_exceso" class="col-sm-2 btn btn-info btn-link"
                            style="margin: initial; color: red !important"></button>
                    </div>
                    <div class="row" id="ver_tareo">
                        <label class="col-sm-3 col-form-label">Agregar trabajador: </label>
                        <div class="col-sm-9">
                            <div class="col-form">
                                <input class="form-control" autofocus list="datalistOptions" id="tareoTrabajador"
                                    placeholder="Buscar" onchange="selectedEmployee()">
                                <datalist id="datalistOptions" class="form-select">
                                </datalist>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table tablesorter " id="form-tareo">
                                <thead class=" text-primary">
                                    <tr>
                                        <th class="text-center">
                                            DNI
                                        </th>
                                        <th class="text-center">
                                            Trabajador
                                        </th>
                                        <th class="text-center">
                                            Cargo
                                        </th>
                                        <th class="text-center" style="width: 70px">
                                            Horas
                                        </th>
                                        <th class="text-center">
                                            Asist.
                                        </th>
                                        <th class="text-center" style="width: 170px; justify-content:center">
                                            Motivo
                                        </th>
                                        <th class="text-center">
                                            <i class="fas fa-comment-dots"></i>
                                        </th>
                                        <th class="text-center" style="width: 82px">
                                            Archivo
                                        </th>
                                        <th class="text-center">
                                            <i class="fas fa-trash-alt"></i>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="guardar_mantenimiento()"
                        id="boton_ver_tareo">Guardar</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modalComentarioLabel" aria-hidden="true"
        id="modalComentario">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="mySmallModalLabel">Comentario</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="tim-icons icon-simple-remove"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <textarea class="form-control" id="comentarioTrabajador" rows="5"></textarea>
                    </div>
                </div>
                <div class="modal-footer" id="ver_opciones_comentario">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" id="btn_guardar_comentario" class="btn btn-primary"
                        onclick="guardar_comentario_trabajador(this)">Añadir</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog"
        aria-labelledby="modalReprogramarMasivoLabel" aria-hidden="true" id="modalReprogramarMasivo">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Reprogramación Masiva</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="tim-icons icon-simple-remove"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input type="date" class="form-control" id="fecha_reprogramacion" />
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" id="btn_add_reprogramacion" class="btn btn-primary"
                        onclick="guardar_reprogramacion_masiva(this)">Añadir</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="modalEliminarMasivoLabel"
        aria-hidden="true" id="modalEliminarMasivo">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Eliminar Partida</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <i class="tim-icons icon-simple-remove"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <p>¿Está seguro(a) de eliminar las partidas seleccionadas?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="button" id="btn_add_reprogramacion" class="btn btn-primary"
                        onclick="eliminar_partidas_masivas(this)">Eliminar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('add_js')
    <script>
        var employee_name;
        var employee_dni;
        var employee_occupation;
        var employee_assist;
        var employee_comment;
        var employee_file;
        var employee_permiso;
        var estilo_comentario_provisional = " style='width: 10px;' "
        var control_mantemiento;
        var employee_motivo;
        var permiso_archivo_trabajador;

        var validar_asistencia;

        $.ajaxSetup({
            headers: {
                'X-CSRF-Token': $('meta[name="csrf_token"]').attr('content')
            }
        });

        function getUserAccount() {
            return axios.get('/user/12345');
        }

        function getUserPermissions() {
            return axios.get('/user/12345/permissions');
        }

        function updateAllAdvance(obj, param) {
            let sucursal = document.getElementById("proyecto").value;
            let etapa = document.getElementById("etapa").value;
            let fecha = document.getElementById("fecha").value;
            let estado;

            if (param == 'N') {
                estado = 0;
            } else {
                if (param == 'INI') {
                    estado = 1;
                } else {
                    if (param == 'TER') {
                        estado = 2
                    }
                }
            }

            axios.get("validar-permiso/10620").then((response) => {
                let result = response.data
                if (result.length > 0) {
                    axios
                        .get(
                            "update-state-all/" +
                            sucursal +
                            "/" +
                            etapa +
                            "/" +
                            fecha +
                            "/" +
                            estado
                        )
                        .then((response) => {
                            let save_result = response.data[0]["fn_guardar_avance"];
                            if (save_result == 1) {
                                demo.showNotification('bottom', 'right',
                                    "Se actualizó el avance de las tareas.",
                                    'success')
                            } else {
                                demo.showNotification("bottom", 'right', save_result, "danger");
                            }
                            showWorkList(sucursal, etapa, fecha, 0);
                        });
                } else {
                    demo.showNotification('bottom', 'right',
                        "Usted no tiene permiso para realizar esta función.",
                        'danger')
                }
            });
        }

        function anadir_partida() {
            let lote = document.getElementById("lote").value;
            let tarea = document.getElementById("tarea").getAttribute("data-tarea");
            let etapaPartida = document.getElementById("etapa").value;
            let fecha_actual = document.getElementById("fecha").value;

            let proyecto = document.getElementById("proyecto").value;

            axios.get("validar-permiso/10620").then((response) => {
                let result = response.data
                if (result.length == 0) {
                    demo.showNotification('bottom', 'right',
                        "Usted no tiene permiso para realizar esta función.",
                        'danger')
                } else {
                    if (etapaPartida) {
                        if (tarea) {
                            let lote_length = $('#lote :selected').length;
                            if (lote_length > 0) {
                                let validacion = 0;

                                let lotePromise = new Promise(function(myResolve, myReject) {
                                    validar = 1;
                                    $('#lote :selected').each(function(i, value) {
                                        Promise.all([validarPartida(value.id, fecha_actual, tarea)])
                                            .then(function(results) {
                                                result = results[0].data
                                                if (result >= 1) {
                                                    demo.showNotification('bottom', 'right',
                                                        'La tarea con lote ' + value
                                                        .id + ' ya se encuentra programada',
                                                        'danger')
                                                } else {
                                                    guardarAlertaPromiseFunction(value.id,
                                                            fecha_actual, fecha_actual, tarea, 1
                                                        )
                                                        .then(
                                                            function(value) {
                                                                demo.showNotification('bottom',
                                                                    'right', value[
                                                                        "data"], 'success');
                                                            }

                                                        )
                                                }
                                            }).catch(function(error) {
                                                demo.showNotification('bottom', 'right',
                                                    'Hubo un error, actualice la página o contacte con el administrador',
                                                    'danger');
                                            })
                                            .finally(function() {
                                                if (i === lote_length - 1) myResolve(
                                                    validar);
                                            });
                                    });
                                });
                                lotePromise.then(function(value) {
                                    validacion = value;
                                    if (validacion == 1) {
                                        showWorkList(proyecto, etapaPartida, fecha_actual, 0);
                                    }

                                });
                            } else {
                                demo.showNotification('bottom', 'right', 'Elija al menos un lote', 'warning')
                            }
                        } else {
                            demo.showNotification('bottom', 'right', 'Elija una tarea', 'warning')
                        }
                    } else {
                        demo.showNotification('bottom', 'right', 'Elija una etapa', 'warning')
                    }
                }
            });
        }

        function validarMaximoHora(fecha, dni, hora, tarea, lote) {
            validar = 1;
            return axios.get("validar-hora-dia/" + fecha + "/" + dni + "/" +
                hora + "/" +
                tarea +
                "/" +
                lote)
        }

        function validarPartida(lote, fecha_actual, tarea) {
            validar = 1;
            return axios.get("validar-partida/" + lote + "/" + fecha_actual + "/" +
                tarea)
        }

        async function guardarAlertaPromiseFunction(lote, fecha, fecha_partida, tarea, partida_boton) {
            validar = 1;
            return axios.post("tareov2", {
                tarea,
                lote,
                fecha,
                fecha_partida,
                partida_boton
            })
        }

        function load_file(obj, dni, tarea) {
            let archivo = obj;
            let name_file = obj.files[0].name;
            let name_tmp = name_file;
            let btn_descarga = document.getElementById("btn_descarga-" + dni + "-" + tarea);

            if (obj.files[0].size > 407200) {
                demo.showNotification('bottom', 'right', "El peso máximo del archivo debe ser de 400KB",
                    'danger')
                obj.value = "";
                btn_descarga.setAttribute("disabled", true);
            } else {
                var blob = new Blob([archivo.files[0]]);
                var url = URL.createObjectURL(blob);
                btn_descarga.setAttribute("download", name_tmp);
                btn_descarga.setAttribute("href", url);
                btn_descarga.removeAttribute("disabled");
                name_tmp = "";
            }
        }

        function eliminar_partidas_masivas(obj) {
            let tarea;
            let lote;
            let fecha = document.getElementById("fecha").value;
            let etapa = document.getElementById("etapa").value;
            let proyecto = document.getElementById("proyecto").value;

            let table = $('#table-obra').dataTable();
            let data_row = $('input:checked', table.fnGetNodes());

            let datos = [];

            data_row.each(function() {
                tarea = $(this).attr("data-tarea");
                lote = $(this).attr("data-lote");
                datos.push('(' + tarea + ', ' + lote + ')')
            });

            axios.post("eliminar-partidas-masivas", {
                datos,
                fecha
            }).then(
                (response) => {
                    if (response.data > 0) {
                        demo.showNotification('bottom', 'right',
                            "Los tareos fueron eliminadas.", 'success')
                        showWorkList(proyecto, etapa, fecha, 0);
                        $('#modalEliminarMasivo').modal('hide');
                    } else {
                        demo.showNotification('bottom', 'right',
                            "No se eliminaron las partidas.", 'danger')
                    }
                });
        }

        function guardar_reprogramacion_masiva(obj) {
            let tarea;
            let lote;
            let fecha = document.getElementById("fecha").value;
            let etapa = document.getElementById("etapa").value;
            let proyecto = document.getElementById("proyecto").value;
            let fecha_reprogramacion = document.getElementById("fecha_reprogramacion").value;

            let table = $('#table-obra').dataTable();
            let data_row = $('input:checked', table.fnGetNodes());

            let datos = [];

            data_row.each(function() {
                tarea = $(this).attr("data-tarea");
                lote = $(this).attr("data-lote");
                datos.push('(' + tarea + ', ' + lote + ')')
            });

            if (fecha_reprogramacion) {
                axios.post("validar-partida-masiva", {
                    datos,
                    fecha_reprogramacion
                }).then((response) => {
                    let result = response.data;
                    if (result.length >= 1) {
                        result.forEach(element => {
                            demo.showNotification('bottom', 'right',
                                'La tarea ' + element["cod_tarea"] + ' con el lote ' +
                                element[
                                    "cod_lote"] + ' ya se encuentra programada',
                                'danger')
                        });
                    } else {
                        axios.post("reprogramacion-masiva", {
                            datos,
                            fecha,
                            fecha_reprogramacion
                        }).then(
                            (response) => {
                                demo.showNotification('bottom', 'right',
                                    "Los tareos fueron reprogramados para la fecha " +
                                    fecha_reprogramacion, 'success')
                                showWorkList(proyecto, etapa, fecha, 0);
                                document.getElementById("fecha_reprogramacion").value = '';
                                $('#modalReprogramarMasivo').modal('hide');

                            });
                    }
                });
            } else {
                demo.showNotification('bottom', 'right', "Ingrese la fecha a reprogramar.", 'warning')
            }
        }

        function on_eliminar_masivo() {
            let table = $('#table-obra').dataTable();
            let data_row = $('input:checked', table.fnGetNodes());
            let number_work = data_row.length;

            if (number_work == 0) {
                demo.showNotification('bottom', 'right', "Seleccione al menos una tarea.", 'warning')
            } else {
                axios.get("validar-permiso/10620").then((response) => {
                    let result = response.data
                    if (result.length > 0) {
                        $('#modalEliminarMasivo').modal('show');
                    } else {
                        demo.showNotification('bottom', 'right',
                            "Usted no tiene permiso para realizar esta función.",
                            'danger')
                    }
                });
            }
        }

        function on_ultima_cuadrilla_general() {

        }

        function seleccionar_tareos() {
            //$('#table1').dataTable.fnGetData();
            let table = $('#table-obra').dataTable();
            let allPages = table.fnGetNodes();
            $(".chkTarea", allPages).prop("checked", !$(".chkTarea").prop("checked")).change();
        }

        function validar_exceso(tarea, lote, fecha) {
            axios
                .get(
                    "validar-exceso/" +
                    tarea +
                    "/" +
                    lote +
                    "/" +
                    fecha
                )
                .then((response) => {
                    document.getElementById("btn_validar_exceso").innerHTML = response.data[0][
                        "fn_valida_exceso"
                    ];
                });
        }

        function addEmployeeCuadrilla(cuadrilla_dni, cuadrilla_nombres, cuadrilla_cargo, tarea,
            cuadrilla_horas, clase_asistencia, estilo_asistencia, valorPermiso, lote, fecha,
            cuadrilla_motivo, ocultar_comentario, cuadrilla_comentario, cuadrilla_archivo) {

            let comentario_trabajador = cuadrilla_comentario;
            let icono_comentario;

            if (!comentario_trabajador) {
                icono_comentario = "<i class='fas fa-comment'></i>"
            } else {
                icono_comentario = "<i class='fas fa-comment-dots'></i>"
            }

            let table_tareo = $('#form-tareo').DataTable();
            let column = table_tareo.column(8);

            $("#form-tareo")
                .DataTable()
                .row.add([
                    cuadrilla_dni,
                    cuadrilla_nombres,
                    cuadrilla_cargo,
                    "<input class='form-control' id='" + tarea + "-" + cuadrilla_dni +
                    "' type='number'  required='true' aria-required='true' value='" + cuadrilla_horas +
                    "' >",
                    "<button class='btn btn-" + clase_asistencia +
                    " btn-fab btn-icon btn-round' " + estilo_asistencia + ">" + valorPermiso +
                    "</button>",

                    "<div class='form-group row' style='margin-bottom: 0px;'>" +
                    "" +

                    "<input class='form-control col-sm-9 offset-sm-1' list='motivoOpcion' id='motivo-comentario-trabajador-" +
                    cuadrilla_dni + "-" + tarea +
                    "-" + lote + "-" + fecha + "' " +
                    " data-codtarea='" +
                    tarea + "' data-codlote='" + lote + "' data-fecha='" + fecha + "' data-dni='" +
                    cuadrilla_dni + "'  placeholder='Motivo' autocomplete='false' value='" +
                    cuadrilla_motivo + "' " + ocultar_comentario + " >" +
                    "<datalist id='motivoOpcion' class='form-select'>" +
                    "</datalist>" +

                    "<input class='form-control' name='comentario' id='" +
                    tarea + "-" + cuadrilla_dni + "-comentario" +
                    "' type='text' required='true' aria-required='true' value='" + cuadrilla_comentario +
                    "' hidden> " +

                    "</div>",

                    "<button type='button' id='comentario-trabajador-" + cuadrilla_dni + "-" + tarea +
                    "-" + lote + "-" + fecha + "' " +
                    " class='btn btn-success btn-fab btn-icon btn-round col-sm-2' data-codtarea='" +
                    tarea + "' data-codlote='" + lote + "' data-fecha='" + fecha + "' data-dni='" +
                    cuadrilla_dni + "'  onclick='comentario_trabajador(this)' " + ocultar_comentario +
                    " >" + icono_comentario + "</button>",

                    "<div class='form-group' " + ocultar_comentario +
                    "> <label for='archivo-trabajador-" +
                    cuadrilla_dni + "-" + tarea +
                    "' class='btn btn-info btn-fab btn-icon btn-round' data-bs-toggle='tooltip' data-bs-placement='bottom' title='Subir'> <i class='fas fa-upload'></i> </label> <input class='form-control' type='file' onchange='load_file(this, " +
                    cuadrilla_dni + ", " + tarea +
                    ")' style='width: -webkit-fill-available; visibility: hidden;' id='archivo-trabajador-" +
                    cuadrilla_dni + "-" + tarea +
                    "'> <a class = 'btn btn-success btn-fab btn-icon btn-round' id = 'btn_descarga-" +
                    cuadrilla_dni + "-" + tarea +
                    "' download  data-bs-toggle='tooltip' data-bs-placement='bottom' title='Descargar'> <i class='fas fa-download'> </i></a> </div> ",

                    "<button class='btn btn-link btn-fab btn-icon btn-round' id='deleteEmployee' onclick='deleteEmployee(this)'> <i class='tim-icons icon-simple-remove'></i> </button>"
                ])
                .draw();

            showfile(cuadrilla_archivo, cuadrilla_dni, tarea);
            column.visible(true);
            load_reasons();
        }

        function showfile(archivo, dni, tarea) {
            let link_file = "descargar-archivo/" + archivo;
            let btn_descarga = document.getElementById("btn_descarga-" + dni + "-" + tarea);

            btn_descarga.setAttribute("download", archivo);
            btn_descarga.setAttribute("href", link_file);

            if (!archivo) {
                btn_descarga.setAttribute("disabled", true);
            } else {
                btn_descarga.removeAttribute("disabled")
            }
        }

        function eliminarTrabajadoresTareo() {
            let table_work = $('#form-tareo').DataTable();
            table_work.rows().remove().draw();
        }

        function obtener_ultima_cuadrilla() {
            let modal_mantenimiento = document.getElementById("modalMantenimiento");

            let tarea = modal_mantenimiento.getAttribute("data-codtarea");
            let fecha = modal_mantenimiento.getAttribute("data-fecha");
            let lote = modal_mantenimiento.getAttribute("data-codlote");
            let cuadrilla_lote = modal_mantenimiento.getAttribute("data-cuadrilla-lote");

            let cuadrilla_dni;
            let cuadrilla_nombres;
            let cuadrilla_cargo;
            let cuadrilla_horas;
            let cuadrilla_comentario;
            let cuadrilla_asistencia;
            let cuadrilla_permiso;
            let cuadrilla_cod_motivo;
            let cuadrilla_motivo;
            let cuadrilla_archivo;

            let clase_asistencia;
            let valorPermiso;
            let ocultar_comentario;
            let estilo_asistencia;

            let table_work = $('#form-tareo').DataTable();

            let work_employee = table_work
                .rows()
                .data().toArray();

            let message_employee = '';
            let validar_existencia = 0;
            let arreglo_dividido;

            let position = parseInt(cuadrilla_lote);

            console.log(position);
            axios.get("ultima-cuadrilla-lotes/" + tarea + "/" + lote + "/" + fecha)
                .then((response) => {
                    if (response.data.length > 0) {
                        let size = parseInt(response.data.length);
                        console.log(size)
                        console.log(position)
                        if (size - 1 == position) {
                            console.log("ff")
                            position = 0;
                        } else {
                            position = position + 1;
                        }

                        modal_mantenimiento.setAttribute('data-cuadrilla-lote', position);

                        let lote = response.data[position]['cod_lote'];
                        let fecha_programacion_lote = response.data[position]['fecha_programacion'];
                        axios.get("ultima-cuadrilla-aleatorio/" + tarea + "/" + lote + "/" + fecha + "/" +
                                fecha_programacion_lote)
                            .then((response) => {
                                if (response.data) {
                                    response.data.forEach(element => {
                                        arreglo_dividido = element[0].replace(/["{}()]/g, "");
                                        let arreglo = arreglo_dividido.split(',');

                                        cuadrilla_dni = arreglo[0]
                                        cuadrilla_nombres = arreglo[1]
                                        cuadrilla_cargo = arreglo[2]
                                        cuadrilla_horas = arreglo[3]
                                        cuadrilla_comentario = arreglo[5]
                                        cuadrilla_asistencia = arreglo[6]
                                        cuadrilla_permiso = arreglo[7]
                                        cuadrilla_cod_motivo = arreglo[8]
                                        cuadrilla_motivo = arreglo[9]
                                        cuadrilla_archivo = arreglo[10]

                                        // Si el tareo indica que no requiere asistencia, la asistencia debe ser verdadera (si asistio)
                                        if (validar_asistencia == 1) {
                                            cuadrilla_asistencia = 2;
                                            cuadrilla_permiso = '';
                                        }

                                        if (cuadrilla_asistencia == 2) {
                                            clase_asistencia = 'info';
                                            estilo_asistencia = "";
                                            valorPermiso = ''
                                            ocultar_comentario = 'hidden'
                                        } else {
                                            if (cuadrilla_asistencia == 1) {
                                                clase_asistencia = 'success';
                                                estilo_asistencia =
                                                    " style='background-image: linear-gradient(to bottom left, #16CF38, #3EE24F, #3EE24F) !important;'";
                                                valorPermiso = ''
                                                ocultar_comentario = 'hidden'
                                            } else {
                                                if (cuadrilla_asistencia == 0 || cuadrilla_permiso == 'P' ||
                                                    cuadrilla_permiso ==
                                                    'O' || cuadrilla_asistencia == 3) {
                                                    if (cuadrilla_asistencia == 0) {
                                                        clase_asistencia = 'danger';
                                                        estilo_asistencia = '';
                                                    } else {
                                                        if (cuadrilla_asistencia == 3) {
                                                            clase_asistencia = 'warning';
                                                            estilo_asistencia =
                                                                " style='background-image: linear-gradient(to bottom left, #e4d62c, #ffb100, #ec9336) !important;'";
                                                        }
                                                    }
                                                    ocultar_comentario = ''
                                                    valorPermiso = ''
                                                    if (cuadrilla_permiso == 'O') {
                                                        valorPermiso = '<i class="fas fa-check-circle"></i>'
                                                    }
                                                }
                                            }
                                        }

                                        if (work_employee.length == 0) {
                                            control_mantemiento = 1;
                                            addEmployeeCuadrilla(cuadrilla_dni, cuadrilla_nombres,
                                                cuadrilla_cargo,
                                                tarea,
                                                cuadrilla_horas, clase_asistencia, estilo_asistencia,
                                                valorPermiso,
                                                lote, fecha,
                                                cuadrilla_motivo, ocultar_comentario,
                                                cuadrilla_comentario,
                                                cuadrilla_archivo);
                                        } else {
                                            try {
                                                work_employee.forEach(element => {
                                                    if (element[0] == cuadrilla_dni) {
                                                        message_employee = "El trabajador " +
                                                            cuadrilla_dni +
                                                            " ya existe en el tareo.";
                                                        validar_existencia = 1
                                                        throw Error();
                                                    }
                                                })
                                                if (validar_existencia == 0) {
                                                    addEmployeeCuadrilla(cuadrilla_dni, cuadrilla_nombres,
                                                        cuadrilla_cargo, tarea,
                                                        cuadrilla_horas, clase_asistencia,
                                                        estilo_asistencia,
                                                        valorPermiso,
                                                        lote, fecha, cuadrilla_motivo,
                                                        ocultar_comentario,
                                                        cuadrilla_comentario,
                                                        cuadrilla_archivo);
                                                }
                                            } catch (e) {
                                                demo.showNotification('bottom', 'right', message_employee,
                                                    'danger')
                                            }
                                        }
                                    });
                                } else {
                                    demo.showNotification('bottom', 'right',
                                        'La cuadrilla no contiene trabajadores.',
                                        'warning');
                                }
                            })
                            .finally(() => {

                                //modal_mantenimiento.setAttribute('data-cuadrilla-lote', position);
                            });
                    } else {
                        demo.showNotification('bottom', 'right', 'La cuadrilla no contiene trabajadores.',
                            'warning');
                    }
                })
                .finally(() => {
                    modal_mantenimiento.setAttribute('data-cuadrilla-lote', position);
                });

        }

        function showWorkList(proyecto, etapa_principal, fecha, accion) {
            let add_checkbox;
            axios
                .get(
                    "works/" +
                    proyecto +
                    "/" +
                    etapa_principal +
                    "/" +
                    fecha
                )
                .then((response) => {
                    clearTableExample();
                    for (let index = 0; index < response.data.length; index++) {
                        const element = response.data[index];

                        let avance = element["avance"];
                        let botones = "";

                        if (avance == 0) {
                            botones =
                                "<button type='button' onclick=updateAdvance(this,'N') id='btn-avance' class='btn btn-success btn-sm active focus' aria-pressed='true' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>N</button> <button type='button' onclick=updateAdvance(this,'INI') class='btn btn-info btn-sm' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>I</button> <button type='button' onclick=updateAdvance(this,'TER') class='btn btn-info btn-sm' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>T</button>";
                        } else {
                            if (avance == 1) {
                                botones =
                                    "<button type='button' onclick=updateAdvance(this,'N') class='btn btn-info btn-sm' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>N</button> <button type='button' onclick=updateAdvance(this,'INI') id='btn-avance' class='btn btn-success btn-sm active focus' aria-pressed='true' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>I</button> <button type='button' onclick=updateAdvance(this,'TER') class='btn btn-info btn-sm' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>T</button>";
                            } else {
                                if (avance == 2) {
                                    botones =
                                        "<button type='button' onclick=updateAdvance(this,'N') class='btn btn-info btn-sm' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>N</button> <button type='button' onclick=updateAdvance(this,'INI') class='btn btn-info btn-sm' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>I</button> <button type='button' onclick=updateAdvance(this,'TER') id='btn-avance' class='btn btn-success btn-sm active focus' aria-pressed='true' style='width:23px; height:23px; padding: 0px 0px 0px 0px'>T</button>";
                                }
                            }
                        }

                        if (element["estadop1"] == 'No tareado') {
                            add_checkbox =
                                "<input type='checkbox' class='chkTarea' name='checkTarea[]' id='check_tarea' data-tarea='" +
                                element["cod_insumo"] + "' data-lote='" + element["cod_lote"] +
                                "' data-fecha='" +
                                element["fecha_programacion"] + "'>";
                        } else {
                            add_checkbox = "";
                        }

                        $("#table-obra")
                            .DataTable()
                            .row.add([
                                add_checkbox,
                                element["cod_etapa"],
                                element["tipo_casa"],
                                element["desc_insumo"] + " - " + element["cod_insumo"],
                                element["num_lote"],

                                "<div class='btn-group' data-toggle='buttons' data-codtarea=" +
                                element["cod_insumo"] +
                                " data-codlote=" +
                                element["cod_lote"] +
                                " data-fecha=" +
                                element["fecha_programacion"] +
                                ">" +
                                botones +
                                "</div>",

                                element["cuadrilla"],
                                element["cuadrilla_real"],
                                element["cuadrilla_acum"], //aca va ir la cuadrilla acumulada

                                "<div class='d-flex justify-content-center text-center'> <button type='button' class='btn btn-primary btn-round btn-icon' onclick='mantenimiento_tareo(this)'  data-tarea='" +
                                element["cod_insumo"] +
                                " - " +
                                element["desc_insumo"] +
                                "' data-lote=" +
                                element["num_lote"] +
                                " data-fecha=" +
                                element["fecha_programacion"] +
                                " data-cuadrilla='" +
                                element["cuadrilla"] +
                                "' data-codtarea=" +
                                element["cod_insumo"] +
                                " data-codlote=" +
                                element["cod_lote"] +
                                " data-accion='1' data-tipoinsumo=" + element["cod_tipo_insumo"] +
                                " data-aplicatareo='" + element["aplica_tareo"] +
                                "' > <i class='far fa-edit'></i> </button>" +

                                "<button type='button' class='btn btn-info btn-round btn-icon' onclick='ver_mantenimiento_tareo(this)'  data-tarea='" +
                                element["cod_insumo"] +
                                " - " +
                                element["desc_insumo"] +
                                "' data-lote=" +
                                element["num_lote"] +
                                " data-fecha=" +
                                element["fecha_programacion"] +
                                " data-cuadrilla='" +
                                element["cuadrilla"] +
                                "' data-tareoAcum='" +
                                element["cuadrilla_acum"] +
                                "' data-codtarea=" +
                                element["cod_insumo"] +
                                " data-codlote=" +
                                element["cod_lote"] +
                                " data-accion='0' data-tipoinsumo=" + element["cod_tipo_insumo"] +
                                " data-aplicatareo='" + element["aplica_tareo"] +
                                "' > <i class='far fa-eye'></i> </button></div>"
                            ])
                            .draw();
                    }
                })
                .finally(() => {
                    //Editar
                    if (accion == 1) {
                        $('#modalMantenimiento').modal('hide');
                    }
                });
        }

        function updateAdvance(obj, param) {
            let fecha = obj.parentElement.getAttribute("data-fecha")
            let lote = obj.parentElement.getAttribute("data-codlote")
            let tarea = obj.parentElement.getAttribute("data-codtarea")
            let sucursal = document.getElementById("proyecto").value;
            let estado;

            if (param == 'N') {
                estado = 0;
            } else {
                if (param == 'INI') {
                    estado = 1;
                } else {
                    if (param == 'TER') {
                        estado = 2
                    }
                }
            }

            axios.get("validar-permiso/10620").then((response) => {
                let result = response.data
                if (result.length > 0) {
                    obj.parentElement.children['btn-avance'].classList.remove("btn-success")
                    obj.parentElement.children['btn-avance'].classList.remove("active")
                    obj.parentElement.children['btn-avance'].classList.remove("focus")
                    obj.parentElement.children['btn-avance'].classList.add("btn-info")
                    obj.parentElement.children['btn-avance'].setAttribute('aria-pressed', 'true');
                    obj.parentElement.children['btn-avance'].removeAttribute('id');

                    obj.classList.remove("btn-info");
                    obj.classList.add("btn-success");
                    obj.id = 'btn-avance';

                    axios.get("update-state/" + tarea + "/" + lote + "/" + estado + "/" + sucursal)
                        .then((response) => {
                            let save_result = response.data[0]["fn_guardar_avance"];
                            if (save_result == 1) {
                                demo.showNotification('bottom', 'right', 'Estado actualizado.',
                                    'success');
                            } else {
                                demo.showNotification("bottom", 'right', save_result, "danger");
                            }
                        });
                } else {
                    demo.showNotification('bottom', 'right',
                        "Usted no tiene permiso para realizar esta función.",
                        'danger')
                }
            });
        }

        function mostrar_tareos(proyecto, etapa_principal, fecha, i_estado_tareo, i_estado_programacion, tarea,
            lote,
            mensaje_actualizar_partida) {
            axios.get("actualizar-programacion-partida/" + i_estado_tareo + "/" +
                    i_estado_programacion + "/" +
                    tarea +
                    "/" + lote + "/" + fecha)
                .then((
                    response) => {
                    demo.showNotification('bottom', 'right',
                        mensaje_actualizar_partida,
                        'success')
                }).catch(error => {
                    demo.showNotification('bottom', 'right',
                        'Hubo un error, actualice la página o contacte con el administrador',
                        'danger');
                }).finally(() => {
                    axios
                        .get(
                            "validar-exceso/" +
                            tarea +
                            "/" +
                            lote +
                            "/" +
                            fecha
                        )
                        .then((response) => {
                            document.getElementById("btn_validar_exceso").innerHTML = response.data[0][
                                "fn_valida_exceso"
                            ];
                            console.log(response.data[0]["fn_valida_exceso"]);
                            if (response.data[0]["fn_valida_exceso"] == "Pres. Excedido") {
                                showWorkList(proyecto, etapa_principal, fecha, 0);
                                demo.showNotification('bottom', 'right',
                                    'El tareo excede el presupuesto',
                                    'warning');
                            } else {
                                showWorkList(proyecto, etapa_principal, fecha, 1);
                            }

                        });
                });
        }

        function validarMantenimientoTareoVacio(tarea, lote, fecha, proyecto, etapa_principal, workers) {
            axios.get("eliminar-tareo/" + tarea + "/" + lote + "/" + fecha).then((
                response) => {});

            let num_trabajadores = workers.length;
            let i_estado_tareo;
            let i_estado_programacion;

            if (num_trabajadores > 0) {
                i_estado_tareo = 1;
                i_estado_programacion = 3;
            } else {
                i_estado_tareo = 0;
                i_estado_programacion = 2;
            }
            let mensaje_actualizar_partida = 'Tareo actualizado.'
            mostrar_tareos(proyecto, etapa_principal, fecha, i_estado_tareo, i_estado_programacion, tarea, lote,
                mensaje_actualizar_partida);
        }

        function clearTableExample() {
            $("#table-obra")
                .DataTable()
                .rows()
                .remove()
                .draw();
        }

        function limpiarTablaPartida() {
            $("#form-table")
                .DataTable()
                .rows()
                .remove()
                .draw();
        }

        function guardar_mantenimiento() {
            let table = $('#form-tareo').DataTable();

            let workers = table
                .rows()
                .data().toArray();

            let dni;
            let hora;
            let asistencia;

            let validate_fields = 1;

            let validar_motivo = 0;

            let modal_mantenimiento = document.getElementById("modalMantenimiento");
            let proyecto = document.getElementById("proyecto").value;
            let etapa_principal = document.getElementById("etapa").value;
            let comentario;
            let archivo;
            let trabajador_motivo;

            let tarea = modal_mantenimiento.getAttribute("data-codtarea");
            let fecha = modal_mantenimiento.getAttribute("data-fecha");
            let lote = modal_mantenimiento.getAttribute("data-codlote");

            let motivoOpciones;
            let motivo_id;

            let archivos;
            let datos_archivo;
            let nombre_archivo;
            let extraer_nombre;
            let respuesta;
            let validar;
            if (workers.length == 0) {
                validarMantenimientoTareoVacio(tarea, lote, fecha, proyecto, etapa_principal, workers);
            } else {
                workers.forEach(element => {
                    dni = element[0];
                    hora = document.getElementById(tarea + "-" + dni).value;
                    if (!hora) {
                        validate_fields = 0;
                    }

                    let valor_asistencia = element[4];

                    let input_motivo = document.getElementById("motivo-comentario-trabajador-" + dni +
                        "-" + tarea +
                        "-" + lote + "-" + fecha).value;

                    if ((valor_asistencia ==
                            "<button class='btn btn-danger btn-fab btn-icon btn-round' ></button>" ||
                            valor_asistencia.includes(
                                "btn btn-warning btn-fab btn-icon btn-round")) &&
                        !input_motivo) {
                        validate_fields = 2;
                    }

                    if (valor_asistencia ==
                        "<button class='btn btn-danger btn-fab btn-icon btn-round' ></button>" ||
                        valor_asistencia.includes(
                            "btn btn-warning btn-fab btn-icon btn-round")) {
                        validar_motivo = 0;
                    } else {
                        validar_motivo = 3;
                    }

                    trabajador_motivo = document.getElementById(
                        "motivo-comentario-trabajador-" + dni + "-" + tarea + "-" + lote + "-" +
                        fecha
                    ).value;
                    motivoOpciones = $('#motivoOpcion')[0].options;
                    if (trabajador_motivo && (valor_asistencia ==
                            "<button class='btn btn-danger btn-fab btn-icon btn-round' ></button>" ||
                            valor_asistencia.includes(
                                "btn btn-warning btn-fab btn-icon btn-round"))) {
                        for (var i = 0; i < motivoOpciones.length; i++) {
                            if (motivoOpciones[i].value == trabajador_motivo) {
                                validar_motivo = 3;
                            }
                        }
                    }
                });

                if (validate_fields == 0) {
                    demo.showNotification('bottom', 'right',
                        'Es necesario ingresar las horas de los trabajadores.',
                        'danger');
                } else {
                    if (validate_fields == 2) {
                        demo.showNotification('bottom', 'right',
                            'Es necesario ingresar el motivo de los trabajadores sin asistencia.',
                            'danger');
                    } else {
                        if (validar_motivo == 0) {
                            demo.showNotification('bottom', 'right',
                                'Debe ingresar un motivo válido.',
                                'danger');
                        } else {
                            let validacion = 0;

                            let myPromise = new Promise(function(myResolve, myReject) {
                                validar = 1;
                                workers.forEach((element, index) => {
                                    dni = element[0];
                                    hora = document.getElementById(tarea + "-" + dni).value;

                                    Promise.all([validarMaximoHora(fecha, dni, hora, tarea, lote)])
                                        .then(function(results) {
                                            respuesta = results[0].data[0][
                                                "fn_validar_horas_por_dia"
                                            ]
                                            if (respuesta != 1) {
                                                validar = respuesta;
                                                demo.showNotification('bottom', 'right',
                                                    respuesta,
                                                    'danger');
                                            }
                                        }).catch(function(error) {
                                            demo.showNotification('bottom', 'right',
                                                'Hubo un error, actualice la página o contacte con el administrador',
                                                'danger');
                                        })
                                        .finally(function() {
                                            if (index === workers.length - 1) myResolve(
                                                validar);
                                        });
                                });
                            });

                            let other_value;

                            myPromise.then(function(value) {
                                validacion = value;

                                if (validacion == 1) {

                                    let eliminarPromise = new Promise(function(myResolve, myReject) {
                                        axios.get("eliminar-tareo/" + tarea + "/" + lote + "/" + fecha)
                                            .then((
                                                response) => {
                                                myResolve(response.data[0]["fn_elimina_tareo"]);
                                            });
                                    });

                                    eliminarPromise.then(function(value) {
                                            other_value = value;
                                            if (!value) {
                                                workers.forEach(element => {
                                                    asistencia = element[4];
                                                    dni = element[0];
                                                    hora = document.getElementById(tarea +
                                                            "-" + dni)
                                                        .value;
                                                    let validar_permiso;

                                                    comentario = document.getElementById(
                                                            tarea + "-" +
                                                            dni +
                                                            "-comentario")
                                                        .value;
                                                    if (!comentario) {
                                                        comentario = null
                                                    }

                                                    trabajador_motivo = document
                                                        .getElementById(
                                                            "motivo-comentario-trabajador-" +
                                                            dni +
                                                            "-" +
                                                            tarea + "-" +
                                                            lote + "-" + fecha
                                                        ).value;
                                                    motivoOpciones = $('#motivoOpcion')[0]
                                                        .options;

                                                    for (var i = 0; i < motivoOpciones
                                                        .length; i++) {
                                                        if (motivoOpciones[i].value ==
                                                            trabajador_motivo) {
                                                            motivo_id = motivoOpciones[i]
                                                                .getAttribute(
                                                                    "id")
                                                        }
                                                    }

                                                    //axios.get("validar-permiso-pendiente/" + fecha + "/" + dni).then((
                                                    //    response) => {
                                                    //    validar_permiso = response.data[0]["contador"]
                                                    //}).finally(() => {
                                                    if (asistencia.indexOf(
                                                            "class='btn btn-danger btn-fab btn-icon btn-round'"
                                                        ) !== -1 || asistencia.indexOf(
                                                            "class='btn btn-warning btn-fab btn-icon btn-round'"
                                                        ) !== -1
                                                        //&& validar_permiso == 0
                                                    ) {
                                                        nombre_archivo = "";
                                                        extraer_nombre = "";
                                                        archivo = "";
                                                        archivo = document.getElementById(
                                                            "archivo-trabajador-" +
                                                            dni + "-" +
                                                            tarea);

                                                        nombre_archivo = document
                                                            .getElementById(
                                                                "btn_descarga-" + dni +
                                                                "-" + tarea)
                                                            .getAttribute("download");

                                                        if (archivo.files.length > 0) {
                                                            archivos = archivo.files[0];
                                                            nombre_archivo = archivos.name;
                                                            datos_archivo = new FormData();

                                                            datos_archivo.append('file',
                                                                archivos);

                                                            axios.post("subir-archivo/" +
                                                                    tarea + "/" +
                                                                    dni + "/" + fecha,
                                                                    datos_archivo, {
                                                                        headers: {
                                                                            'Content-Type': 'multipart/form-data'
                                                                        }
                                                                    })
                                                                .then((response) => {

                                                                })
                                                                .catch(error => {
                                                                    demo.showNotification(
                                                                        'bottom',
                                                                        'right',
                                                                        'Hubo un error, actualice la página o contacte con el administrador',
                                                                        'danger');
                                                                });
                                                        }
                                                        if (!nombre_archivo) {
                                                            nombre_archivo = null
                                                        } else {
                                                            if (nombre_archivo.indexOf(tarea + "-" +
                                                                    dni + "-" + fecha) !== -1) {
                                                                extraer_nombre = nombre_archivo
                                                                    .substring(nombre_archivo
                                                                        .indexOf(fecha + "-") +
                                                                        fecha.length + 1)
                                                                nombre_archivo = tarea + "-" +
                                                                    dni + "-" +
                                                                    fecha + "-" + extraer_nombre;
                                                            } else {
                                                                nombre_archivo = tarea + "-" +
                                                                    dni + "-" +
                                                                    fecha + "-" +
                                                                    nombre_archivo;
                                                            }
                                                        }
                                                        //insertar permiso
                                                        axios.get("insertar-permiso/" +
                                                                fecha + "/" +
                                                                dni +
                                                                "/" + comentario + "/" +
                                                                proyecto +
                                                                "/" +
                                                                motivo_id + "/" +
                                                                nombre_archivo)
                                                            .then((
                                                                response) => {})
                                                            .catch(error => {
                                                                demo.showNotification(
                                                                    'bottom',
                                                                    'right',
                                                                    'Hubo un error, actualice la página o contacte con el administrador',
                                                                    'danger');
                                                            });
                                                    }
                                                    //});

                                                    // insertar tareo persona
                                                    axios.get("insertar-tareo-persona/" +
                                                            tarea + "/" +
                                                            lote +
                                                            "/" + fecha +
                                                            "/" +
                                                            dni + "/" +
                                                            hora)
                                                        .then((
                                                            response) => {})
                                                        .catch(error => {
                                                            demo.showNotification(
                                                                'bottom', 'right',
                                                                'Hubo un error, actualice la página o contacte con el administrador',
                                                                'danger');
                                                        });

                                                });
                                            }
                                        })
                                        .catch(function(error) {
                                            demo.showNotification('bottom', 'right',
                                                'Hubo un error, actualice la página o contacte con el administrador',
                                                'danger');
                                        })
                                        .finally(function() {
                                            if (!other_value) {
                                                let num_trabajadores = workers.length;
                                                let i_estado_tareo;
                                                let i_estado_programacion;

                                                if (num_trabajadores > 0) {
                                                    i_estado_tareo = 1;
                                                    i_estado_programacion = 3;
                                                } else {
                                                    i_estado_tareo = 0;
                                                    i_estado_programacion = 2;
                                                }

                                                let mensaje_actualizar_partida =
                                                    'Trabajadores agregados correctamente';

                                                mostrar_tareos(proyecto, etapa_principal, fecha,
                                                    i_estado_tareo,
                                                    i_estado_programacion, tarea, lote,
                                                    mensaje_actualizar_partida);
                                            }
                                        });
                                }

                            });

                        }
                    }

                }
            }

        }

        function mantenimiento_tareo(data) {

            var modalMantenimiento = document.getElementById("modalMantenimiento");
            modalMantenimiento.removeAttribute("data-tarea");
            modalMantenimiento.removeAttribute("data-lote");
            modalMantenimiento.removeAttribute("data-fecha");
            modalMantenimiento.removeAttribute("data-cuadrilla");
            modalMantenimiento.removeAttribute("data-tareoAcum");
            modalMantenimiento.removeAttribute("data-codtarea");
            modalMantenimiento.removeAttribute("data-codlote");
            modalMantenimiento.removeAttribute("data-accion");
            modalMantenimiento.removeAttribute("data-cuadrilla-lote");

            let tarea = data.getAttribute("data-codtarea");
            let nombre_tarea = data.getAttribute("data-tarea");
            let lote = data.getAttribute("data-codlote");
            let fecha = data.getAttribute("data-fecha");
            let aplica_tareo = data.getAttribute("data-aplicatareo");
            let tipo_insumo = data.getAttribute("data-tipoinsumo");

            modalMantenimiento.setAttribute("data-tarea", nombre_tarea);
            modalMantenimiento.setAttribute("data-lote", data.getAttribute("data-lote"));
            modalMantenimiento.setAttribute("data-fecha", fecha);
            modalMantenimiento.setAttribute("data-cuadrilla", data.getAttribute("data-cuadrilla"));
            modalMantenimiento.setAttribute("data-tareoAcum", data.getAttribute("data-tareoAcum"));
            modalMantenimiento.setAttribute("data-codtarea", tarea);
            modalMantenimiento.setAttribute("data-codlote", lote);
            modalMantenimiento.setAttribute("data-accion", data.getAttribute("data-accion"));
            modalMantenimiento.setAttribute("data-cuadrilla-lote", '0');

            axios.get("validar-permiso/10618").then((response) => {
                let result = response.data
                if (result.length == 0) {
                    demo.showNotification('bottom', 'right',
                        "Usted no tiene permiso para realizar esta función.",
                        'danger')
                } else {
                    axios.get("validar-mentenimiento-tareo/" + tarea + "/" + lote + "/" + fecha).then((
                        response) => {
                        respuesta = response.data[0]['fn_validacion_tareo']
                        //respuesta = 1;
                        if (respuesta == '1') {
                            $('#ver_tareo').show();
                            document.getElementById('boton_ver_tareo').style.visibility =
                                'visible';
                            document.getElementById('btn_cuadrilla').style.visibility =
                                'visible';
                            document.getElementById('comentarioTrabajador').disabled = false;
                            $('#ver_opciones_comentario').show();

                            validar_exceso(tarea, lote, fecha);
                            validar_req_asistencia(nombre_tarea, aplica_tareo, tipo_insumo);

                            $('#modalMantenimiento').modal('show');
                            control_mantemiento = 1;
                        } else {
                            demo.showNotification('bottom', 'right', respuesta, 'warning')
                        }
                    });
                }
            });
        }

        function validar_req_asistencia(tarea, aplica_tareo, tipo_insumo) {
            tarea = tarea.substring(tarea.indexOf('- ') + 2)
            let extract = tarea.substring(0, 3);
            if (extract == 'PAZ' || (aplica_tareo == "false" && tipo_insumo == 2)) {
                validar_asistencia = 1;
                document.getElementById("asistenciaLabel").innerHTML = "No requiere asistencia";
            } else {
                validar_asistencia = 0;
                document.getElementById("asistenciaLabel").innerHTML = "";
            }
        }

        function ver_mantenimiento_tareo(data) {
            var modalMantenimiento = document.getElementById("modalMantenimiento");

            modalMantenimiento.removeAttribute("data-tarea");
            modalMantenimiento.removeAttribute("data-lote");
            modalMantenimiento.removeAttribute("data-fecha");
            modalMantenimiento.removeAttribute("data-cuadrilla");
            modalMantenimiento.removeAttribute("data-tareoAcum");
            modalMantenimiento.removeAttribute("data-codtarea");
            modalMantenimiento.removeAttribute("data-codlote");
            modalMantenimiento.removeAttribute("data-accion");

            let tarea = data.getAttribute("data-codtarea");
            let lote = data.getAttribute("data-codlote");
            let fecha = data.getAttribute("data-fecha");

            modalMantenimiento.setAttribute("data-tarea", data.getAttribute("data-tarea"));
            modalMantenimiento.setAttribute("data-lote", data.getAttribute("data-lote"));
            modalMantenimiento.setAttribute("data-fecha", fecha);
            modalMantenimiento.setAttribute("data-cuadrilla", data.getAttribute("data-cuadrilla"));
            modalMantenimiento.setAttribute("data-tareoAcum", data.getAttribute("data-tareoAcum"));
            modalMantenimiento.setAttribute("data-codtarea", tarea);
            modalMantenimiento.setAttribute("data-codlote", lote);
            modalMantenimiento.setAttribute("data-accion", data.getAttribute("data-accion"));

            $('#ver_tareo').hide();
            document.getElementById('boton_ver_tareo').style.visibility = 'hidden';
            document.getElementById('btn_cuadrilla').style.visibility = 'hidden';
            document.getElementById('comentarioTrabajador').disabled = true;
            $('#ver_opciones_comentario').hide();

            $('#modalMantenimiento').modal('show');
        }

        function comentario_trabajador(data) {
            let tarea = data.getAttribute("data-codtarea");
            let dni = data.getAttribute("data-dni");

            let btn_guardar_comentario = document.getElementById("btn_guardar_comentario");

            btn_guardar_comentario.removeAttribute("data-codtarea");
            btn_guardar_comentario.removeAttribute("data-dni");

            btn_guardar_comentario.setAttribute("data-codtarea", tarea);
            btn_guardar_comentario.setAttribute("data-dni", dni);

            document.getElementById("comentarioTrabajador").value = document.getElementById(tarea + "-" + dni +
                "-comentario").value;

            $('#modalComentario').modal('show');
        }

        function guardar_comentario_trabajador(data) {
            let tarea = data.getAttribute("data-codtarea");
            let dni = data.getAttribute("data-dni");

            document.getElementById(tarea + "-" + dni + "-comentario").value = document.getElementById(
                "comentarioTrabajador").value;

            $('#modalComentario').modal('hide');

        }

        function addEmployee() {
            let tarea = document.getElementById("modalMantenimiento").getAttribute("data-codtarea");
            let codLote = document.getElementById("modalMantenimiento").getAttribute("data-codlote");
            let fecha = document.getElementById("modalMantenimiento").getAttribute("data-fecha");
            let asistencia = employee_assist;
            let clase_asistencia;
            let valorPermiso;
            let ocultar_comentario;
            let value_hour;
            let date_init = document.getElementById("fecha").value;

            if (asistencia == 2) {
                clase_asistencia = 'info';
                estilo_asistencia = "";
                valorPermiso = ''
                ocultar_comentario = 'hidden'
            } else {
                if (asistencia == 1) {
                    clase_asistencia = 'success';
                    estilo_asistencia =
                        " style='background-image: linear-gradient(to bottom left, #16CF38, #3EE24F, #3EE24F) !important;'";
                    valorPermiso = ''
                    ocultar_comentario = 'hidden'
                } else {
                    if (asistencia == 0 || employee_permiso == 'P' || employee_permiso == 'O' || asistencia == 3) {
                        if (asistencia == 0) {
                            clase_asistencia = 'danger';
                            estilo_asistencia = '';
                        } else {
                            if (asistencia == 3) {
                                clase_asistencia = 'warning';
                                estilo_asistencia =
                                    " style='background-image: linear-gradient(to bottom left, #e4d62c, #ffb100, #ec9336) !important;'";
                            }
                        }
                        ocultar_comentario = ''
                        valorPermiso = ''
                        if (employee_permiso == 'O') {
                            valorPermiso = '<i class="fas fa-check-circle"></i>'
                        }
                    }
                }
            }

            let comentario_trabajador = employee_comment;
            let archivo_trabajador = employee_file;
            let icono_comentario;

            if (!comentario_trabajador) {
                icono_comentario = "<i class='fas fa-comment'></i>"
            } else {
                icono_comentario = "<i class='fas fa-comment-dots'></i>"
            }

            let table_tareo = $('#form-tareo').DataTable();
            let column = table_tareo.column(8);

            let parts = date_init.split('-');

            var today = new Date();

            today.setFullYear(parts[0])
            today.setMonth(parseInt(parts[1]) - 1);
            today.setDate(parts[2]);

            if (today.getDay() == 6) {
                value_hour = 5.5;
            } else {
                value_hour = 8.5;
            }

            $("#form-tareo")
                .DataTable()
                .row.add([
                    employee_dni,
                    employee_name,
                    employee_occupation,
                    "<input class='form-control'  id='" + tarea + "-" + employee_dni +
                    "'  type='number'  required='true' aria-required='true' value='" + value_hour + "'>",
                    "<button class='btn btn-" + clase_asistencia + " btn-fab btn-icon btn-round' " +
                    estilo_asistencia +
                    ">" + valorPermiso + "</button>",

                    //MOTIVO Y BOTON COMENTARIO
                    "<div class='form-group row' style='margin-bottom: 0px;'>" +

                    "<input class='form-control col-sm-9 offset-sm-1' list='motivoOpcion' id='motivo-comentario-trabajador-" +
                    employee_dni + "-" + tarea +
                    "-" + codLote + "-" + fecha + "' " +
                    "  data-codtarea='" +
                    tarea + "' data-codlote='" + codLote + "' data-fecha='" + fecha + "' data-dni='" +
                    employee_dni + "'  placeholder='Motivo' " + ocultar_comentario +
                    " autocomplete='false' value='" +
                    employee_motivo + "'>" +
                    "<datalist id='motivoOpcion' class='form-select'>" +
                    "</datalist>" +

                    "<input class='form-control' name='comentario' id='" +
                    tarea + "-" + employee_dni + "-comentario" +
                    "' type='text' required='true' aria-required='true' value='" + employee_comment +
                    "' hidden> " +

                    "</div>",

                    "<button type='button' id='comentario-trabajador-" + employee_dni + "-" + tarea +
                    "-" + codLote + "-" + fecha + "' " +
                    " class='btn btn-success btn-fab btn-icon btn-round col-sm-2' data-codtarea='" +
                    tarea + "' data-codlote='" + codLote + "' data-fecha='" + fecha + "' data-dni='" +
                    employee_dni + "'  onclick='comentario_trabajador(this)' " +
                    " " + ocultar_comentario + ">" + icono_comentario + "</button>",

                    "<div class='form-group' " + ocultar_comentario +
                    "> <label for='archivo-trabajador-" +
                    employee_dni + "-" + tarea +
                    "' class='btn btn-info btn-fab btn-icon btn-round' data-bs-toggle='tooltip' data-bs-placement='bottom' title='Subir'> <i class='fas fa-upload'></i> </label> <input class='form-control' type='file' onchange='load_file(this," +
                    employee_dni + "," + tarea +
                    ")'  style='width: -webkit-fill-available; visibility: hidden' id='archivo-trabajador-" +
                    employee_dni + "-" + tarea +
                    "'> <a class = 'btn btn-success btn-fab btn-icon btn-round' id = 'btn_descarga-" +
                    employee_dni + "-" + tarea +
                    "' download  data-bs-toggle='tooltip' data-bs-placement='bottom' title='Descargar'> <i class='fas fa-download'> </i></a> </div> ",

                    "<button class='btn btn-link btn-fab btn-icon btn-round' id='deleteEmployee' onclick='deleteEmployee(this)'> <i class='tim-icons icon-simple-remove'></i> </button>"
                ])
                .draw();

            showfile(employee_file, employee_dni, tarea);

            column.visible(true);
            load_reasons();
        }

        function showEmployee(tarea, fecha, lote, show_column_tareo) {
            let table_tareo = $('#form-tareo').DataTable();
            let column = table_tareo.column(8);
            let diable_input = '';
            if (show_column_tareo == false) {
                diable_input = 'disabled'
            } else {
                diable_input = ''
            }
            axios
                .get(
                    "employee-task/" + tarea + "/" + fecha + "/" + lote
                )
                .then((response) => {
                    for (let index = 0; index < response.data.length; index++) {
                        const element = response.data[index];
                        let asistencia = element["asistencia"];
                        let clase_asistencia;
                        let valorPermiso;
                        let permisoTareo = element["permiso"];
                        let comentario_asistencia;

                        // Si el tareo indica que no requiere asistencia, la asistencia debe ser verdadera (si asistio)
                        if (validar_asistencia == 1) {
                            asistencia = 2;
                            permisoTareo = '';
                        }

                        if (asistencia == 2) {
                            clase_asistencia = 'info';
                            estilo_asistencia = "";
                            valorPermiso = ''
                            comentario_asistencia = 'hidden'
                        } else {
                            if (asistencia == 1) {
                                clase_asistencia = 'success';
                                estilo_asistencia =
                                    " style='background-image: linear-gradient(to bottom left, #16CF38, #3EE24F, #3EE24F) !important;'";
                                valorPermiso = ''
                                comentario_asistencia = 'hidden'
                            } else {
                                if (asistencia == 0 || permisoTareo == 'P' || permisoTareo == 'O' || asistencia == 3) {
                                    if (asistencia == 0) {
                                        clase_asistencia = 'danger';
                                        estilo_asistencia = '';
                                    } else {
                                        if (asistencia == 3) {
                                            clase_asistencia = 'warning';
                                            estilo_asistencia =
                                                " style='background-image: linear-gradient(to bottom left, #e4d62c, #ffb100, #ec9336) !important;'";
                                        }
                                    }
                                    valorPermiso = ''
                                    comentario_asistencia = ''
                                    if (permisoTareo == 'O') {
                                        valorPermiso = '<i class="fas fa-check-circle"></i>'
                                    }
                                }
                            }
                        }


                        let comentario_trabajador = element["comentario"];
                        let icono_comentario;

                        if (!comentario_trabajador) {
                            icono_comentario = "<i class='fas fa-comment'></i>"
                        } else {
                            icono_comentario = "<i class='fas fa-comment-dots'></i>"
                        }

                        $("#form-tareo")
                            .DataTable()
                            .row.add([
                                element["dni"],
                                element["nombres_completos"],
                                element["desc_insumo"],
                                "<input class='form-control' id='" + tarea + "-" + element["dni"] +
                                "' type='number'  required='true' aria-required='true' value='" +
                                element[
                                    "horas"] +
                                "' " + diable_input + " >",
                                "<button class='btn btn-" + clase_asistencia +
                                " btn-fab btn-icon btn-round' " + estilo_asistencia + ">" +
                                valorPermiso +
                                "</button>",

                                "<div class='form-group row' style='margin-bottom: 0px;'>" +

                                "<input class='form-control col-sm-9 offset-sm-1' list='motivoOpcion' id='motivo-comentario-trabajador-" +
                                element["dni"] + "-" + tarea +
                                "-" + lote + "-" + fecha + "' " +
                                " data-codtarea='" +
                                tarea + "' data-codlote='" + lote + "' data-fecha='" + fecha +
                                "' data-dni='" +
                                element["dni"] + "'  placeholder='Motivo' " + diable_input + " " +
                                comentario_asistencia +
                                " autocomplete='false' value='" + element["motivo"] + "'>" +
                                "<datalist id='motivoOpcion' class='form-select'>" +
                                "</datalist>" +

                                "<input class='form-control' name='comentario' id='" +
                                tarea + "-" + element["dni"] + "-comentario" +
                                "' type='text' required='true' aria-required='true' value='" + element[
                                    "comentario"] + "' hidden> " +

                                "</div>",

                                "<button type='button' id='comentario-trabajador-" + element["dni"] +
                                "-" +
                                tarea +
                                "-" + lote + "-" + fecha + "' " +
                                " class='btn btn-success btn-fab btn-icon btn-round col-sm-2' data-codtarea='" +
                                tarea + "' data-codlote='" + lote + "' data-fecha='" + fecha +
                                "' data-dni='" +
                                element["dni"] + "'  onclick='comentario_trabajador(this)' " +
                                " " + comentario_asistencia + ">" + icono_comentario + "</button>",

                                "<div class='form-group' " + comentario_asistencia +
                                "> <label for='archivo-trabajador-" +
                                element["dni"] + "-" + tarea +
                                "' class='btn btn-info btn-fab btn-icon btn-round' data-bs-toggle='tooltip' data-bs-placement='bottom' title='Subir' " +
                                diable_input +
                                "> <i class='fas fa-upload'></i> </label> <input class='form-control' type='file' onchange='load_file(this, " +
                                element["dni"] + "," + tarea +
                                ")'  style='width: -webkit-fill-available; visibility: hidden;' id='archivo-trabajador-" +
                                element["dni"] + "-" + tarea +
                                "'> <a class = 'btn btn-success btn-fab btn-icon btn-round' id = 'btn_descarga-" +
                                element["dni"] + "-" + tarea +
                                "' download  data-bs-toggle='tooltip' data-bs-placement='bottom' title='Descargar'> <i class='fas fa-download'> </i></a> </div> ",

                                "<button class='btn btn-link btn-fab btn-icon btn-round' id='deleteEmployee' onclick='deleteEmployee(this)'> <i class='tim-icons icon-simple-remove'></i> </button>"
                            ])
                            .draw();
                        showfile(element["ruta"], element["dni"], tarea);
                        column.visible(show_column_tareo);
                    }

                    if (response.data.length >= 1) {
                        control_mantemiento = 1;
                        load_reasons();
                    }
                });
        }

        $('#form-tareo').on('page.dt', function() {
            control_mantemiento = 1;
            var table = $('#form-tareo').DataTable();

            load_reasons();
        });

        function load_reasons() {
            if (control_mantemiento == 1) {
                control_mantemiento = 0;
                var motivos = {!! json_encode($motivos) !!};

                let motivosTrabajador = document.getElementById("motivoOpcion");

                var table = $('#form-tareo').DataTable();

                var cell = table
                    .cell("#importantCell")
                    .node();

                $("#motivoOpcion option").remove();
                motivos.forEach(motivo => {
                    const element = motivo;
                    let option = document.createElement("option");
                    option.text = motivo["descripcion"];
                    option.value = motivo["descripcion"];
                    option.id = motivo["id"];
                    motivosTrabajador.appendChild(option);
                });
            }
        }

        function selectedEmployee() {
            var options = $('#datalistOptions')[0].options;
            let input_employee = document.getElementById("tareoTrabajador");

            let table_work = $('#form-tareo').DataTable();

            let work_employee = table_work
                .rows()
                .data().toArray();

            let message_employee = '';
            let validar_existencia = 0;

            for (var i = 0; i < options.length; i++) {
                if (options[i].value == input_employee.value) {
                    employee_dni = options[i].id;
                    employee_name = input_employee.value;
                    employee_occupation = options[i].getAttribute("data-cargo");
                    employee_assist = options[i].getAttribute("data-asistencia");
                    employee_comment = options[i].getAttribute("data-comentario");
                    employee_file = options[i].getAttribute("data-archivo");
                    employee_permiso = options[i].getAttribute("data-permiso");
                    employee_motivo = options[i].getAttribute("data-motivo");

                    // Si el tareo indica que no requiere asistencia, la asistencia debe ser verdadera (si asistio)
                    if (validar_asistencia == 1) {
                        employee_assist = 2;
                        employee_permiso = '';
                    }

                    if (work_employee.length == 0) {
                        control_mantemiento = 1;
                        addEmployee();
                    } else {
                        try {
                            work_employee.forEach(element => {
                                if (element[0] == employee_dni) {
                                    message_employee = "El trabajador " + employee_dni +
                                        " ya existe en el tareo.";
                                    validar_existencia = 1
                                    throw Error();
                                }
                            })
                            if (validar_existencia == 0) {
                                addEmployee();
                            }
                        } catch (e) {
                            demo.showNotification('bottom', 'right', message_employee, 'danger')
                        }
                    }
                    document.getElementById("tareoTrabajador").value = '';
                    break;
                }
            }
            //document.getElementById("tareoTrabajador").value = '';
        };

        function deleteEmployee(value) {
            let id = $(value.parentElement.parentElement).index();
            let table = $('#form-tareo').DataTable();

            table.row(id).remove().draw(false);

            let work_employee = table.rows().data().toArray().length;

            if (id == 0 && work_employee > 0) {
                control_mantemiento = 1;
                load_reasons();
            }
        }

        function mostrarTablaPartida(proyecto, etapa_partida, fecha, lote) {
            axios
                .get(
                    "search-item/" +
                    proyecto +
                    "/" +
                    etapa_partida +
                    "/" +
                    fecha +
                    "/" +
                    lote
                )
                .then((response) => {
                    limpiarTablaPartida();
                    for (let index = 0; index < response.data.length; index++) {
                        const element = response.data[index];
                        $("#form-table")
                            .DataTable()
                            .row.add([
                                element["cod_tarea"] + "-" + element["desc_insumo"],
                                element["etapa_relacionada"],
                                element["num_lote"],
                                element["estado"],
                                element["fecha_programacion"],
                                "<div> <label class='form-check-label'> <input class='' type='radio' name='partida_seleccionada' id='partida_seleccionada' data-estado=" +
                                element["estado_tareo"] +
                                " data-tarea=" +
                                element["cod_tarea"] +
                                " data-lote=" +
                                element["cod_lote"] +
                                " value=" +
                                element["fecha_programacion"] +
                                " > <span class='form-check-sign'></span> </label> </div>",
                            ])
                            .draw();
                    }
                });
        }

        function tareoExportar() {
            var uri = '52.21.217.224';
            console.log(uri);
            var cod_usuario = 887;
            var cod_cargo = 1;
            //var cod_usuario = {{ Session::get('cod_usuario') }}
            //var cod_cargo = {{ Session::get('cod_cargo') }}
            //console.log(cod_usuario);
            //console.log(cod_cargo);


            let windowReference = window.open('about:blank');

            $.post('http://54.156.153.161/tareo-excel/public/home/principal', {
                cod_usuario: cod_usuario,
                cod_cargo: cod_cargo,
            }, function(data) {
                var w = windowReference;
                w.document.open();
                w.document.write(data);
                w.document.close();
            });

        }
        /*function tareoExportar() {
            var uri = '52.21.217.224';
            console.log(uri)

            var cod_usuario = {{ Session::get('cod_usuario') }}
            var cod_cargo = {{ Session::get('cod_cargo') }}
            var usuario = "{{ Session::get('usuario') }}"

            let windowReference = window.open('about:blank');

            $.post('http://54.156.153.161/tareo-excel/public/home/principal', {
                usuario: usuario,
                cod_usuario: cod_usuario,
                cod_cargo: cod_cargo,
            }, function(data) {
                var w = windowReference;
                w.document.open();
                w.document.write(data);
                w.document.close();
            });
        }*/



        $(document).ready(function() {
            var uri = "52.21.217.224";
            var url_redirect;
            var http = "http://";

            if (uri == 'localhost') {
                url_redirect = http + uri + ":8000/";
            } else {
                url_redirect = http + uri + "/tareo-laravel/public/";
            }

            //recargar pagina al recibir post
            if ("") {
                window.location.href = url_redirect + "tareov2";
            }

            $('#modalMantenimiento').on('show.bs.modal', function(event) {
                console.log(event);
                $("#form-tareo")
                    .DataTable()
                    .rows()
                    .remove()
                    .draw();

                let tarea = event.target.getAttribute("data-tarea");
                document.getElementById("tareaLabel").innerHTML = tarea;

                let lote = event.target.getAttribute("data-lote");
                document.getElementById("loteLabel").innerHTML = lote;

                let fecha = event.target.getAttribute("data-fecha");
                document.getElementById("fechaLabel").innerHTML = fecha;

                let cuadrilla = event.target.getAttribute("data-cuadrilla");
                document.getElementById("cuadrillaLabel").innerHTML = cuadrilla;

                let tareoAcum = event.target.getAttribute("data-tareoAcum");
                document.getElementById("tareoAcum").innerHTML = tareoAcum;
                console.log(tareoAcum);

                let fecha_actual = document.getElementById("fecha").value;
                let proyecto = document.getElementById("proyecto").value;

                let cod_tarea = event.target.getAttribute("data-codtarea");

                let codlote = event.target.getAttribute("data-codlote");

                let accion = event.target.getAttribute("data-accion");

                let show_column_tareo;
                if (accion == 1) {
                    show_column_tareo = true;
                } else {
                    if (accion == 0) {
                        show_column_tareo = false;
                    }
                }

                showEmployee(cod_tarea, fecha, codlote, show_column_tareo);

                if (accion == 1) {
                    let trabajador = document.getElementById("datalistOptions");
                    document.getElementById("tareoTrabajador").disabled = true;
                    let asistencia_trabador;

                    axios.get("employee/" + proyecto + "/" + fecha_actual).then((response) => {
                        $("#datalistOptions option").remove();
                        $("#tareoTrabajador").value = '';

                        for (let index = 0; index < response.data.length; index++) {

                            const element = response.data[index];
                            let option = document.createElement("option");

                            if (element["asistencia"] == 0) {
                                asistencia_trabador = 'NO'
                            } else {
                                if (element["asistencia"] == 1) {
                                    asistencia_trabador = 'SI'
                                } else {
                                    if (element["asistencia"] == 3) {
                                        asistencia_trabador = 'PARCIAL'
                                    }
                                }
                            }

                            option.text = "DNI: " + element["dni"] + " CARGO: " + element[
                                "desc_insumo"] + " ASISTENCIA: " + asistencia_trabador;
                            option.value = element["nombres_completos"];
                            option.id = element["dni"];
                            option.setAttribute("data-cargo", element["desc_insumo"]);
                            option.setAttribute("data-asistencia", element["asistencia"]);
                            option.setAttribute("data-comentario", element["comentario"]);
                            option.setAttribute("data-permiso", element["permiso"]);
                            option.setAttribute("data-motivo", element["motivo"]);
                            option.setAttribute("data-archivo", element["ruta"]);
                            trabajador.appendChild(option);
                        }
                    }).finally(() => {
                        document.getElementById("tareoTrabajador").disabled = false;
                    });
                }
            });

            $('#modalComentario').on('show.bs.modal', function(event) {});
        });
    </script>
@endpush