@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Solicitud Pronto Pago')

@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 card-tabs">
                    @if ($prontoPago->estado == 'Pendiente')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-secondary">
                                {{ $prontoPago->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($prontoPago->estado == 'Aprobado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-success" >
                                {{ $prontoPago->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($prontoPago->estado == 'Rechazado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-danger">
                                {{ $prontoPago->estado }}
                            </div>
                        </div>
                    @endif

                    @if ($prontoPago->estado == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info">
                                {{ $prontoPago->estado }}
                            </div>
                        </div>
                    @endif

                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Pronto De Pago Logistica</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Datos Bancarios</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Adjuntos</a>
                            </li>
                        </ul>
                    </div>

                    <form method="POST" action="{{ route('pronto-pago.store-solicitud-logistica') }}" id="formularioDeSolicitudProntoPago" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">

                                    @isset($prontoPago->descripcion)
                                        <div class="form-group">
                                            <label for="descripcion">Descripción</label>
                                            <textarea class="form-control" id="descripcion" name="descripcion" rows="3" readonly="true">{{ $prontoPago->descripcion }}</textarea>
                                        </div>
                                    @endisset

                                    <div class="form-group">
                                        <label for="campoTipoSolicitud">Tipo De Solicitud</label>
                                        <input type="text" class="form-control" id="campoTipoSolicitud" name="tipo_solicitud" readonly="true" value="{{ old('tipo_solicitud', $prontoPago->tipo_solicitud) }}">
                                    </div>

                                    @isset($prontoPago->descripcion_tipo_solicitud)
                                        <div class="form-group">
                                            <label for="descripcionTipoSolicitud">Descripción Tipo De Solicitud</label>
                                            <textarea class="form-control" id="descripcionTipoSolicitud" name="descripcion_tipo_solicitud" rows="3" readonly="true">{{ $prontoPago->descripcion_tipo_solicitud }}</textarea>
                                        </div>
                                    @endisset

                                    @isset($prontoPago->id_proveedor)
                                        <div class="form-group">
                                            <label for="campoProveedor">Proveedor (Razon Social)</label>
                                            <input type="text" class="form-control" id="campoProveedor" name="id_proveedor" readonly="true" value="{{ old('id_proveedor', $prontoPago->proveedor) }}">
                                        </div>
                                    @endisset

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="campoTipoDocumento">Tipo De Documento</label>
                                            <input type="text" class="form-control" id="campoTipoDocumento" name="tipo_documento" readonly="true" value="{{ old('tipo_documento', $prontoPago->tipo_documento) }}">
                                        </div>

                                        <div class="form-group">
                                            <label for="numeroDocumento">Numero Documento</label>
                                            <input type="text" class="form-control" id="numeroDocumento" name="numero_documento" readonly="true" value="{{ old('numero_documento', $prontoPago->numero_documento) }}">
                                        </div>
                                    </div>

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label for="campoFormaDePago">Forma De Pago</label>
                                            <input type="text" class="form-control" id="campoFormaDePago" name="forma_pago" readonly="true" value="{{ old('forma_pago', $prontoPago->forma_pago) }}">
                                        </div>

                                        @if ($prontoPago->reembolsable == true)
                                            <div class="form-group">
                                                <label for="campoReembolsable">Reembolsable</label>
                                                <input type="text" class="form-control" id="campoReembolsable" name="reembolsable" readonly="true" value="{{ old('reembolsable', 'Si') }}">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label for="campoReembolsable">Reembolsable</label>
                                                <input type="text" class="form-control" id="campoReembolsable" name="reembolsable" readonly="true" value="{{ old('reembolsable', 'No') }}">
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label for="idCentroCosto">Centro De Costo</label>
                                            <input type="text" class="form-control" id="idCentroCosto" name="id_centro_costo" readonly="true" value="{{ old('id_centro_costo', $prontoPago->centroCosto->centro_costo) }}">
                                        </div>

                                        <div class="form-group">
                                            <label for="montoNetoTexto">Monto Neto</label>
                                            <input type="text" class="form-control" id="montoNetoTexto" name="monto_neto_texto" readonly="true" value="{{ old('monto_neto_texto', $prontoPago->monto_neto_texto) }}">
                                        </div>

                                        <div class="form-group">
                                            <label for="rutSolicitante">Rut Solicitante</label>
                                            <input type="text" class="form-control" id="rutSolicitante" name="rut_solicitante" readonly="true" value="{{ old('rut_solicitante', $prontoPago->solicitante->rut) }}">
                                        </div>

                                        <div class="form-group">
                                            <label for="nombreSolicitante">Nombre Solicitante</label>
                                            <input type="text" class="form-control" id="nombreSolicitante" name="nombre_solicitante" readonly="true" value="{{ old('nombre_solicitante', $prontoPago->solicitante->name) }}">
                                        </div>

                                        @isset($prontoPago->id_aprobador)
                                            <div class="form-group">
                                                <label for="rutAprobador">Rut Autorizador</label>
                                                <input type="text" class="form-control" id="rutAprobador" name="rut_aprobador" readonly="true" value="{{ old('rut_aprobador', $prontoPago->aprovador->rut) }}">
                                            </div>

                                            <div class="form-group">
                                                <label for="nombreAprobador">Nombre Autorizador</label>
                                                <input type="text" class="form-control" id="nombreAprobador" name="nombre_aprobador" readonly="true" value="{{ old('nombre_aprobador', $prontoPago->aprovador->name) }}">
                                            </div>
                                        @endisset
                                    </div>

                                    @if ($prontoPago->estado == 'Rechazado')
                                        <div class="form-group">
                                            <label>Motivo Del Rechazo</label>
                                            <textarea class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $prontoPago->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                    @if ($prontoPago->estado == 'Anulada')
                                        <div class="form-group">
                                            <label>Motivo De La Anulación</label>
                                            <textarea class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $prontoPago->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-tabs-one-profile-tab">
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        @foreach ($prontoPago->datosBancarios as $datoBancario)
                                            <div class="form-group">
                                                <label for="idBanco">Banco </label>
                                                <input type="text" class="form-control" id="idBanco" name="id_banco" value="{{ old('id_banco', $datoBancario->banco->banco) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label for="tipoCuentaBancaria">Tipo De Cuenta </label>
                                                <input type="text" class="form-control" id="tipoCuentaBancaria" name="tipo_cuenta_bancaria" value="{{ old('tipo_cuenta_bancaria', $datoBancario->tipo_cuenta_bancaria) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label>Numero De Cuenta </label>
                                                <input type="text" class="form-control" id="numeroCuentaBancaria" name="numero_cuenta_bancaria" value="{{ old('numero_cuenta_bancaria', $datoBancario->numero_cuenta_bancaria) }}" readonly="true">
                                            </div>

                                            <div class="form-group">
                                                <label>Rut Cuenta Bancaria</label>
                                                <input type="text" class="form-control" name="rut_cuenta_bancaria" value="{{ old('rut_cuenta_bancaria', $datoBancario->rut_cuenta_bancaria) }}" id="rut2" readonly="true">
                                            </div>
                                        @endforeach
                                    </div>

                                    <button type="button" class="btn btn-primary" id="botonDeAgregarDatosBancarios" style="display:none;" onclick="abrirModalSeleccionarDatosBancariosPreoveedor()"><i class="fas fa-money-check-alt" style="margin-right: 2px;"></i> Seleccionar Datos Bancarios </button>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    <div id="contenerdorDeArchivoEnFormaDeTabla">
                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                                <thead>
                                                    <tr role="row">
                                                        <th>Acción</th>
                                                        <th>Archivo</th>
                                                        <th>Tipo</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($prontoPago->archivosDelProntoPago as $archivo)
                                                        <tr role="row" class="odd">
                                                            <td>
                                                                <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">
                                                                        <a class="dropdown-item" href="#" onclick="visualizarArchivoRegistrado('{{ $archivo->nombre_Archivo }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension)) }}','{{ $archivo->id_pronto_pago }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                        <a class="dropdown-item" href="{{ route('orden-de-compra.descargar-archivo', $archivo) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>{{ $archivo->nombre_Archivo }}</td>
                                                            <td>{{ retornaTextoExtensionSegunExtensionDelArchivo($archivo->extension) }}</td>
                                                        </tr>
                                                    @endforeach

                                                    @if (count($prontoPago->archivosDelProntoPago) == 0)
                                                        <tr>
                                                            <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                        </tr>
                                                    @endif
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @if ($prontoPago->origen == 'Logistica')
                                @if (Gate::check('pronto-pago.aprobar-solicitud-logistica'))
                                    @if ($prontoPago->estado == 'Pendiente')
                                        <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="cambiarEstadoDeLaSolicitudProntoDePagoHaAprobado()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Orden De Compra</button>
                                        <button type="button" class="btn btn-danger mt-1" id="botonRechazado" data-toggle="modal" data-target="#RechazoDeFormulario"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Orden De Compra</button>
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeFormulario"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Orden De Compra</button>
                                    @endif
                                @endif
                            @endif

                            @if ($prontoPago->origen == 'RRLL')
                                @if (Gate::check('pronto-pago.aprobar-solicitud-relaciones-laborales'))
                                    @if ($prontoPago->estado == 'Pendiente')
                                        <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="cambiarEstadoDeLaSolicitudProntoDePagoHaAprobado()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Orden De Compra</button>
                                        <button type="button" class="btn btn-danger mt-1" id="botonRechazado" data-toggle="modal" data-target="#RechazoDeFormulario"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Orden De Compra</button>
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeFormulario"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Orden De Compra</button>
                                    @endif
                                @endif
                            @endif
                            <a href="{{ route('pronto-pago.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>

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

    <div class="modal fade" id="RechazoDeFormulario" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioRechazoProntoPago">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Rechazar Solicitud Pronto De Pago</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo Del Rechazo</label>
                            <textarea class="form-control" id="idObservacionRechazo" name="observacionRechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionRechazo">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" onclick="cambiarEstadoDeLaSolicitudProntoDePagoHaRechazado()">Rechazar Pronto De Pago</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="AnularDeFormulario" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form id="formularioAnularProntoPago">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Anular Solicitud Pronto De Pago</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo De La Anulación</label>
                            <textarea class="form-control" id="idObservacionAnular" name="observacionAnular" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionAnular">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-primary" onclick="cambiarEstadoDeLaSolicitudProntoDePagoHaAnulado()">Anular Pronto De Pago</button>
                    </div>
                </div>
            </div>
        </form>
    </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>
        .hide_column {
            display: none;
        }

        .kv-file-upload {
            display: none;
        }

        .contenedorParaVisualizarImagenDelArchivo {
            background-color: rgba(0, 0, 0, .8);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10000;
            display: grid;
            grid-template-rows: 10vh 90vh;
            color: white;

        }

        .contenedorVolver {
            padding-left: 10px;
            padding-right: 10px;
            display: grid;
            grid-template-columns: 90% 10%;
        }

        .contenedorDeImagenes {
            display: grid;
            grid-template-columns: 100%;
        }

        .tamanoImagen {
            max-width: 80%;
        }

        .tamanoIframe {
            width: 80%;
            height: 700px;
        }

        .tamanoIframeTxt {
            width: 80%;
            height: 700px;
            background-color: white;
            "

        }
    </style>
@stop

@section('js')
    <script src="{{ asset('js/funcionalidades-genericas.js') }}"></script>

    <script>
        function visualizarArchivoRegistrado(archivo, tipo, idRq) {
            var body = document.getElementsByTagName("body")[0];
            var html = document.getElementsByTagName("html")[0];
            var contenedor = document.createElement("div");
            var contenerdorVolver = document.createElement("div");
            var contenerdorDeImagenes = document.createElement("div");

            var rutaUrl = 'storage/pronto-pago/' + idRq + '/' + archivo;
            var url = '{{ asset('') }}';
            url = url + rutaUrl;

            if (tipo == "imagen") {
                var elementoImagen = document.createElement("img");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoImagen");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "pdf") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoIframe");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center;");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

            if (tipo == "archivo de texto") {
                var elementoImagen = document.createElement("iframe");
                var contenerdorImg = document.createElement("div");

                elementoImagen.setAttribute("src", url);
                elementoImagen.setAttribute("class", "tamanoIframeTxt");
                elementoImagen.setAttribute("id", "imagenDelArchivo");
                contenerdorImg.setAttribute("style", "text-align: center; ");

                contenedor.setAttribute("class", "contenedorParaVisualizarImagenDelArchivo");
                contenedor.setAttribute("id", "contenedorParaVisualizarImagenDelArchivo");
                contenerdorVolver.setAttribute("class", "contenedorVolver");
                contenerdorDeImagenes.setAttribute("class", "contenedorDeImagenes");

                contenerdorVolver.innerHTML =
                    "<div></div>" +
                    '<div style="display: flex; justify-content: center; align-items: center; "><button onClick="cerrarVisualizarDeArchivo()" type="button" style=" border: 0;padding: 0px; background-color: transparent;  margin: 0; color:white; cursor:pointer;"><i class="fas fa-times"></i></button></div>';

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

                contenedor.appendChild(contenerdorVolver);
                contenedor.appendChild(contenerdorDeImagenes);
                body.appendChild(contenedor);

                var tamanoLetraVolver = Math.round(contenerdorVolver.offsetHeight * 0.8);
                contenerdorVolver.style.fontSize = tamanoLetraVolver + "px";
                contenerdorDeImagenes.style.fontSize = tamanoLetraVolver + "px";

                setTimeout(function() {
                    if (elementoImagen.offsetHeight > html.offsetHeight) {
                        var alturaDePantalla = elementoImagen.offsetHeight + contenerdorVolver.offsetHeight + 50;
                        contenedor.style.height = alturaDePantalla + "px";
                    } else {
                        contenedor.style.height = html.offsetHeight + "px";
                    }
                }, 100);
            }

        }

        function cerrarVisualizarDeArchivo() {
            var contenedor = document.getElementById("contenedorParaVisualizarImagenDelArchivo");
            var body = document.getElementsByTagName("body")[0];
            body.removeChild(contenedor);
        }

        function limpiarCampoMotivoRechazo() {
            document.getElementById("idObservacionRechazo").value = "";
        }
    </script>

    <script>
        function cambiarEstadoDeLaSolicitudProntoDePagoHaAprobado() {
            document.getElementById("botonAprobado").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de pronto de pago cambiará su estado ha aprobado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, aprobar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    var csrf = '{{ csrf_token() }}';
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('pronto-pago.aprobar', $prontoPago) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Aprobado!',
                                    text: 'La solicitud de pronto de pago cambio de estado ha aprobado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    location.reload();
                                })
                                .catch((error) => {
                                    location.reload();
                                });
                        },
                        error: function(data) {
                            document.getElementById("botonAprobado").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                } else {
                    document.getElementById("botonAprobado").removeAttribute("disabled");
                }
            })
        }

        function cambiarEstadoDeLaSolicitudProntoDePagoHaRechazado() {
            document.getElementById("botonRechazado").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de pronto de pago cambiará su estado ha rechazada",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, rechazar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("idObservacionRechazo").value.trim().length > 0) {
                        var datosFormulario = $("#formularioRechazoProntoPago").serialize();
                        var csrf = '{{ csrf_token() }}';
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('pronto-pago.rechazar', $prontoPago) }}',
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Rechazada!',
                                        text: 'La solicitud de pronto de pago cambio de estado ha rechazada',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    });
                            },
                            error: function(data) {
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonRechazado").removeAttribute("disabled");
                        document.getElementById("idObservacionRechazo").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionRechazo").innerHTML = "El campo motivo de rechazo es obligatorio para cambiar el estado ha rechazado.";
                        eliminarLoading()
                    }
                } else {
                    document.getElementById("botonRechazado").removeAttribute("disabled");
                }
            })
        }

        function cambiarEstadoDeLaSolicitudProntoDePagoHaAnulado() {
            document.getElementById("botonAnulacion").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La solicitud de pronto de pago cambiará su estado ha anulado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, anular!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("idObservacionAnular").value.trim().length > 0) {
                        var datosFormulario = $("#formularioAnularProntoPago").serialize();
                        var csrf = '{{ csrf_token() }}';
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('pronto-pago.anular', $prontoPago) }}',
                            data: datosFormulario,
                            headers: {
                                'X-CSRF-TOKEN': csrf
                            },
                            success: function(data) {
                                eliminarLoading()
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Anulado!',
                                        text: 'La solicitud de pronto de pago cambio de estado ha anulado',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.reload();
                                    })
                                    .catch((error) => {
                                        location.reload();
                                    })
                            },
                            error: function(data) {
                                document.getElementById("botonAnulacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonAnulacion").removeAttribute("disabled");
                        document.getElementById("idObservacionAnular").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionAnular").innerHTML = "El campo motivo de la anulación es obligatorio para cambiar el estado ha anulado.";
                        eliminarLoading()
                    }
                } else {
                    document.getElementById("botonAnulacion").removeAttribute("disabled");
                }
            })
        }
    </script>
@stop