@extends('adminlte::page')

@section('plugins.Sweetalert2', true)
@section('plugins.Select1', true)

@section('title', 'Intranet | Editar Resolución Excepcional')

@section('content_header')
    <div class="container-fluid">

    </div>
@stop

@section('content')
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-8">

                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Editar de la Resolución Excepcional</h3>
                    </div>

                    <form id="formularioDeResolucion">
                        @csrf

                        <div class="card-body">
                            <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                <div class="form-group">
                                    <label for="campoNumeroDeLaResolucion">Numero Resolución</label>
                                    <input type="text" class="form-control" id="campoNumeroDeLaResolucion" name="resolucion" value="{{ old('resolucion',$resolucion->resolucion) }}">
                                    <div class="invalid-feedback" id="validacionCampoNumeroDeLaResolucion">
    
                                    </div>
                                </div>
    
                                <div class="form-group">
                                    <label for="campoTipoDeResolucion">Tipo de Resolución</label>
                                    <input type="text" class="form-control" id="campoTipoDeResolucion" name="tipo" value="{{ old('tipo','Excepcional') }}" readonly="true" style="cursor:not-allowed;">
                                    <div class="invalid-feedback" id="validacionCampoTipoDeResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoMandanteDeLaResolucion">Mandante</label>
                                    <input type="text" class="form-control" id="campoMandanteDeLaResolucion" name="mandante" value="{{ old('mandante',$resolucion->mandante) }}">
                                    <div class="invalid-feedback" id="validacionCampoMandanteDeLaResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Jornada</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoJornadaDeLaResolucion" name="id_jornada" data-live-search="true" onchange="quitarLosErroresDeLosCargosAlCambiarLaJornada(this)">
                                        <option value="">--Seleccionar Jornada--</option>
                                        @foreach ($jornadas as $jornada)
                                            @if (old('id_jornada',$resolucion->id_jornada) == $jornada->id)
                                                <option selected value="{{ $jornada->id }}">{{ $jornada->jornada }}</option>
                                            @else
                                                <option value="{{ $jornada->id }}">{{ $jornada->jornada }}</option>
                                            @endif
                                        @endforeach
                                        <option value="nueva jornada">Nueva Jornada</option>
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoJornadaDeLaResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group" id="contenedorNuevaJornada" style="display:none;">
                                    <label for="campoNuevaJornadaDeLaResolucion">Nueva Jornada</label>
                                    <input type="text" class="form-control" id="campoNuevaJornadaDeLaResolucion" name="nueva_jornada" value="{{ old('nueva_jornada') }}">
                                    <div class="invalid-feedback" id="validacionCampoNuevaJornadaDeLaResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="campoHorarioDeLaResolucion">Horario</label>
                                    <input type="text" class="form-control" id="campoHorarioDeLaResolucion" name="horario" value="{{ old('horario',$resolucion->horario) }}" onblur="quitarLosErroresDeLosCargosAlCambiarElHorario(this)">
                                    <div class="invalid-feedback" id="validacionCampoHorarioDeLaResolucion">
    
                                    </div>
                                </div>
                                <input type="hidden" id="campoHorarioParaValidacion" value="{{$resolucion->horario}}">

                                <div class="form-group">
                                    <label for="campoFechaVencimientoDeLaResolucion">Fecha de Vencimiento</label>
                                    <input type="date" class="form-control" id="campoFechaVencimientoDeLaResolucion" name="fecha_vencimiento" value="{{ old('fecha_vencimiento',$resolucion->fecha_vencimiento) }}">
                                    <div class="invalid-feedback" id="validacionCampoFechaVencimientoDeLaResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Contrato Comercial</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoContratoComercialDeLaResolucion" name="id_contrato_comercial" data-live-search="true">
                                        <option value="">--Seleccionar Contrato Comercial--</option>
                                        @foreach ($contratosComerciales as $contratoComercial)
                                            @if (old('id_contrato_comercial',$resolucion->id_contrato_comercial) == $contratoComercial->id)
                                                <option selected value="{{ $contratoComercial->id }}">{{ $contratoComercial->numero_contrato }}</option>
                                            @else
                                                <option value="{{ $contratoComercial->id }}">{{ $contratoComercial->numero_contrato }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoContratoComercialDeLaResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label>Estado</label>
                                    <select class="form-control listaDespegableConBuscador" id="campoEstadoDeLaResolucion" name="estado" data-live-search="true">
                                        <option value="">--Seleccionar Estado--</option>
                                        @foreach ($estados as $estado)
                                            @if (old('estado', $resolucion->estado) == $estado)
                                                <option selected value="{{ $estado }}">{{ $estado }}</option>
                                            @else
                                                <option value="{{ $estado }}">{{ $estado }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback" id="validacionCampoEstadoDeLaResolucion">
    
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="cargo">Cargo </label>
                                    <div class="input-group">
                                        <input type="text" class="form-control" id="campoNombreDelCargo">
                                        <span class="input-group-append">
                                            <button type="button" class="btn btn-primary" onclick="agregarCargos()">Añadir</button>
                                        </span>
                                    </div>
                                    <div class="invalid-feedback" id="validacionCampoNombreDelCargo">

                                    </div>
                                </div>
                            </div>

                            <div class="alert alert-danger" role="alert" style="display: none;" id="errorCargos"> </div>
                            <div class="dt-responsive table-responsive">
                                <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info" id="tabla-cargos">
                                    <thead>
                                        <tr role="row">
                                            <th>#</th>
                                            <th>Cargo</th>
                                            <th>Estado</th>
                                            <th>Observación</th>
                                            <th>Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody id="registroDeCargos">
                                        @php
                                            $indexCargos=0;
                                        @endphp
                                        @if (count($resolucion->cargos)>0)
                                            @foreach ($resolucion->cargos as $cargo)
                                                @php
                                                    $indexCargos++;
                                                    $cargoTieneAsociaciones="No";
                                                    if(count($cargo->solicitudesDeContratacion)>0){
                                                        $cargoTieneAsociaciones="Si";
                                                    }
                                                @endphp
                                                <tr role="row" class="odd">
                                                    <td style="display:none;" class="tabla-codigo-unico-cargos">{{$cargo->id}}</td>
                                                    <td style="display:none;" class="tabla-hay-error-cargos">No</td>
                                                    <td style="display:none;" class="tabla-estado-cargos">{{ $cargo->estado }}</td>
                                                    <td style="display:none;" class="tabla-en-base-datos-cargos">Si</td>
                                                    <td style="display:none;" class="tabla-tiene-asociones-cargos">{{$cargoTieneAsociaciones}}</td>
                                                    <td class="tabla-contador-cargos">{{$indexCargos}}</td>
                                                    <td class="tabla-nombre-cargo-cargos">{{$cargo->cargo}}</td>
                                                    @if ($cargo->estado == 'Operativo')
                                                        <td class="tabla-estado-estilo-cargos"> <span class="badge badge-success">{{ $cargo->estado }}</span></td>
                                                    @else
                                                        <td class="tabla-estado-estilo-cargos"><span class="badge badge-danger">{{ $cargo->estado }}</span></td>
                                                    @endif
                                                    <td class="tabla-observacion-cargos"><span class='recurso-error-verde'>El cargo es valido.</span></td>
                                                    <td class="tabla-accion-cargos">
                                                        <div class="btn-group ">
                                                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                Acciones
                                                            </button>
                                                            <div class="dropdown-menu">
                                                                <button type="button" class="dropdown-item" onclick="eliminarFilaCargos(this.parentElement.parentElement)"><i class="fas fa-trash-alt" aria-hidden="true"></i> Eliminar Cargo</button>
                                                                @if ($cargo->estado == 'Operativo')
                                                                    <button type="button" class="dropdown-item dropdown-item-deshabilitar" onclick="deshabilitarCargo(this)"><i class="fas fa-lock" aria-hidden="true"></i> Deshabilitar Cargo</button>
                                                                    <button style="display:none;" type="button" class="dropdown-item dropdown-item-habilitar" onclick="habilitarCargo(this)"><i class="fas fa-lock-open" aria-hidden="true"></i> Habilitar Cargo</button>
                                                                @else
                                                                    <button style="display:none;" type="button" class="dropdown-item dropdown-item-deshabilitar" onclick="deshabilitarCargo(this)"><i class="fas fa-lock" aria-hidden="true"></i> Deshabilitar Cargo</button>
                                                                    <button type="button" class="dropdown-item dropdown-item-habilitar" onclick="habilitarCargo(this)"><i class="fas fa-lock-open" aria-hidden="true"></i> Habilitar Cargo</button>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr id="cargosNoDisponibleEnLaTabla">
                                                <td colspan="4" class="text-center">No hay cargos disponibles en la tabla</td>
                                            </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class=" card-footer">
                            <button type="button" class="btn btn-primary" id="botonDeEdicion" onclick="editarResolucion()"><i class="fas fa-edit" style="margin-right: 2px;"></i> Editar Resolución </button>
                            <a href="{{ route('resolucion.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2021 <a href="http://guinezingenieria.cl/">GuiñezIngeniería.cl</a>.</strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <style>
        .recurso-error-rojo {
            font-weight: 700;
            color: #dc3545;
        }

        .recurso-error-verde {
            font-weight: 700;
            color: #28a745;
        }

        .recurso-error-amarillo {
            font-weight: 700;
            color: #ffc107;
        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>
    <script>
        $('#campoContratoComercialDeLaResolucion').selectpicker({
            dropupAuto: false,
        });
        $('#campoJornadaDeLaResolucion').selectpicker({
            dropupAuto: false,
        });
        $('#campoEstadoDeLaResolucion').selectpicker({
            dropupAuto: false,
        });
    </script>

    <script>
        function quitarLosErroresDeLosCargosAlCambiarLaJornada(jornada){
            let filas = document.getElementById('tabla-cargos').tBodies[0].querySelectorAll("tr");
            filas.forEach(fila=> {
                if (fila.querySelector(".tabla-contador-cargos")) {
                    if(fila.querySelector(".tabla-estado-estilo-cargos").querySelector("span").innerHTML=="Operativo"){
                        fila.querySelector(".tabla-observacion-cargos").innerHTML="";
                    }
                    fila.querySelector(".tabla-hay-error-cargos").innerHTML="No";
                }
            });

            habilitarCampoNuevaJornada(jornada);
        }

        function quitarLosErroresDeLosCargosAlCambiarElHorario(horario){
            if(document.getElementById("campoHorarioParaValidacion").value.trim()!=horario.value.trim()){
                let filas = document.getElementById('tabla-cargos').tBodies[0].querySelectorAll("tr");
                filas.forEach(fila=> {
                    if (fila.querySelector(".tabla-contador-cargos")) {
                        if(fila.querySelector(".tabla-estado-estilo-cargos").querySelector("span").innerHTML=="Operativo"){
                            fila.querySelector(".tabla-observacion-cargos").innerHTML="";
                        }
                        fila.querySelector(".tabla-hay-error-cargos").innerHTML="No";
                    }
                });
                document.getElementById("campoHorarioParaValidacion").value=horario.value;
            }
        }

        function habilitarCampoNuevaJornada(jornada){
            if(jornada.value=="nueva jornada"){
                document.getElementById("contenedorNuevaJornada").style.display="block";
                document.getElementById("campoNuevaJornadaDeLaResolucion").value="";
            }else{
                document.getElementById("contenedorNuevaJornada").style.display="none";
                document.getElementById("campoNuevaJornadaDeLaResolucion").value="";
            }
        }
    </script>

    <script>
        let indexCargos = {{$indexCargos}};
        let intentosDeGuardados=0;
    
        function uuid() {
            var dt = new Date().getTime();
            var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                var r = (dt + Math.random() * 16) % 16 | 0;
                dt = Math.floor(dt / 16);
                return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
            });
            return uuid;
        }
    
        function agregarCargos() {
            let tipoDeResolucion = document.getElementById("campoTipoDeResolucion").value.trim();
            let campoNombreDelCargo = document.getElementById("campoNombreDelCargo").value.trim();
            if (campoNombreDelCargo.length > 0) {
                let filas = document.getElementById('tabla-cargos').tBodies[0].querySelectorAll("tr");
                let cargoSeRepetoEnElTablaDeCargo=false;
                filas.forEach(fila=> {
                    if (fila.querySelector(".tabla-contador-cargos")) {
                        let nombreCargo = fila.querySelector(".tabla-nombre-cargo-cargos").innerHTML.trim();
                        if(nombreCargo.toLowerCase()==campoNombreDelCargo.toLowerCase()){
                            cargoSeRepetoEnElTablaDeCargo=true;
                        }
                    }
                });
    
                if(cargoSeRepetoEnElTablaDeCargo==true){
                    document.getElementById("campoNombreDelCargo").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreDelCargo").innerHTML = "El campo cargo esta repetido en la tabla de cargas";
                    document.getElementById("validacionCampoNombreDelCargo").style.display="block";
                }else{
                    generarLoading('{{ asset('img/logo.png') }}')
                    indexCargos++;
                    let codigoUnico=uuid();
                    if (document.getElementById("cargosNoDisponibleEnLaTabla")) {
                        document.getElementById("cargosNoDisponibleEnLaTabla").remove();
                    }
    
                    document.getElementById("registroDeCargos").innerHTML +=
                        '<tr role="row" class="odd">' +
                        '<td style="display:none;" class="tabla-codigo-unico-cargos">' + codigoUnico + '</td>' +
                        '<td style="display:none;" class="tabla-hay-error-cargos">No</td>' +
                        '<td style="display:none;" class="tabla-estado-cargos">Operativo</td>'+
                        '<td style="display:none;" class="tabla-en-base-datos-cargos">No</td>'+
                        '<td style="display:none;" class="tabla-tiene-asociones-cargos">No</td>'+
                        '<td class="tabla-contador-cargos">' + indexCargos+ '</td>' +
                        '<td class="tabla-nombre-cargo-cargos">' + campoNombreDelCargo  + '</td>' +
                        '<td class="tabla-estado-estilo-cargos"> <span class="badge badge-success">Operativo</span></td>'+
                        '<td class="tabla-observacion-cargos"></td>' +
                        '<td class="tabla-accion-cargos">' +
                            '<div class="btn-group ">' +
                                '<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Acciones</button>' +
                                '<div class="dropdown-menu">' +
                                    '<button type="button" class="dropdown-item" onclick="eliminarFilaCargos(this.parentElement.parentElement)"><i class="fas fa-trash-alt" aria-hidden="true"></i> Eliminar Cargo</button>' +
                                '</div>' +
                            '</div>' +
                        '</td>' +
                        '</tr>';
            
                    document.getElementById("campoNombreDelCargo").value = "";
                    document.getElementById("validacionCampoNombreDelCargo").innerHTML = "";
                    document.getElementById("campoNombreDelCargo").setAttribute("class", "form-control"); 
                    eliminarLoading()
                }  
            } else {
                if (campoNombreDelCargo.length > 0) {
                    document.getElementById("campoNombreDelCargo").setAttribute("class", "form-control is-valid");
                    document.getElementById("validacionCampoNombreDelCargo").innerHTML = "";
                    document.getElementById("validacionCampoNombreDelCargo").style.display="none";
                } else {
                    document.getElementById("campoNombreDelCargo").setAttribute("class", "form-control is-invalid");
                    document.getElementById("validacionCampoNombreDelCargo").innerHTML = "El campo cargo es obligatorio para agregarlo";
                    document.getElementById("validacionCampoNombreDelCargo").style.display="block";
                }
            }
        }
        
        function deshabilitarBotonesConfirmarEliminacionCargos() {
            let botones = document.querySelectorAll(".boton-confirmar-cargo");
            botones.forEach(elemento => {
                elemento.style.display = 'none';
            });
        }
        
        function habilitarBotonConfirmarEliminacionCargos(boton) {
        
            if (boton.nextElementSibling.style.display == 'none') {
                deshabilitarBotonesConfirmarEliminacionCargos();
                boton.nextElementSibling.style.display = 'inline-block';
            } else {
                if (boton.nextElementSibling.style.display == 'inline-block') {
                    deshabilitarBotonesConfirmarEliminacionCargos();
                }
            }
        
        }
        
        function eliminarFilaCargos(boton) {
            let elementoFila = boton.parentElement.parentElement;
            if(elementoFila.querySelector(".tabla-tiene-asociones-cargos").innerHTML=="Si"){
                Swal.fire({
                    icon: 'error',
                    title: '¡Problemas Con La Eliminación!',
                    text: 'El cargo ' + elementoFila.querySelector(".tabla-nombre-cargo-cargos").innerHTML + ' no puede ser eliminado tiene asociaciones',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }else{
                elementoFila.remove();
                indexCargos = 0;
                let filas = document.getElementById('tabla-cargos').tBodies[0].querySelectorAll("tr");
                if (filas.length > 0) {
                    filas.forEach(elemento => {
                        indexCargos++;
                        elemento.querySelector(".tabla-contador-cargos").innerHTML = indexCargos;
                    });
                } else {
                    document.getElementById("registroDeCargos").innerHTML =
                        '<tr id="cargosNoDisponibleEnLaTabla">' +
                        '<td colspan="4" class="text-center">No hay cargos disponibles en la tabla</td>' +
                        '</tr>';
                }
            }
        }

        function deshabilitarCargo(opcion){
            let filaDelCargo = opcion.parentElement.parentElement.parentElement.parentElement;
            let botonConOpciones = opcion.parentElement;
            filaDelCargo.querySelector(".tabla-hay-error-cargos").innerHTML="No";
            filaDelCargo.querySelector(".tabla-estado-cargos").innerHTML="Inactivo";
            filaDelCargo.querySelector(".tabla-estado-estilo-cargos").innerHTML="<span class='badge badge-danger'>Inactivo</span>";
            filaDelCargo.querySelector(".tabla-observacion-cargos").innerHTML=
            '<span class="recurso-error-verde">El cargo es valido, pero esta deshabilitado.</span>';
            botonConOpciones.querySelector(".dropdown-item-deshabilitar").style.display="none";
            botonConOpciones.querySelector(".dropdown-item-habilitar").style.display="block";
        }

        function habilitarCargo(opcion){
            let filaDelCargo = opcion.parentElement.parentElement.parentElement.parentElement;
            let botonConOpciones = opcion.parentElement;
            filaDelCargo.querySelector(".tabla-estado-cargos").innerHTML="Operativo";
            filaDelCargo.querySelector(".tabla-estado-estilo-cargos").innerHTML="<span class='badge badge-success'>Operativo</span>";
            filaDelCargo.querySelector(".tabla-observacion-cargos").innerHTML='';
            botonConOpciones.querySelector(".dropdown-item-deshabilitar").style.display="block";
            botonConOpciones.querySelector(".dropdown-item-habilitar").style.display="none";
        }
    </script>

    <script>
        function validarCamposDelFormularioDeResolucionesPorJavascript() {
            if (document.getElementById("campoNumeroDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoNumeroDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNumeroDeLaResolucion").innerHTML = "";
            } else {
                document.getElementById("campoNumeroDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNumeroDeLaResolucion").innerHTML = "El campo numero de la resolución es obligatorio.";
            }

            if (document.getElementById("campoTipoDeResolucion").value.trim().length>0) {
                document.getElementById("campoTipoDeResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDeResolucion").innerHTML = "";
            } else {
                document.getElementById("campoTipoDeResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTipoDeResolucion").innerHTML = "El campo tipo de resolución es obligatorio.";
            }

            if (document.getElementById("campoMandanteDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoMandanteDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoMandanteDeLaResolucion").innerHTML = "";
            } else {
                document.getElementById("campoMandanteDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMandanteDeLaResolucion").innerHTML = "El campo mandante es obligatorio.";
            }

            if (document.getElementById("campoJornadaDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoJornadaDeLaResolucion").classList.remove('input-error-icon');
                document.getElementById("campoJornadaDeLaResolucion").classList.add('input-success-icon');
                document.getElementById("validacionCampoJornadaDeLaResolucion").innerHTML = "";
                document.getElementById("validacionCampoJornadaDeLaResolucion").style.display = "none";

                if(document.getElementById("campoJornadaDeLaResolucion").value=="nueva jornada"){
                    if(document.getElementById("campoNuevaJornadaDeLaResolucion").value.trim().length>0){
                        document.getElementById("campoNuevaJornadaDeLaResolucion").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoNuevaJornadaDeLaResolucion").innerHTML = "";
                    }else{
                        document.getElementById("campoNuevaJornadaDeLaResolucion").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoNuevaJornadaDeLaResolucion").innerHTML = "El campo nueva jornada es obligatorio.";
                    }
                }
            } else {
                document.getElementById("campoJornadaDeLaResolucion").classList.remove('input-success-icon');
                document.getElementById("campoJornadaDeLaResolucion").classList.add('input-error-icon');
                document.getElementById("validacionCampoJornadaDeLaResolucion").innerHTML = "El campo jornada es obligatorio.";
                document.getElementById("validacionCampoJornadaDeLaResolucion").style.display = "block";
            }

            if (document.getElementById("campoHorarioDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoHorarioDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoHorarioDeLaResolucion").innerHTML = "";
            } else {
                document.getElementById("campoHorarioDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoHorarioDeLaResolucion").innerHTML = 'El campo horario es obligatorio.';
            }
        
            if (document.getElementById("campoFechaVencimientoDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoFechaVencimientoDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaVencimientoDeLaResolucion").innerHTML = "";
            } else {
                document.getElementById("campoFechaVencimientoDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaVencimientoDeLaResolucion").innerHTML = "El campo fecha de vencimiento es obligatorio.";
            }

            if (document.getElementById("campoContratoComercialDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoContratoComercialDeLaResolucion").classList.remove('input-error-icon');
                document.getElementById("campoContratoComercialDeLaResolucion").classList.add('input-success-icon');
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").innerHTML = "";
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").style.display = "none";
            } else {
                document.getElementById("campoContratoComercialDeLaResolucion").classList.remove('input-success-icon');
                document.getElementById("campoContratoComercialDeLaResolucion").classList.add('input-error-icon');
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").innerHTML = "El campo contrato comercial es obligatorio.";
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").style.display = "block";
            }

            if (document.getElementById("campoEstadoDeLaResolucion").value.trim().length>0) {
                document.getElementById("campoEstadoDeLaResolucion").classList.remove('input-error-icon');
                document.getElementById("campoEstadoDeLaResolucion").classList.add('input-success-icon');
                document.getElementById("validacionCampoEstadoDeLaResolucion").innerHTML = "";
                document.getElementById("validacionCampoEstadoDeLaResolucion").style.display = "none";
            } else {
                document.getElementById("campoEstadoDeLaResolucion").classList.remove('input-success-icon');
                document.getElementById("campoEstadoDeLaResolucion").classList.add('input-error-icon');
                document.getElementById("validacionCampoEstadoDeLaResolucion").innerHTML = "El campo estado es obligatorio.";
                document.getElementById("validacionCampoEstadoDeLaResolucion").style.display = "block";
            }
        }

        function validarCamposDelFormularioDeResoluciones(data) {
            if (typeof data.responseJSON.errors.resolucion !== 'undefined') {
                document.getElementById("campoNumeroDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoNumeroDeLaResolucion").innerHTML = data.responseJSON.errors.resolucion;
            } else {
                document.getElementById("campoNumeroDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoNumeroDeLaResolucion").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.tipo !== 'undefined') {
                document.getElementById("campoTipoDeResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoTipoDeResolucion").innerHTML = data.responseJSON.errors.tipo;
            } else {
                document.getElementById("campoTipoDeResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoTipoDeResolucion").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.mandante !== 'undefined') {
                document.getElementById("campoMandanteDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoMandanteDeLaResolucion").innerHTML = data.responseJSON.errors.mandante;
            } else {
                document.getElementById("campoMandanteDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoMandanteDeLaResolucion").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.id_jornada !== 'undefined') {
                document.getElementById("campoJornadaDeLaResolucion").classList.remove('input-success-icon');
                document.getElementById("campoJornadaDeLaResolucion").classList.add('input-error-icon');
                document.getElementById("validacionCampoJornadaDeLaResolucion").innerHTML = data.responseJSON.errors.id_jornada;
                document.getElementById("validacionCampoJornadaDeLaResolucion").style.display = "block";
            } else {
                document.getElementById("campoJornadaDeLaResolucion").classList.remove('input-error-icon');
                document.getElementById("campoJornadaDeLaResolucion").classList.add('input-success-icon');
                document.getElementById("validacionCampoJornadaDeLaResolucion").innerHTML = "";
                document.getElementById("validacionCampoJornadaDeLaResolucion").style.display = "none";

                if(document.getElementById("campoJornadaDeLaResolucion").value=="nueva jornada"){
                    if (typeof data.responseJSON.errors.nueva_jornada !== 'undefined') {
                        document.getElementById("campoNuevaJornadaDeLaResolucion").setAttribute("class", "form-control is-invalid");
                        document.getElementById("validacionCampoNuevaJornadaDeLaResolucion").innerHTML = data.responseJSON.errors.nueva_jornada;
                    } else {
                        document.getElementById("campoNuevaJornadaDeLaResolucion").setAttribute("class", "form-control is-valid");
                        document.getElementById("validacionCampoNuevaJornadaDeLaResolucion").innerHTML = "";
                    }
                }
            }

            if (typeof data.responseJSON.errors.horario !== 'undefined') {
                document.getElementById("campoHorarioDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoHorarioDeLaResolucion").innerHTML = data.responseJSON.errors.horario;
            } else {
                document.getElementById("campoHorarioDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoHorarioDeLaResolucion").innerHTML = "";
            }
        
            if (typeof data.responseJSON.errors.fecha_vencimiento !== 'undefined') {
                document.getElementById("campoFechaVencimientoDeLaResolucion").setAttribute("class", "form-control is-invalid");
                document.getElementById("validacionCampoFechaVencimientoDeLaResolucion").innerHTML = data.responseJSON.errors.fecha_vencimiento;
            } else {
                document.getElementById("campoFechaVencimientoDeLaResolucion").setAttribute("class", "form-control is-valid");
                document.getElementById("validacionCampoFechaVencimientoDeLaResolucion").innerHTML = "";
            }

            if (typeof data.responseJSON.errors.id_contrato_comercial !== 'undefined') {
                document.getElementById("campoContratoComercialDeLaResolucion").classList.remove('input-success-icon');
                document.getElementById("campoContratoComercialDeLaResolucion").classList.add('input-error-icon');
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").innerHTML = data.responseJSON.errors.id_contrato_comercial;
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").style.display = "block";
            } else {
                document.getElementById("campoContratoComercialDeLaResolucion").classList.remove('input-error-icon');
                document.getElementById("campoContratoComercialDeLaResolucion").classList.add('input-success-icon');
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").innerHTML = "";
                document.getElementById("validacionCampoContratoComercialDeLaResolucion").style.display = "none";
            }

            if (typeof data.responseJSON.errors.listado_cargos !== 'undefined') {
                document.getElementById("errorCargos").innerHTML="Debe tener al menos un cargo agregado para registrar la resolución.";
                document.getElementById("errorCargos").style.display="block";
            } else {
                document.getElementById("errorCargos").innerHTML="";
                document.getElementById("errorCargos").style.display="none";
            }

            if (typeof data.responseJSON.errors.estado !== 'undefined') {
                document.getElementById("campoEstadoDeLaResolucion").classList.remove('input-success-icon');
                document.getElementById("campoEstadoDeLaResolucion").classList.add('input-error-icon');
                document.getElementById("validacionCampoEstadoDeLaResolucion").innerHTML = data.responseJSON.errors.estado;
                document.getElementById("validacionCampoEstadoDeLaResolucion").style.display = "block";
            } else {
                document.getElementById("campoEstadoDeLaResolucion").classList.remove('input-error-icon');
                document.getElementById("campoEstadoDeLaResolucion").classList.add('input-success-icon');
                document.getElementById("validacionCampoEstadoDeLaResolucion").innerHTML = "";
                document.getElementById("validacionCampoEstadoDeLaResolucion").style.display = "none";
            }
        }

        function limpiarCamposDelFormularioDeResoluciones() {
            document.getElementById("validacionCampoNumeroDeLaResolucion").innerHTML = "";
            document.getElementById("campoNumeroDeLaResolucion").setAttribute("class", "form-control");

            document.getElementById("validacionCampoTipoDeResolucion").innerHTML = "";
            document.getElementById("campoTipoDeResolucion").setAttribute("class", "form-control");

            document.getElementById("validacionCampoMandanteDeLaResolucion").innerHTML = "";
            document.getElementById("campoMandanteDeLaResolucion").setAttribute("class", "form-control");

            document.getElementById("validacionCampoJornadaDeLaResolucion").innerHTML = "";
            document.getElementById("campoJornadaDeLaResolucion").classList.remove('input-success-icon');
            document.getElementById("campoJornadaDeLaResolucion").classList.remove('input-error-icon');
            document.getElementById("validacionCampoJornadaDeLaResolucion").style.display = "none";

            document.getElementById("validacionCampoHorarioDeLaResolucion").innerHTML = "";
            document.getElementById("campoHorarioDeLaResolucion").setAttribute("class", "form-control");

            document.getElementById("validacionCampoFechaVencimientoDeLaResolucion").innerHTML = "";
            document.getElementById("campoFechaVencimientoDeLaResolucion").setAttribute("class", "form-control");

            document.getElementById("validacionCampoContratoComercialDeLaResolucion").innerHTML = "";
            document.getElementById("campoContratoComercialDeLaResolucion").classList.remove('input-success-icon');
            document.getElementById("campoContratoComercialDeLaResolucion").classList.remove('input-error-icon');
            document.getElementById("validacionCampoContratoComercialDeLaResolucion").style.display = "none";

            document.getElementById("validacionCampoEstadoDeLaResolucion").innerHTML = "";
            document.getElementById("campoEstadoDeLaResolucion").classList.remove('input-success-icon');
            document.getElementById("campoEstadoDeLaResolucion").classList.remove('input-error-icon');
            document.getElementById("validacionCampoEstadoDeLaResolucion").style.display = "none";

            document.getElementById("contenedorNuevaJornada").style.display="none";
            document.getElementById("campoNuevaJornadaDeLaResolucion").value = "";
            document.getElementById("validacionCampoNuevaJornadaDeLaResolucion").innerHTML = "";
            document.getElementById("campoNuevaJornadaDeLaResolucion").setAttribute("class", "form-control");

            document.getElementById("campoNombreDelCargo").value = "";
            document.getElementById("validacionCampoNombreDelCargo").innerHTML = "";
            document.getElementById("campoNombreDelCargo").setAttribute("class", "form-control");

            document.getElementById("errorCargos").innerHTML="";
            document.getElementById("errorCargos").style.display="none";
        }

        function editarResolucion() {
            document.getElementById("botonDeEdicion").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            intentosDeGuardados++;

            let filas = document.getElementById('tabla-cargos').tBodies[0].querySelectorAll("tr");
            let listadoDeCargos = [];
            let hayError=false;
            filas.forEach(fila=> {
                if (fila.querySelector(".tabla-contador-cargos")) {
                    let nombreCargo = fila.querySelector(".tabla-nombre-cargo-cargos").innerHTML.trim();
                    let codigoUnico = fila.querySelector(".tabla-codigo-unico-cargos").innerHTML.trim();
                    let error = fila.querySelector(".tabla-hay-error-cargos").innerHTML.trim();
                    let estado = fila.querySelector(".tabla-estado-cargos").innerHTML.trim();
                    let enBaseDeDatos = fila.querySelector(".tabla-en-base-datos-cargos").innerHTML.trim();
                    let tieneAsociaciones = fila.querySelector(".tabla-tiene-asociones-cargos").innerHTML.trim();

                    /*if(error=="Si"){
                        hayError=true;
                    }*/

                    let cargo= {
                        cargo: nombreCargo,
                        codigoUnico:codigoUnico,
                        estado:estado,
                        enBaseDeDatos:enBaseDeDatos,
                        tieneAsociaciones:tieneAsociaciones
                    };
                    listadoDeCargos.push(cargo);
                }
            });

            if(listadoDeCargos.length>0){
                listadoDeCargos = JSON.stringify(listadoDeCargos);
            }else{
                listadoDeCargos = "";
            }

            if(hayError==true){
                validarCamposDelFormularioDeResolucionesPorJavascript();
                Swal.fire({
                    icon: 'error',
                    title: '¡Cargos Repetidos!',
                    text: 'No se puede editar la resolución excepcional debido a la presencia de cargos duplicados en resoluciones excepcionales que comparten la misma jornada y horario que la resolución que se intenta editar',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
                document.getElementById("botonDeEdicion").removeAttribute("disabled");
                eliminarLoading()
            }else{
                let formData = new FormData();
                formData.append('_method', "PUT");
                formData.append('resolucion', document.getElementById("campoNumeroDeLaResolucion").value.trim());
                formData.append('tipo', document.getElementById("campoTipoDeResolucion").value.trim());
                formData.append('mandante', document.getElementById("campoMandanteDeLaResolucion").value.trim());
                formData.append('id_jornada', document.getElementById("campoJornadaDeLaResolucion").value.trim());
                formData.append('nueva_jornada', document.getElementById("campoNuevaJornadaDeLaResolucion").value.trim());
                formData.append('horario', document.getElementById("campoHorarioDeLaResolucion").value.trim());
                formData.append('fecha_vencimiento', document.getElementById("campoFechaVencimientoDeLaResolucion").value.trim());
                formData.append('id_contrato_comercial', document.getElementById("campoContratoComercialDeLaResolucion").value.trim());
                formData.append('estado', document.getElementById("campoEstadoDeLaResolucion").value.trim());
                formData.append('listado_cargos', listadoDeCargos);
                let csrf = '{{ csrf_token() }}';
    
                $.ajax({
                    url: '{{ route('resolucion.update-excepcional',$resolucion) }}',
                    method: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        if(data.hay_errores==true){
                            filas.forEach(fila=> {
                                if (fila.querySelector(".tabla-contador-cargos")) {
                                    let nombreCargo = fila.querySelector(".tabla-nombre-cargo-cargos").innerHTML.trim();
                                    let codigoUnico = fila.querySelector(".tabla-codigo-unico-cargos").innerHTML.trim();
                
                                    data.listado_errores.forEach(error=> {
                                        if(codigoUnico==error.codigo_unico){
                                            if(error.hay_cargos_repetidos==true){
                                                fila.querySelector(".tabla-hay-error-cargos").innerHTML="Si";
                                                fila.querySelector(".tabla-observacion-cargos").innerHTML="<span class='recurso-error-rojo'>"+error.observacion+"</span>"
                                            }else{
                                                fila.querySelector(".tabla-hay-error-cargos").innerHTML="No";
                                                fila.querySelector(".tabla-observacion-cargos").innerHTML="<span class='recurso-error-verde'>"+error.observacion+"</span>"
                                            }
                                        }
                                    });
                                }
                            });

                            Swal.fire({
                                icon: 'error',
                                title: '¡Cargos Repetidos!',
                                text: 'No se puede editar la resolución excepcional debido a la presencia de cargos duplicados en resoluciones excepcionales que comparten la misma jornada y horario que la resolución que se intenta editar',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            })

                            document.getElementById("botonDeEdicion").removeAttribute("disabled");
                            eliminarLoading()
                        }else{
                            limpiarCamposDelFormularioDeResoluciones();
                            if(data.jornada!=null){
                                $('#campoJornadaDeLaResolucion').find('option:last').remove();
                                $('#campoJornadaDeLaResolucion').append('<option value="'+data.jornada.id+'">'+data.jornada.jornada+'</option>');
                                $('#campoJornadaDeLaResolucion').append('<option value="nueva jornada">Nueva Jornada</option');
                                $("#campoJornadaDeLaResolucion").selectpicker("refresh");
                                $('#campoJornadaDeLaResolucion').selectpicker('val', data.jornada.id);
                            }
    
                            Swal.fire({
                                icon: 'success',
                                title: '¡Resolución Editada!',
                                text: 'La resolución ' + data.resolucion.resolucion + ' se edito con éxito',
                                confirmButtonColor: "#448aff",
                                confirmButtonText: "Confirmar"
                            })
                        
                            document.getElementById("botonDeEdicion").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    },
                    error: function(data) {
                        console.log(data)
                        validarCamposDelFormularioDeResoluciones(data)
                        Swal.fire({
                            icon: 'error',
                            title: '¡Errores en el Formulario!',
                            text: 'Revise los campos del formulario. Hay campos incompletos o que no cumple con los requisitos establecidos. Asegurase de completar todos los campos obligatorios y de corregir cualquier error señalado.',
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                        document.getElementById("botonDeEdicion").removeAttribute("disabled");
                        eliminarLoading()
                    }
                })
            }
        }
    </script>
@stop