@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Requisición')

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

    </div>
@stop

@php
    $cantidadTotalDeRecepcionNoConforme = 0;
@endphp

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

                <div class="card card-aspen card-tabs">

                    @if ($requisicion->estado_1 == 'Pendiente')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-secondary" id="estadoDeLaRequisicion">
                                {{ $requisicion->estado_1 }}
                            </div>
                        </div>
                    @endif

                    @if ($requisicion->estado_1 == 'Aprobado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-success" id="estadoDeLaRequisicion">
                                {{ $requisicion->estado_1 }}
                            </div>
                        </div>
                    @endif

                    @if ($requisicion->estado_1 == 'Rechazado')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-danger" id="estadoDeLaRequisicion">
                                {{ $requisicion->estado_1 }}
                            </div>
                        </div>
                    @endif

                    @if ($requisicion->estado_1 == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info" id="estadoDeLaRequisicion">
                                {{ $requisicion->estado_1 }}
                            </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 onclick="cambiarTabActual('custom-tabs-one-home-tab')" 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">Requisición</a>
                            </li>
                            <li class="nav-item">
                                <a onclick="cambiarTabActual('custom-tabs-one-profile-tab')" 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">Artículos</a>
                            </li>
                            <li class="nav-item">
                                <a onclick="cambiarTabActual('custom-tabs-one-messages-tab')" 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 id="formularioDeRequisicion" 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">

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Nº Requisición</label>
                                            <div class="input-group">
                                                <input value="{{ $requisicion->numero_rq }}" type="text" class="form-control" name="numero_rq" id="numeroRq" readonly="true">
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoNumeroRq">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Solicitud</label>
                                            <input type="date" class="form-control" name="fecha_solicitud" id="fechaSolicitud" value="{{ fechaConFormatoDeUSA($requisicion->fecha_solicitud) }}" readonly="true">
                                            <div class="invalid-feedback" id="valicacionCampofechaSolicitud">

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

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Centro costo</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="campoCentroCosto" readonly="true" value="{{ $requisicion->centroCosto->centro_costo }}">
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoCentroCosto">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Proyecto</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" name="proyecto" id="proyecto" readonly="true" value="{{ $requisicion->centroCosto->nombre }}">
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoProyecto">

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

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Solicitante</label>
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="usuarioSolicitante" readonly="true" value="{{ $requisicion->usuarioSolicitante->name }}">
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoUsuarioSolicitante">

                                            </div>
                                        </div>

                                        <div class="form-group">
                                            @if ($requisicion->estado_1 == 'Pendiente')
                                                <label>Autorizado Por</label>
                                            @else
                                                @if ($requisicion->estado_1 == 'Aprobado')
                                                    <label>Aprobada Por</label>
                                                @else
                                                    @if ($requisicion->estado_1 == 'Rechazado')
                                                        <label>Rechazada Por</label>
                                                    @else
                                                        @if ($requisicion->estado_1 == 'Anulada')
                                                            <label>Anulada Por</label>
                                                        @else
                                                            <label>Autorizado Por</label>
                                                        @endif
                                                    @endif
                                                @endif
                                            @endif
                                            <div class="input-group">
                                                <input type="text" class="form-control" id="autorizador" readonly="true" @isset($requisicion->autorizador) value="{{ $requisicion->autorizador->name }}" @endisset>
                                            </div>
                                            <div class="invalid-feedback" id="valicacionCampoAutorizador">

                                            </div>
                                        </div>

                                        @if (Gate::check('requisicion.asignar-personal') || Gate::check('requisicion.generar-oc'))
                                            <div class="form-group">
                                                <label>Responsable </label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" id="usuarioAsignadoVisualizado" readonly="true" @isset($requisicion->usuarioAsignado) value="{{ $requisicion->usuarioAsignado->name }}" @endisset>
                                                </div>
                                                <div class="invalid-feedback" id="valicacionCampoUsuarioAsignadoVisualizado">

                                                </div>
                                            </div>
                                        @endif
                                    </div>

                                    @isset($requisicion->observacion)
                                        <div class="form-group">
                                            <label for="observacion">Observación <span style="font-weight: 700; font-size:11px;">(Opcional)</span></label>
                                            <textarea class="form-control" id="observacion" name="observacion" rows="3" readonly="true">{{ $requisicion->observacion }}</textarea>
                                            <div class="invalid-feedback" id="valicacionCampoObservacion">

                                            </div>
                                        </div>
                                    @endisset

                                    @if ($requisicion->estado_1 == 'Rechazado')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#dc3545">Motivo Del Rechazo</label>
                                            <textarea class="form-control" rows="3" id="motivoRechazoTextArea" style="background-color:#E8C3C6;" readonly="true">{{ $requisicion->observacion_estado }}</textarea>
                                        </div>
                                    @endif

                                    @if ($requisicion->estado_1 == 'Anulada')
                                        <div class="form-group" id="ContenedorMotivoAnulacion">
                                            <label style="color:#17a2b8">Motivo De La Anulación</label>
                                            <textarea class="form-control" rows="3" id="motivoAnulacionTextArea" style="background-color:#ACF3FE;" readonly="true">{{ $requisicion->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="dt-responsive table-responsive">
                                        @php
                                            $totalTotalReferenciado = 0;
                                        @endphp
                                        <table id="tablaConExportacionConFiltrado" class="table table-bordered nowrap" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado')
                                                        @if ($requisicion->Fase_modulo_logistica == 'Incompleto')
                                                            @if ($requisicion->estado_1 == 'Aprobado' || $requisicion->estado_1 == 'Anulada')
                                                                <th colspan="13" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @else
                                                                <th colspan="12" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @endif
                                                        @else
                                                            @if ($requisicion->estado_1 == 'Aprobado' || $requisicion->estado_1 == 'Anulada')
                                                                <th colspan="13" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @else
                                                                <th colspan="12" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @endif
                                                        @endif
                                                    @else
                                                        @if ($requisicion->Fase_modulo_logistica == 'Incompleto')
                                                            @if ($requisicion->estado_1 == 'Aprobado' || $requisicion->estado_1 == 'Anulada')
                                                                <th colspan="12" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @else
                                                                <th colspan="11" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @endif
                                                        @else
                                                            @if ($requisicion->estado_1 == 'Aprobado' || $requisicion->estado_1 == 'Anulada')
                                                                <th colspan="12" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @else
                                                                <th colspan="11" style="text-align: center;">Datos De Los articulos De La Requisición</th>
                                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                                            @endif
                                                        @endif
                                                    @endif
                                                </tr>
                                                <tr role="row">
                                                    <th style="display:none;">Id Articulo</th>
                                                    <th>#</th>
                                                    <th style="display:none;">Id Orden De Compra</th>
                                                    @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado')
                                                        <th>
                                                            <div class="form-group">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input class="custom-control-input" type="checkbox" id="seleccionarTodasLosItem" onclick="selecionarTodasLosItems(this)">
                                                                    <label for="seleccionarTodasLosItem" class="custom-control-label">Seleccion Para Oc</label>
                                                                </div>
                                                            </div>
                                                        </th>
                                                    @endif
                                                    <th>Acciones</th>
                                                    <th>Descripción Artículo</th>
                                                    <th>Cantidad</th>
                                                    <th>Costo Unitario Referenciado</th>
                                                    <th>Costo Total Referenciado</th>
                                                    <th>Reembolsable</th>
                                                    <th>Nº EP donde se cobrara</th>
                                                    <th>Trabajador</th>
                                                    @if ($requisicion->estado_1 == 'Aprobado' || $requisicion->estado_1 == 'Anulada')
                                                        <th>Estado Orden De Compra</th>
                                                    @endif
                                                    <th>Observación</th>
                                                    <th>Estado Final</th>
                                                    <th>Cantidad De Recepciones No Conformes </th>
                                                    <th>Fecha Entrada</th>
                                                    <th>Fecha Preparación Entrada</th>
                                                    <th>Fecha Salida</th>
                                                    <th>Fecha Recepción</th>
                                                    <th>Dias Atraso Entrada</th>
                                                    <th>Dias Atraso Preparación Entrada</th>
                                                    <th>Dias Atraso Salida</th>
                                                    <th>Dias Atraso Recepción</th>
                                                    <th>Avance Movimiento De Entrada</th>
                                                    <th>Avance Preparación Movimiento De Entrada</th>
                                                    <th>Avance Movimiento De Salida</th>
                                                    <th>Avance Recepción</th>
                                                    <th>Status Movimiento De Entrada</th>
                                                    <th>Status Preparación Movimiento De Entrada</th>
                                                    <th>Status Movimiento De Salida</th>
                                                    <th>Status Recepción</th>
                                                </tr>
                                            </thead>
                                            <tbody id="tablaBodyConExportacionConFiltrado">
                                                @php
                                                    $articulosSinOrdenDeCompra = false;
                                                    $hayArticuloEnBodega = false;
                                                @endphp
                                                @foreach ($articulosDeLaRequisiciones as $articulo)
                                                    @php
                                                        $cantidad++;
                                                        $totalReferenciado = $articulo->costo_unitario_referenciado * $articulo->cantidad;
                                                        $totalTotalReferenciado += $articulo->costo_unitario_referenciado * $articulo->cantidad;
                                                        $estadoOc = '';
                                                        $diasAtradoEntrada = '';
                                                        $diasAtradoPreparacion = '';
                                                        $diasAtradoSalida = '';
                                                        $diasAtradoRecepcion = '';
                                                        
                                                        if (isset($articulo->articuloOrdenDeCompra)) {
                                                            $estadoOc = 'Orden De Compra ' . $articulo->articuloOrdenDeCompra->ordenDeCompra->estado;
                                                            if (isset($articulo->dias_atraso_entrada)) {
                                                                $diasAtradoEntrada = $articulo->dias_atraso_entrada;
                                                            } else {
                                                                if (isset($requisicion->fecha_gestion)) {
                                                                    $start = generarFechaPorDateTime($requisicion->fecha_gestion);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoEntrada = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoEntrada = '';
                                                                }
                                                            }
                                                        
                                                            if (isset($articulo->dias_atraso_salida)) {
                                                                $diasAtradoSalida = $articulo->dias_atraso_salida;
                                                            } else {
                                                                if (isset($articulo->fecha_preparacion)) {
                                                                    $start = generarFechaPorDateTime($articulo->fecha_preparacion);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoSalida = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoSalida = '';
                                                                }
                                                            }
                                                        
                                                            if (isset($articulo->dias_atraso_preparacion)) {
                                                                $diasAtradoPreparacion = $articulo->dias_atraso_preparacion;
                                                            } else {
                                                                if (isset($articulo->fecha_entrada)) {
                                                                    $start = generarFechaPorDateTime($articulo->fecha_entrada);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoPreparacion = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoPreparacion = '';
                                                                }
                                                            }
                                                        
                                                            if (isset($articulo->dias_atraso_recepcion)) {
                                                                $diasAtradoRecepcion = $articulo->dias_atraso_recepcion;
                                                            } else {
                                                                if (isset($articulo->fecha_salida)) {
                                                                    $start = generarFechaPorDateTime($articulo->fecha_salida);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoRecepcion = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoRecepcion = '';
                                                                }
                                                            }
                                                        
                                                            $articuloDeLaOrdenDeCompra = $articulo->articuloOrdenDeCompra;
                                                            $tipoArticulo = $articulo->articuloOrdenDeCompra->articulo->tipo_articulo;
                                                            if ($tipoArticulo != 'Servicio') {
                                                                $entradasBodegas = $articuloDeLaOrdenDeCompra->entradasDeBodega;
                                                                $cantidaDeArticuloEnBodega = 0;
                                                                $cantidaDeArticuloQueNoEstaEnBodega = 0;
                                                                foreach ($entradasBodegas as $entrada) {
                                                                    if ($entrada->estado_salida != 'Anulada') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloEnBodega += $entrada->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloQueNoEstaEnBodega = $articuloDeLaOrdenDeCompra->cantidad - $cantidaDeArticuloEnBodega;
                                                                if ($cantidaDeArticuloQueNoEstaEnBodega > 0) {
                                                                    $cantidaDeArticuloQueNoEstaEnBodega = 0;
                                                                }
                                                                $porcentajeEntrada = $cantidaDeArticuloEnBodega / $articuloDeLaOrdenDeCompra->cantidad;
                                                                $porcentajeEntrada = $porcentajeEntrada * 100;
                                                                $barraDeProgresoGeneracionEntrada = '';
                                                                if ($articuloDeLaOrdenDeCompra->cantidad == $cantidaDeArticuloEnBodega) {
                                                                    $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeEntrada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloEnBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloEnBodega > 0) {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeEntrada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloEnBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeEntrada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloEnBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                        
                                                                $salidasBodegas = $articuloDeLaOrdenDeCompra->movimientosSalidas;
                                                                $cantidaDeArticuloFueraDeBodega = 0;
                                                                $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                foreach ($salidasBodegas as $salida) {
                                                                    if ($salida->estado != 'Anulada') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloFueraDeBodega += $salida->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloQueEstaEnBodega = $articuloDeLaOrdenDeCompra->cantidad - $cantidaDeArticuloFueraDeBodega;
                                                                if ($cantidaDeArticuloQueEstaEnBodega > 0) {
                                                                    $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                }
                                                                $porcentajeSalida = $cantidaDeArticuloFueraDeBodega / $articuloDeLaOrdenDeCompra->cantidad;
                                                                $porcentajeSalida = $porcentajeSalida * 100;
                                                                $barraDeProgresoGeneracionSalida = '';
                                                                if ($articuloDeLaOrdenDeCompra->cantidad == $cantidaDeArticuloFueraDeBodega) {
                                                                    $barraDeProgresoGeneracionSalida = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloFueraDeBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloFueraDeBodega > 0) {
                                                                        $barraDeProgresoGeneracionSalida = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloFueraDeBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionSalida = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloFueraDeBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                        
                                                                $salidasBodegas = $articuloDeLaOrdenDeCompra->movimientosSalidas;
                                                                $cantidaDeArticuloFueraDeBodega = 0;
                                                                $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                foreach ($salidasBodegas as $salida) {
                                                                    if ($salida->estado == 'Recepción conforme' || $salida->estado == 'Recepción no conforme') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloFueraDeBodega += $salida->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloQueEstaEnBodega = $articuloDeLaOrdenDeCompra->cantidad - $cantidaDeArticuloFueraDeBodega;
                                                                if ($cantidaDeArticuloQueEstaEnBodega > 0) {
                                                                    $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                }
                                                                $porcentajeSalida = $cantidaDeArticuloFueraDeBodega / $articuloDeLaOrdenDeCompra->cantidad;
                                                                $porcentajeSalida = $porcentajeSalida * 100;
                                                                $barraDeProgresoGeneracionSalidaRecepcion = '';
                                                                if ($articuloDeLaOrdenDeCompra->cantidad == $cantidaDeArticuloFueraDeBodega) {
                                                                    $barraDeProgresoGeneracionSalidaRecepcion = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloFueraDeBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloFueraDeBodega > 0) {
                                                                        $barraDeProgresoGeneracionSalidaRecepcion = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloFueraDeBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionSalidaRecepcion = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloFueraDeBodega . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                        
                                                                $entradasBodegas = $articuloDeLaOrdenDeCompra->entradasDeBodega;
                                                                $cantidaDeArticuloPreparada = 0;
                                                                $cantidaDeArticuloNoPreparada = 0;
                                                                foreach ($entradasBodegas as $entrada) {
                                                                    if ($entrada->estado_preparacion == 'Listo para entrega' || $entrada->estado_preparacion == 'Recepción conforme' || $entrada->estado_preparacion == 'Recepción no conforme') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloPreparada += $entrada->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloNoPreparada = $articuloDeLaOrdenDeCompra->cantidad - $cantidaDeArticuloPreparada;
                                                                if ($cantidaDeArticuloNoPreparada > 0) {
                                                                    $cantidaDeArticuloNoPreparada = 0;
                                                                }
                                                                $porcentajePreparada = $cantidaDeArticuloPreparada / $articuloDeLaOrdenDeCompra->cantidad;
                                                                $porcentajePreparada = $porcentajePreparada * 100;
                                                                $barraDeProgresoGeneracionPreparada = '';
                                                                if ($articuloDeLaOrdenDeCompra->cantidad == $cantidaDeArticuloPreparada) {
                                                                    $barraDeProgresoGeneracionPreparada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePreparada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloPreparada . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloPreparada > 0) {
                                                                        $barraDeProgresoGeneracionPreparada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePreparada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloPreparada . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionPreparada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePreparada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloPreparada . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                            } else {
                                                                $cierresServicios = $articuloDeLaOrdenDeCompra->cierresDeServicios;
                                                                $cantidaDeServicioCerrado = 0;
                                                                $cantidaDeServicioNoCerrado = 0;
                                                                foreach ($cierresServicios as $cierre) {
                                                                    if ($cierre->estado != 'Anulada') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeServicioCerrado += $cierre->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeServicioNoCerrado = $articuloDeLaOrdenDeCompra->cantidad - $cantidaDeServicioCerrado;
                                                                if ($cantidaDeServicioNoCerrado > 0) {
                                                                    $cantidaDeServicioNoCerrado = 0;
                                                                }
                                                                $porcentajeCerrado = $cantidaDeServicioCerrado / $articuloDeLaOrdenDeCompra->cantidad;
                                                                $porcentajeCerrado = $porcentajeCerrado * 100;
                                                                $barraDeProgresoGeneracionEntrada = '';
                                                                $barraDeProgresoGeneracionSalida = '';
                                                                if ($articuloDeLaOrdenDeCompra->cantidad == $cantidaDeServicioCerrado) {
                                                                    $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeCerrado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeServicioCerrado . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeServicioCerrado > 0) {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeCerrado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeServicioCerrado . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeCerrado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeServicioCerrado . '/' . $articuloDeLaOrdenDeCompra->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                                $barraDeProgresoGeneracionSalida = $barraDeProgresoGeneracionEntrada;
                                                                $barraDeProgresoGeneracionSalidaRecepcion = $barraDeProgresoGeneracionEntrada;
                                                                $barraDeProgresoGeneracionPreparada = $barraDeProgresoGeneracionEntrada;
                                                            }
                                                        } else {
                                                            $estadoOc = 'Sin Orden De Compra';
                                                            $articulosSinOrdenDeCompra = true;
                                                        
                                                            if (isset($articulo->dias_atraso_entrada)) {
                                                                $diasAtradoEntrada = $articulo->dias_atraso_entrada;
                                                            } else {
                                                                if (isset($requisicion->fecha_gestion)) {
                                                                    $start = generarFechaPorDateTime($requisicion->fecha_gestion);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoEntrada = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoEntrada = '';
                                                                }
                                                            }
                                                        
                                                            if (isset($articulo->dias_atraso_salida)) {
                                                                $diasAtradoSalida = $articulo->dias_atraso_salida;
                                                            } else {
                                                                if (isset($articulo->fecha_preparacion)) {
                                                                    $start = generarFechaPorDateTime($articulo->fecha_preparacion);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoSalida = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoSalida = '';
                                                                }
                                                            }
                                                        
                                                            if (isset($articulo->dias_atraso_preparacion)) {
                                                                $diasAtradoPreparacion = $articulo->dias_atraso_preparacion;
                                                            } else {
                                                                if (isset($articulo->fecha_entrada)) {
                                                                    $start = generarFechaPorDateTime($articulo->fecha_entrada);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoPreparacion = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoPreparacion = '';
                                                                }
                                                            }
                                                        
                                                            if (isset($articulo->dias_atraso_recepcion)) {
                                                                $diasAtradoRecepcion = $articulo->dias_atraso_recepcion;
                                                            } else {
                                                                if (isset($articulo->fecha_salida)) {
                                                                    $start = generarFechaPorDateTime($articulo->fecha_salida);
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoRecepcion = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoRecepcion = '';
                                                                }
                                                            }
                                                        
                                                            $barraDeProgresoGeneracionEntrada = '';
                                                            $barraDeProgresoGeneracionPreparada = '';
                                                            $barraDeProgresoGeneracionSalida = '';
                                                            $barraDeProgresoGeneracionSalidaRecepcion = '';
                                                        
                                                            if (count($articulo->movimientosEntradas) > 0) {
                                                                $entradasBodegas = $articulo->movimientosEntradas;
                                                                $cantidaDeArticuloEnBodega = 0;
                                                                $cantidaDeArticuloQueNoEstaEnBodega = 0;
                                                                foreach ($entradasBodegas as $entrada) {
                                                                    if ($entrada->estado_salida != 'Anulada') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloEnBodega += $entrada->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloQueNoEstaEnBodega = $articulo->cantidad - $cantidaDeArticuloEnBodega;
                                                                if ($cantidaDeArticuloQueNoEstaEnBodega > 0) {
                                                                    $cantidaDeArticuloQueNoEstaEnBodega = 0;
                                                                }
                                                                $porcentajeEntrada = $cantidaDeArticuloEnBodega / $articulo->cantidad;
                                                                $porcentajeEntrada = $porcentajeEntrada * 100;
                                                                $barraDeProgresoGeneracionEntrada = '';
                                                                if ($articulo->cantidad == $cantidaDeArticuloEnBodega) {
                                                                    $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeEntrada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloEnBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloEnBodega > 0) {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeEntrada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloEnBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeEntrada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloEnBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                        
                                                                $salidasBodegas = $articulo->movimientosSalidas;
                                                                $cantidaDeArticuloFueraDeBodega = 0;
                                                                $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                foreach ($salidasBodegas as $salida) {
                                                                    if ($salida->estado != 'Anulada') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloFueraDeBodega += $salida->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloQueEstaEnBodega = $articulo->cantidad - $cantidaDeArticuloFueraDeBodega;
                                                                if ($cantidaDeArticuloQueEstaEnBodega > 0) {
                                                                    $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                }
                                                                $porcentajeSalida = $cantidaDeArticuloFueraDeBodega / $articulo->cantidad;
                                                                $porcentajeSalida = $porcentajeSalida * 100;
                                                                $barraDeProgresoGeneracionSalida = '';
                                                                if ($articulo->cantidad == $cantidaDeArticuloFueraDeBodega) {
                                                                    $barraDeProgresoGeneracionSalida = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloFueraDeBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloFueraDeBodega > 0) {
                                                                        $barraDeProgresoGeneracionSalida = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloFueraDeBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionSalida = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloFueraDeBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                        
                                                                $salidasBodegas = $articulo->movimientosSalidas;
                                                                $cantidaDeArticuloFueraDeBodega = 0;
                                                                $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                foreach ($salidasBodegas as $salida) {
                                                                    if ($salida->estado == 'Recepción conforme' || $salida->estado == 'Recepción no conforme') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloFueraDeBodega += $salida->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloQueEstaEnBodega = $articulo->cantidad - $cantidaDeArticuloFueraDeBodega;
                                                                if ($cantidaDeArticuloQueEstaEnBodega > 0) {
                                                                    $cantidaDeArticuloQueEstaEnBodega = 0;
                                                                }
                                                                $porcentajeSalida = $cantidaDeArticuloFueraDeBodega / $articulo->cantidad;
                                                                $porcentajeSalida = $porcentajeSalida * 100;
                                                                $barraDeProgresoGeneracionSalidaRecepcion = '';
                                                                if ($articulo->cantidad == $cantidaDeArticuloFueraDeBodega) {
                                                                    $barraDeProgresoGeneracionSalidaRecepcion = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloFueraDeBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloFueraDeBodega > 0) {
                                                                        $barraDeProgresoGeneracionSalidaRecepcion = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloFueraDeBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionSalidaRecepcion = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeSalida . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloFueraDeBodega . '/' . $articulo->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                        
                                                                $entradasBodegas = $articulo->movimientosEntradas;
                                                                $cantidaDeArticuloPreparada = 0;
                                                                $cantidaDeArticuloNoPreparada = 0;
                                                                foreach ($entradasBodegas as $entrada) {
                                                                    if ($entrada->estado_preparacion == 'Listo para entrega' || $entrada->estado_preparacion == 'Recepción conforme' || $entrada->estado_preparacion == 'Recepción no conforme') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeArticuloPreparada += $entrada->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeArticuloNoPreparada = $articulo->cantidad - $cantidaDeArticuloPreparada;
                                                                if ($cantidaDeArticuloNoPreparada > 0) {
                                                                    $cantidaDeArticuloNoPreparada = 0;
                                                                }
                                                                $porcentajePreparada = $cantidaDeArticuloPreparada / $articulo->cantidad;
                                                                $porcentajePreparada = $porcentajePreparada * 100;
                                                                $barraDeProgresoGeneracionPreparada = '';
                                                                if ($articulo->cantidad == $cantidaDeArticuloPreparada) {
                                                                    $barraDeProgresoGeneracionPreparada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajePreparada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeArticuloPreparada . '/' . $articulo->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeArticuloPreparada > 0) {
                                                                        $barraDeProgresoGeneracionPreparada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajePreparada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeArticuloPreparada . '/' . $articulo->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionPreparada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajePreparada . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeArticuloPreparada . '/' . $articulo->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                            } elseif (count($articulo->cierresDeServicios) > 0) {
                                                                $cierresServicios = $articulo->cierresDeServicios;
                                                                $cantidaDeServicioCerrado = 0;
                                                                $cantidaDeServicioNoCerrado = 0;
                                                                foreach ($cierresServicios as $cierre) {
                                                                    if ($cierre->estado != 'Anulada') {
                                                                        $hayArticuloEnBodega = true;
                                                                        $cantidaDeServicioCerrado += $cierre->cantidad;
                                                                    }
                                                                }
                                                                $cantidaDeServicioNoCerrado = $articulo->cantidad - $cantidaDeServicioCerrado;
                                                                if ($cantidaDeServicioNoCerrado > 0) {
                                                                    $cantidaDeServicioNoCerrado = 0;
                                                                }
                                                                $porcentajeCerrado = $cantidaDeServicioCerrado / $articulo->cantidad;
                                                                $porcentajeCerrado = $porcentajeCerrado * 100;
                                                                $barraDeProgresoGeneracionEntrada = '';
                                                                $barraDeProgresoGeneracionSalida = '';
                                                                if ($articulo->cantidad == $cantidaDeServicioCerrado) {
                                                                    $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-success" style="width: ' . $porcentajeCerrado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-success">' . $cantidaDeServicioCerrado . '/' . $articulo->cantidad . '</span></div>';
                                                                } else {
                                                                    if ($cantidaDeServicioCerrado > 0) {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-warning" style="width: ' . $porcentajeCerrado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-warning">' . $cantidaDeServicioCerrado . '/' . $articulo->cantidad . '</span></div>';
                                                                    } else {
                                                                        $barraDeProgresoGeneracionEntrada = '<div class="progress progress-xs">' . '<div class="progress-bar progress-bar-danger bg-danger" style="width: ' . $porcentajeCerrado . '%"></div>' . '</div>' . '<div class="text-center"><span class="badge badge-danger">' . $cantidaDeServicioCerrado . '/' . $articulo->cantidad . '</span></div>';
                                                                    }
                                                                }
                                                                $barraDeProgresoGeneracionSalida = $barraDeProgresoGeneracionEntrada;
                                                                $barraDeProgresoGeneracionSalidaRecepcion = $barraDeProgresoGeneracionEntrada;
                                                                $barraDeProgresoGeneracionPreparada = $barraDeProgresoGeneracionEntrada;
                                                            } else {
                                                                $barraDeProgresoGeneracionEntrada = '';
                                                                $barraDeProgresoGeneracionPreparada = '';
                                                                $barraDeProgresoGeneracionSalida = '';
                                                                $barraDeProgresoGeneracionSalidaRecepcion = '';
                                                            }
                                                        }
                                                        
                                                        $usuarioPuedeEliminarArticulo = false;
                                                        foreach ($requisicion->centroCosto->autorizadorRequisiciones as $autorizador) {
                                                            if ($autorizador->id_usuario == auth()->user()->id) {
                                                                $usuarioPuedeEliminarArticulo = true;
                                                            }
                                                        }
                                                        
                                                        $cantidadDeRecepcionNoConforme = 0;
                                                        foreach ($articulo->movimientosSalidas as $salArtRq) {
                                                            foreach ($salArtRq->recepcionesNoConformes as $recSalArtRq) {
                                                                $cantidadTotalDeRecepcionNoConforme++;
                                                                $cantidadDeRecepcionNoConforme++;
                                                            }
                                                        }
                                                    @endphp
                                                    <tr>
                                                        <td class="tabla-id-articulo" style="display:none;">{{ $articulo->id }}</td>
                                                        <td class="tabla-contador-articulo">{{ $cantidad }}</td>
                                                        @if (isset($articulo->articuloOrdenDeCompra))
                                                            <td style="display:none;" class="tabla-id-orden-de-compra">{{ $articulo->articuloOrdenDeCompra->ordenDeCompra->id }}</td>
                                                        @else
                                                            <td style="display:none;" class="tabla-id-orden-de-compra"></td>
                                                        @endif
                                                        @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado')
                                                            @if (isset($articulo->articuloOrdenDeCompra))
                                                                <td class="text-center tabla-check-generar-oc">Con Oc</td>
                                                            @else
                                                                @if ($articulo->estado != 'Anulada')
                                                                    <td class="text-center tabla-check-generar-oc">
                                                                        <div class="form-group">
                                                                            <div class="custom-control custom-checkbox">
                                                                                <input class="custom-control-input checkbox-seleccion-item" type="checkbox" id="customCheckbox{{ $cantidad }}" value="{{ $articulo->id }}">
                                                                                <label for="customCheckbox{{ $cantidad }}" class="custom-control-label"></label>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                @else
                                                                    <td class="text-center tabla-check-generar-oc"></td>
                                                                @endif
                                                            @endif
                                                        @endif

                                                        @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado' && !Gate::check('requisicion.autorizar-gestionador'))
                                                            <td class="text-center tabla-acciones">
                                                                @if (isset($articulo->articuloOrdenDeCompra))
                                                                    <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">
                                                                            @if ($articulo->articuloOrdenDeCompra->ordenDeCompra->estado == 'Por Completar')
                                                                                <a class="dropdown-item" href="#" onclick="modalCompletarOrdenDeCompra(this.parentElement.parentElement.parentElement.parentElement)"><i class="fas fa-check-circle" aria-hidden="true"></i> Completar Orden De Compra</a>
                                                                            @endif
                                                                            <a target="_blank" class="dropdown-item" href="{{ route('orden-de-compra.show', $articulo->articuloOrdenDeCompra->ordenDeCompra) }}"><i class="fa fa-eye" aria-hidden="true"></i> Detalle Orden De Compra</a>
                                                                            @if ($cantidadDeRecepcionNoConforme > 0)
                                                                                <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-requisiciones', $articulo) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                            @endif
                                                                            <a target="_blank" class="dropdown-item" href="{{ route('requisicion.administracion-procesos', $articulo) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                            @if ($requisicion->id_usuario_asignado == auth()->user()->id)
                                                                                <a onclick="abrirModalEditarObservacionArticulo(this.parentElement.parentElement.parentElement.parentElement)" class="dropdown-item" href="#"><i class="fas fa-edit" aria-hidden="true"></i> Editar Observación</a>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            </td>
                                                        @else
                                                            @if ($requisicion->id_usuario == auth()->user()->id || $usuarioPuedeEliminarArticulo == true || Gate::check('requisicion.autorizar-gestionador'))
                                                                <td class="text-center tabla-acciones">
                                                                    @if (isset($articulo->articuloOrdenDeCompra) || $articulo->estado != 'Anulada')
                                                                        <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">
                                                                                @if (isset($articulo->articuloOrdenDeCompra))
                                                                                    <a target="_blank" class="dropdown-item" href="{{ route('orden-de-compra.show', $articulo->articuloOrdenDeCompra->ordenDeCompra) }}"><i class="fa fa-eye" aria-hidden="true"></i> Detalle Orden De Compra</a>
                                                                                    @if ($cantidadDeRecepcionNoConforme > 0)
                                                                                        <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-requisiciones', $articulo) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                                    @endif
                                                                                    <a target="_blank" class="dropdown-item" href="{{ route('requisicion.administracion-procesos', $articulo) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                                @else
                                                                                    @if (count($articulo->movimientosEntradas) > 0 || count($articulo->cierresDeServicios) > 0)
                                                                                        @if ($cantidadDeRecepcionNoConforme > 0)
                                                                                            <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-requisiciones', $articulo) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                                        @endif
                                                                                        <a target="_blank" class="dropdown-item" href="{{ route('requisicion.administracion-procesos', $articulo) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                                    @else
                                                                                        @if ($articulo->estado != 'Anulada')
                                                                                            <a onclick="anularArticulo('{{ $articulo->id }}',this.parentElement.parentElement.parentElement.parentElement)" class="dropdown-item" href="#"><i class="fas fa-award" aria-hidden="true"></i> Anular Artículo</a>
                                                                                        @endif
                                                                                    @endif
                                                                                @endif

                                                                                @if ($articulo->observacion != null && $articulo->observacion != '')
                                                                                    <a onclick="abrirModalEditarObservacionArticulo(this.parentElement.parentElement.parentElement.parentElement)" class="dropdown-item" href="#"><i class="fa fa-eye" aria-hidden="true"></i> Ver Observación</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </td>
                                                            @else
                                                                @if (isset($articulo->articuloOrdenDeCompra))
                                                                    <td class="text-center tabla-acciones">
                                                                        <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">
                                                                                @if (isset($articulo->articuloOrdenDeCompra))
                                                                                    <a target="_blank" class="dropdown-item" href="{{ route('orden-de-compra.show', $articulo->articuloOrdenDeCompra->ordenDeCompra) }}"><i class="fa fa-eye" aria-hidden="true"></i> Detalle Orden De Compra</a>
                                                                                    @if ($cantidadDeRecepcionNoConforme > 0)
                                                                                        <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-requisiciones', $articulo) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                                    @endif
                                                                                    <a target="_blank" class="dropdown-item" href="{{ route('requisicion.administracion-procesos', $articulo) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                                @endif

                                                                                @if ($articulo->observacion != null && $articulo->observacion != '')
                                                                                    <a onclick="abrirModalEditarObservacionArticulo(this.parentElement.parentElement.parentElement.parentElement)" class="dropdown-item" href="#"><i class="fa fa-eye" aria-hidden="true"></i> Ver Observación</a>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                @else
                                                                    <td class="text-center tabla-acciones">
                                                                        @if ($articulo->observacion != null && $articulo->observacion != '')
                                                                            <div class="btn-group ">
                                                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Acciones</button>
                                                                                @if (count($articulo->movimientosEntradas) > 0 || count($articulo->cierresDeServicios) > 0)
                                                                                    @if ($cantidadDeRecepcionNoConforme > 0)
                                                                                        <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-requisiciones', $articulo) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                                    @endif
                                                                                    <a target="_blank" class="dropdown-item" href="{{ route('requisicion.administracion-procesos', $articulo) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                                @endif

                                                                                <div class="dropdown-menu">
                                                                                    <a onclick="abrirModalEditarObservacionArticulo(this.parentElement.parentElement.parentElement.parentElement)" class="dropdown-item" href="#"><i class="fa fa-eye" aria-hidden="true"></i> Ver Observación</a>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    </td>
                                                                @endif
                                                            @endif
                                                        @endif

                                                        <td class="tabla-descipcion-articiculo">{{ $articulo->descripcion }}</td>
                                                        <td class="tabla-cantidad-articulo">{{ $articulo->cantidad }}</td>
                                                        <td class="tabla-costo-unitario-referenciado">{{ formatoMenedaSegunTipoDeMonedaOC($articulo->costo_unitario_referenciado, $articulo->tipo_moneda) }} </td>
                                                        <td class="tabla-costo-total-referenciado">{{ formatoMenedaSegunTipoDeMonedaOC($totalReferenciado, $articulo->tipo_moneda) }} </td>
                                                        <td class="tabla-reembolsable">
                                                            @if ($articulo->reembolsable == true)
                                                                Si
                                                            @else
                                                                No
                                                            @endif
                                                        </td>
                                                        <td>{{ $articulo->numero_ep }}</td>
                                                        <td class="tabla-trabajador">{{ $articulo->trabajador }}</td>
                                                        @if ($requisicion->estado_1 == 'Aprobado' || $requisicion->estado_1 == 'Anulada')
                                                            <td class="tabla-estado-oc">
                                                                {{ $estadoOc }}
                                                            </td>
                                                        @endif
                                                        <td class="tabla-observacion-articiculo">{{ $articulo->observacion }}</td>
                                                        @if ($articulo->estado == 'Abierta')
                                                            <td><span class="badge badge-danger">{{ $articulo->estado }}</span></td>
                                                        @else
                                                            @if ($articulo->estado == 'Anulada')
                                                                <td><span class="badge badge-info">{{ $articulo->estado }}</span></td>
                                                            @else
                                                                <td><span class="badge badge-success">{{ $articulo->estado }}</span></td>
                                                            @endif
                                                        @endif

                                                        @if ($requisicion->Fase_modulo_logistica == 'Completo')
                                                            @if (isset($articulo->articuloOrdenDeCompra))
                                                                <td style="text-align: center;">
                                                                    @if ($cantidadDeRecepcionNoConforme > 0)
                                                                        <span class="badge badge-danger">{{ $cantidadDeRecepcionNoConforme }}</span>
                                                                    @else
                                                                        <span class="badge badge-success">{{ $cantidadDeRecepcionNoConforme }}</span>
                                                                    @endif
                                                                </td>

                                                                @if (isset($articulo->fecha_entrada))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_entrada) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if (isset($articulo->fecha_preparacion))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_preparacion) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if (isset($articulo->fecha_salida))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_salida) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if (isset($articulo->fecha_recepcion))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_recepcion) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                <td>{{ $diasAtradoEntrada }}</td>
                                                                <td>{{ $diasAtradoPreparacion }}</td>
                                                                <td>{{ $diasAtradoSalida }}</td>
                                                                <td>{{ $diasAtradoRecepcion }}</td>

                                                                <td>{!! $barraDeProgresoGeneracionEntrada !!}</td>
                                                                <td>{!! $barraDeProgresoGeneracionPreparada !!}</td>
                                                                <td>{!! $barraDeProgresoGeneracionSalida !!}</td>
                                                                <td>{!! $barraDeProgresoGeneracionSalidaRecepcion !!}</td>

                                                                @if ($articuloDeLaOrdenDeCompra->estado_entrada == 'Abierta')
                                                                    <td><span class="badge badge-danger">{{ $articuloDeLaOrdenDeCompra->estado_entrada }}</span></td>
                                                                @else
                                                                    @if ($articuloDeLaOrdenDeCompra->estado_entrada == 'Anulada')
                                                                        <td><span class="badge badge-info">{{ $articuloDeLaOrdenDeCompra->estado_entrada }}</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">{{ $articuloDeLaOrdenDeCompra->estado_entrada }}</span></td>
                                                                    @endif
                                                                @endif
                                                                @if ($articuloDeLaOrdenDeCompra->estado_preparacion == 'Pendiente')
                                                                    <td><span class="badge badge-secondary">{{ $articuloDeLaOrdenDeCompra->estado_preparacion }}</span></td>
                                                                @else
                                                                    @if ($articuloDeLaOrdenDeCompra->estado_preparacion == 'Anulada')
                                                                        <td><span class="badge badge-info">{{ $articuloDeLaOrdenDeCompra->estado_preparacion }}</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">{{ $articuloDeLaOrdenDeCompra->estado_preparacion }}</span></td>
                                                                    @endif
                                                                @endif
                                                                @if ($articuloDeLaOrdenDeCompra->estado_salida == 'Abierta')
                                                                    <td><span class="badge badge-danger">{{ $articuloDeLaOrdenDeCompra->estado_salida }}</span></td>
                                                                @else
                                                                    @if ($articuloDeLaOrdenDeCompra->estado_salida == 'Anulada')
                                                                        <td><span class="badge badge-info">{{ $articuloDeLaOrdenDeCompra->estado_salida }}</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">{{ $articuloDeLaOrdenDeCompra->estado_salida }}</span></td>
                                                                    @endif
                                                                @endif
                                                                @if ($articuloDeLaOrdenDeCompra->estado_recepcion == 'Pendiente')
                                                                    <td><span class="badge badge-secondary">{{ $articuloDeLaOrdenDeCompra->estado_recepcion }}</span></td>
                                                                @else
                                                                    @if ($articuloDeLaOrdenDeCompra->estado_recepcion == 'Recepción no conforme')
                                                                        <td><span class="badge badge-danger">{{ $articuloDeLaOrdenDeCompra->estado_recepcion }}</span></td>
                                                                    @else
                                                                        @if ($articuloDeLaOrdenDeCompra->estado_recepcion == 'Anulada')
                                                                            <td><span class="badge badge-info">{{ $articuloDeLaOrdenDeCompra->estado_recepcion }}</span></td>
                                                                        @else
                                                                            <td><span class="badge badge-success">{{ $articuloDeLaOrdenDeCompra->estado_recepcion }}</span></td>
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            @else
                                                                <td style="text-align: center;">
                                                                    @if ($cantidadDeRecepcionNoConforme > 0)
                                                                        <span class="badge badge-danger">{{ $cantidadDeRecepcionNoConforme }}</span>
                                                                    @else
                                                                        <span class="badge badge-success">{{ $cantidadDeRecepcionNoConforme }}</span>
                                                                    @endif
                                                                </td>

                                                                @if (isset($articulo->fecha_entrada))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_entrada) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if (isset($articulo->fecha_preparacion))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_preparacion) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if (isset($articulo->fecha_salida))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_salida) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if (isset($articulo->fecha_recepcion))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articulo->fecha_recepcion) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                <td>{{ $diasAtradoEntrada }}</td>
                                                                <td>{{ $diasAtradoPreparacion }}</td>
                                                                <td>{{ $diasAtradoSalida }}</td>
                                                                <td>{{ $diasAtradoRecepcion }}</td>

                                                                <td>{!! $barraDeProgresoGeneracionEntrada !!}</td>
                                                                <td>{!! $barraDeProgresoGeneracionPreparada !!}</td>
                                                                <td>{!! $barraDeProgresoGeneracionSalida !!}</td>
                                                                <td>{!! $barraDeProgresoGeneracionSalidaRecepcion !!}</td>

                                                                @if ($articulo->estado_entrada == 'Abierta')
                                                                    <td><span class="badge badge-danger">{{ $articulo->estado_entrada }}</span></td>
                                                                @else
                                                                    @if ($articulo->estado_entrada == 'Anulada')
                                                                        <td><span class="badge badge-info">{{ $articulo->estado_entrada }}</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">{{ $articulo->estado_entrada }}</span></td>
                                                                    @endif
                                                                @endif
                                                                @if ($articulo->estado_preparacion == 'Pendiente')
                                                                    <td><span class="badge badge-secondary">{{ $articulo->estado_preparacion }}</span></td>
                                                                @else
                                                                    @if ($articulo->estado_preparacion == 'Anulada')
                                                                        <td><span class="badge badge-info">{{ $articulo->estado_preparacion }}</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">{{ $articulo->estado_preparacion }}</span></td>
                                                                    @endif
                                                                @endif
                                                                @if ($articulo->estado_salida == 'Abierta')
                                                                    <td><span class="badge badge-danger">{{ $articulo->estado_salida }}</span></td>
                                                                @else
                                                                    @if ($articulo->estado_salida == 'Anulada')
                                                                        <td><span class="badge badge-info">{{ $articulo->estado_salida }}</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">{{ $articulo->estado_salida }}</span></td>
                                                                    @endif
                                                                @endif
                                                                @if ($articulo->estado_recepcion == 'Pendiente')
                                                                    <td><span class="badge badge-secondary">{{ $articulo->estado_recepcion }}</span></td>
                                                                @else
                                                                    @if ($articulo->estado_recepcion == 'Recepción no conforme')
                                                                        <td><span class="badge badge-danger">{{ $articulo->estado_recepcion }}</span></td>
                                                                    @else
                                                                        @if ($articulo->estado_recepcion == 'Anulada')
                                                                            <td><span class="badge badge-info">{{ $articulo->estado_recepcion }}</span></td>
                                                                        @else
                                                                            <td><span class="badge badge-success">{{ $articulo->estado_recepcion }}</span></td>
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            @endif
                                                        @else
                                                            <td colspan="17">No es posible realizar movimientos de entradas y salidas en esta requisición.</td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    <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 id="registroDeArchivos">
                                                @if (count($archivosDeLaRequisicion) > 0)
                                                    @foreach ($archivosDeLaRequisicion 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_requisicion }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                        <a class="dropdown-item" href="{{ route('requisicion.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
                                                @else
                                                    <tr>
                                                        <td colspan="3" class="text-center">No hay archivos disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>

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

                        <div class=" card-footer">
                            @if ($requisicion->estado_1 == 'Aprobado')
                                @if (Gate::check('requisicion.generar-oc') && $articulosSinOrdenDeCompra == true)
                                    <button type="button" class="btn btn-aspen mt-1" id="botonGenerarOc" onclick="enviarArticuloAlFormularioDeOrdenDeCompra()"><i class="fas fa-check-square" style="margin-right: 2px;"></i> Convertir En Orden De Compra</button>
                                @endif

                                @if (Gate::check('requisicion.asignar-personal') && $articulosSinOrdenDeCompra == true)
                                    <button type="button" class="btn btn-info mt-1" id="botonAsignarUsuario" onclick="abrirModalAsignadorDeRequisicion()"><i class="fas fa-user-check" style="margin-right: 2px;"></i> Asignar Requisición</button>
                                @endif

                                @php
                                    $usuarioPuedeAprobar = false;
                                    foreach ($requisicion->centroCosto->autorizadorRequisiciones as $autorizador) {
                                        if ($autorizador->id_usuario == auth()->user()->id) {
                                            $usuarioPuedeAprobar = true;
                                        }
                                    }
                                @endphp

                                @if ($usuarioPuedeAprobar == true && $requisicion->estado_2 == 'Abierta')
                                    @if ($hayArticuloEnBodega == false)
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button>
                                    @endif
                                @else
                                    @if (Gate::check('requisicion.autorizar-gestionador') && $requisicion->estado_2 == 'Abierta')
                                        @if ($hayArticuloEnBodega == false)
                                            <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button>
                                        @endif
                                    @endif
                                @endif
                            @endif

                            @if ($editarRequisicion == true)
                                <a id="botonEditarRequisicion" role="button" class="btn btn-warning mt-1" href="{{ route('requisicion.edit', $requisicion) }}"><i class="fas fa-edit" aria-hidden="true"></i> Editar Requisición</a>
                            @endif

                            @if (Gate::check('requisicion.autorizar-gestionador'))
                                @if ($requisicion->estado_1 == 'Pendiente')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarRequisicion()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Requisición</button>
                                    <button onclick="limpiarCampoMotivoRechazo()" type="button" class="btn btn-danger mt-1" id="botonRechazado" data-toggle="modal" data-target="#RechazoDeRequisicion"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Requisición</button>
                                    @if ($hayArticuloEnBodega == false)
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button> 
                                    @endif
                                @endif

                                @if ($requisicion->estado_1 == 'Rechazado')
                                    <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarRequisicion()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Requisición</button>
                                    <button onclick="limpiarCampoMotivoRechazo()" type="button" class="btn btn-danger mt-1" id="botonRechazado" style="display:none;" data-toggle="modal" data-target="#RechazoDeRequisicion"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Requisición</button>
                                    @if ($hayArticuloEnBodega == false)
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button> 
                                    @endif
                                @endif
                            @else
                                @php
                                    $usuarioPuedeAprobar = false;
                                    foreach ($requisicion->centroCosto->autorizadorRequisiciones as $autorizador) {
                                        if ($autorizador->id_usuario == auth()->user()->id) {
                                            $usuarioPuedeAprobar = true;
                                        }
                                    }

                                    $tieneRolParaAnular=false;
                                        foreach (auth()->user()->getRoleNames() as $rol) {
                                            if($rol=="Jefe Logística General" || $rol=="Jefe Logística Por Sucursal"){
                                                $tieneRolParaAnular=true;
                                            }
                                        }
                                @endphp

                                @if ($usuarioPuedeAprobar == true || $tieneRolParaAnular==true)
                                    @if ($requisicion->estado_1 == 'Pendiente')
                                        <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarRequisicion()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Requisición</button>
                                        <button onclick="limpiarCampoMotivoRechazo()" type="button" class="btn btn-danger mt-1" id="botonRechazado" data-toggle="modal" data-target="#RechazoDeRequisicion"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Requisición</button>
                                        @if ($hayArticuloEnBodega == false)
                                            <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button>
                                        @endif
                                    @endif

                                    @if ($requisicion->estado_1 == 'Rechazado')
                                        <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="aprobarRequisicion()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Requisición</button>
                                        <button onclick="limpiarCampoMotivoRechazo()" type="button" class="btn btn-danger mt-1" id="botonRechazado" style="display:none;" data-toggle="modal" data-target="#RechazoDeRequisicion"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Requisición</button>
                                        @if ($hayArticuloEnBodega == false)
                                            <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button>
                                        @endif
                                    @endif
                                @endif
                            @endif

                            @if ($requisicion->estado_1 == 'Aprobado')
                                @php
                                    $usuarioPuedeAprobar = false;
                                    foreach ($requisicion->centroCosto->autorizadorRequisiciones as $autorizador) {
                                        if ($autorizador->id_usuario == auth()->user()->id) {
                                            $usuarioPuedeAprobar = true;
                                        }
                                    }

                                    $tieneRolParaAnular=false;
                                    foreach (auth()->user()->getRoleNames() as $rol) {
                                        if($rol=="Jefe Logística General" || $rol=="Jefe Logística Por Sucursal" || $rol=="Super Usuario"){
                                            $tieneRolParaAnular=true;
                                        }
                                    }
                                @endphp

                                @if ($editarRequisicion == true || $requisicion->id_usuario == auth()->user()->id)
                                    <!--<a role="button" href="{{-- route('salida-bodega.recepcion', $requisicion) --}}" class="btn btn-aspen" id="botonDeRecepcion"><i class="fas fa-people-carry"></i> Recepcionar Articulos </a>-->
                                @endif

                                @if($tieneRolParaAnular==true || $usuarioPuedeAprobar==true)
                                    @if ($hayArticuloEnBodega == false)
                                        <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeRequisicion"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Requisición</button> 
                                    @endif
                                @endif

                            @endif

                            @if ($cantidadTotalDeRecepcionNoConforme > 0)
                                <a role="button" target="_blank" class="btn btn-danger" href="{{ route('salida-bodega.show-todas-no-conforme-requisiciones', $requisicion) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                            @endif

                            @if ($requisicion->borrador == true)
                                <a href="{{ route('requisicion.borradores') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                            @else
                                @php
                                    $urlAnterior = redirect()
                                        ->back()
                                        ->getTargetUrl();
                                    $urlAnterior = explode('/', $urlAnterior);
                                    $puedeVolverAlListadoDeRQ = true;
                                    foreach ($urlAnterior as $url) {
                                        if ($url == 'entrada-bodega' || $url == 'cierre-servicio' || $url == 'salida-bodega' || $url == 'orden-de-compra') {
                                            $puedeVolverAlListadoDeRQ = false;
                                        }
                                    }
                                @endphp
                                @if ($puedeVolverAlListadoDeRQ == true)
                                    <a href="{{ route('requisicion.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                                @endif
                            @endif

                        </div>
                    </form>

                </div>

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

    <div class="modal fade" id="RechazoDeRequisicion" tabindex="-1" aria-labelledby="LabelRechazoRequisicion" aria-hidden="true">
        <form id="formularioRechazoRequisicion">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelRechazoRequisicion">Rechazar Requisición</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="observacionRechazo" 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" id="cerrarRechazoOrdenDeCompra">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="rechazarRequisicion()">Rechazar Requisición</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="ModalAsignarRequisicion" tabindex="-1" aria-labelledby="LabelAsignarRequisicion" aria-hidden="true">
        <form id="formularioAsignarRequisicion">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelAsignarRequisicion">Asignar Requisición</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>Usuario</label>
                            <select class="form-control listaDespegableConBuscador" id="usuarioAsignado" name="usuario_asignado" data-live-search="true">
                                <option value="">--Seleccionar Usuario--</option>
                                @foreach ($listadoDeUsuariosDeCompra as $usuario)
                                    @if (old('usuario_asignado') == $usuario->id)
                                        <option selected value="{{ $usuario->id }}">{{ $usuario->name }}</option>
                                    @else
                                        <option value="{{ $usuario->id }}">{{ $usuario->name }}</option>
                                    @endif
                                @endforeach
                            </select>
                            <div class="invalid-feedback" id="validarUsuarioAsignado">

                            </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-aspen" id="botonAsignadorUsuario" onclick="asignarRequisicion()">Asignar Requisición</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="ModalObservacionDeUnArticulo" tabindex="-1" aria-labelledby="LabelObservacionDeUnArticulo" aria-hidden="true">
        <form id="formularioObservacionDeUnArticulo">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelObservacionDeUnArticulo">Editar Observación Del Artículo</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">
                        @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado' && $requisicion->id_usuario_asignado == auth()->user()->id)
                            <div class="form-group">
                                <label>Observación</label>
                                <textarea class="form-control" id="observacionDeUnArticulo" name="observacionDeUnArticulo" rows="3"></textarea>
                                <div class="invalid-feedback" id="valicacionObservacionDeUnArticulo">

                                </div>
                            </div>
                        @else
                            <div class="form-group">
                                <label>Observación</label>
                                <textarea class="form-control" id="observacionDeUnArticulo" name="observacionDeUnArticulo" rows="3" readonly="true"></textarea>
                                <div class="invalid-feedback" id="valicacionObservacionDeUnArticulo">

                                </div>
                            </div>
                        @endif
                        <input type="hidden" name="idArticuloRequisicionObservacion" id="idArticuloRequisicionObservacion">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado' && $requisicion->id_usuario_asignado == auth()->user()->id)
                            <button type="button" class="btn btn-aspen" id="botonEditarObservacionArticulo" onclick="editarObservacionArticulo()">Editar Observación</button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="ModalEstadoDeUnArticulo" tabindex="-1" aria-labelledby="LabelEstadoDeUnArticulo" aria-hidden="true">
        <form id="formularioEstadoDeUnArticulo">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelEstadoDeUnArticulo">Editar Estado Del Artículo</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">

                        @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado' && $requisicion->id_usuario_asignado == auth()->user()->id)
                            <div class="form-group">
                                <label>Estado</label>
                                <select class="form-control listaDespegableConBuscador" id="estadoArticuloRequisicion" name="estadoArticuloRequisicion" data-live-search="true">
                                    <option value="">--Seleccionar Estado--</option>
                                    <option value="Abierta">Abierta</option>
                                    <option value="Cerrada">Cerrada</option>
                                </select>
                                <div class="invalid-feedback" id="validarEstadoArticuloRequisicion">

                                </div>
                            </div>
                        @else
                            <div class="form-group">
                                <label>Estado</label>
                                <select class="form-control listaDespegableConBuscador" id="estadoArticuloRequisicion" name="estadoArticuloRequisicion" data-live-search="true" disabled="true">
                                    <option value="">--Seleccionar Estado--</option>
                                    <option value="Abierta">Abierta</option>
                                    <option value="Cerrada">Cerrada</option>
                                </select>
                                <div class="invalid-feedback" id="validarEstadoArticuloRequisicion">

                                </div>
                            </div>
                        @endif


                        <input type="hidden" name="idArticuloRequisicionEstado" id="idArticuloRequisicionEstado">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        @if (Gate::check('requisicion.generar-oc') && $requisicion->estado_1 == 'Aprobado' && $requisicion->id_usuario_asignado == auth()->user()->id)
                            <button type="button" class="btn btn-aspen" id="botonEditarEstadoDeUnArticulo" onclick="editarEstadoArticulo()">Editar Estado</button>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="AnularDeRequisicion" tabindex="-1" aria-labelledby="LabelAnularRequisicion" aria-hidden="true">
        <form id="formularioAnularRequisicion">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="LabelAnularRequisicion">Anular Requisición</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="observacionAnular" 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" id="cerrarAnularOrdenDeCompra">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="anularRequisicion()">Anular Requisición</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div style="display: none;">
        <form action="{{ route('orden-de-compra.create-con-rq') }}" method="post" id="formalarioRouteCompletarOc">
            @csrf
            <input type="hidden" name="listadoDeArticulos" id="listadoArticulosFormalarioRouteCompletarOc">
            <input type="hidden" name="idRequisicionFormalarioRouteCompletarOc" id="idRequisicionFormalarioRouteCompletarOc" value="{{ $requisicion->id }}">
            <button type="submit">enviar</button>
        </form>
    </div>
@stop

@section('footer')
    <div class="float-right d-none d-sm-inline">
        Intranet
    </div>
    <strong>Copyright © 2023 <a href="https://aspenspa.cl/">aspenspa.cl</a></strong>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <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>
        $('#estadoArticuloRequisicion').selectpicker({
            dropupAuto: false,
        });
    </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/requisicion/' + 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);
        }
    </script>

    <script>
        var tabActual = "custom-tabs-one-home-tab";

        function cambiarTabActual(tab) {
            tabActual = tab;
        }

        function getParameterByName(name) {
            name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
            var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
                results = regex.exec(location.search);
            return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
        }

        if (getParameterByName('tab') != null && getParameterByName('tab') != undefined && getParameterByName('tab') != "") {
            document.getElementById(getParameterByName('tab')).click();
        }

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

    <script>
        function aprobarRequisicion() {
            document.getElementById("botonAprobado").setAttribute("disabled", true);
            var url = '{{ route('requisicion.show', $requisicion->id) }}';
            var csrf = '{{ csrf_token() }}';

            Swal.fire({
                title: '¿Esta seguro?',
                text: "La requisición 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') }}')
                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: '{{ route('requisicion.aprobar-requisicion', $requisicion) }}',
                        headers: {
                            'X-CSRF-TOKEN': csrf
                        },
                        success: function(data) {
                            eliminarLoading()
                            if (data.accion == "actualizar_pagina") {
                                Swal.fire({
                                        icon: 'success',
                                        title: '¡Aprobado!',
                                        text: 'La requisición cambio su estado ha aprobado',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    }).then((result) => {
                                        location.href = url + "?tab=" + tabActual;
                                    })
                                    .catch((error) => {
                                        location.href = url + "?tab=" + tabActual;
                                    });
                            } else {
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Aprobado!',
                                    text: 'La requisición cambio su estado ha aprobado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                });

                                document.getElementById("botonAprobado").style.display = "none";
                                document.getElementById("botonRechazado").style.display = "none";
                                if (document.getElementById("botonEditarRequisicion") != null && document.getElementById("botonEditarRequisicion") != undefined) {
                                    document.getElementById("botonEditarRequisicion").style.display = "none";
                                }

                                document.getElementById("botonAprobado").removeAttribute("disabled");
                                document.getElementById("estadoDeLaRequisicion").classList.remove('bg-secondary');
                                document.getElementById("estadoDeLaRequisicion").classList.remove('bg-success');
                                document.getElementById("estadoDeLaRequisicion").classList.remove('bg-danger');
                                document.getElementById("estadoDeLaRequisicion").classList.add('bg-success');
                                document.getElementById("estadoDeLaRequisicion").innerHTML = "Aprobado";
                                document.getElementById("botonAnulacion").style.display = "inline-block";

                                if (document.getElementById("ContenedorMotivoRechazo") != null && document.getElementById("ContenedorMotivoRechazo") != undefined) {
                                    document.getElementById("ContenedorMotivoRechazo").remove();
                                }
                            }
                        },
                        error: function(data) {
                            console.log(data)
                            document.getElementById("botonAprobado").removeAttribute("disabled");
                            eliminarLoading()
                        }
                    })
                } else {
                    document.getElementById("botonAprobado").removeAttribute("disabled");
                }
            })
        }

        function rechazarRequisicion() {
            document.getElementById("botonRechazado").setAttribute("disabled", true);
            var url = '{{ route('requisicion.show', $requisicion->id) }}';

            Swal.fire({
                title: '¿Esta seguro?',
                text: "La requisición 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("observacionRechazo").value.trim().length > 0) {
                        var datosFormulario = $("#formularioRechazoRequisicion").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('requisicion.rechazar-requisicion', $requisicion) }}',
                            data: datosFormulario,
                            success: function(data) {
                                eliminarLoading()
                                if (data.accion == "actualizar_pagina") {
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Rechazada!',
                                            text: 'La requisición cambio de estado ha rechazada',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.href = url + "?tab=" + tabActual;
                                        })
                                        .catch((error) => {
                                            location.href = url + "?tab=" + tabActual;
                                        });
                                } else {
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Rechazada!',
                                        text: 'La requisición cambio de estado ha rechazada',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    });

                                    document.getElementById("botonRechazado").style.display = "none";
                                    document.getElementById("custom-tabs-one-home").innerHTML +=
                                        '<div class="form-group" id="ContenedorMotivoRechazo">' +
                                        '<label style="color:#dc3545">Motivo Del Rechazo</label>' +
                                        '<textarea class="form-control" rows="3" id="motivoRechazoTextArea" style="background-color:#E8C3C6;" readonly="true">' + data.requisicion.observacion_estado + '</textarea>' +
                                        '</div>';
                                    document.getElementById("botonRechazado").removeAttribute("disabled");
                                    document.getElementById("estadoDeLaRequisicion").classList.remove('bg-secondary');
                                    document.getElementById("estadoDeLaRequisicion").classList.remove('bg-success');
                                    document.getElementById("estadoDeLaRequisicion").classList.remove('bg-danger');
                                    document.getElementById("estadoDeLaRequisicion").classList.add('bg-danger');
                                    document.getElementById("estadoDeLaRequisicion").innerHTML = "Rechazado";
                                    $("#RechazoDeRequisicion").modal("hide");
                                }
                            },
                            error: function(data) {
                                eliminarLoading()
                                document.getElementById("botonRechazado").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("observacionRechazo").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionRechazo").innerHTML = "El campo motivo de rechazo es obligatorio.";
                        document.getElementById("botonRechazado").removeAttribute("disabled");
                        eliminarLoading()
                    }
                } else {
                    document.getElementById("botonRechazado").removeAttribute("disabled");
                }
            })
        }

        function anularRequisicion() {
            document.getElementById("botonAnulacion").setAttribute("disabled", true);
            var url = '{{ route('requisicion.show', $requisicion->id) }}';
            var csrf = '{{ csrf_token() }}';

            Swal.fire({
                title: '¿Esta seguro?',
                text: "La requisición sera anulada",
                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("observacionAnular").value.trim().length > 0) {
                        var datosFormulario = $("#formularioAnularRequisicion").serialize();
                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('requisicion.anular-requisicion', $requisicion) }}',
                            data: datosFormulario,
                            success: function(data) {
                                eliminarLoading()
                                if (data == "articulos_sin_oc") {
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Anulado!',
                                            text: 'Todos los artículos y la requisición fueron anulada con éxito',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.href = url + "?tab=" + tabActual;
                                        })
                                        .catch((error) => {
                                            location.href = url + "?tab=" + tabActual;
                                        });
                                }

                                if (data == "articulos_con_oc") {
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Anulado!',
                                            text: 'Los artículos no asociado a una orden de compra y la requisición se anularon con éxito, los articulos que estan asociado con una orden de compra no pueden ser anulada, el departamento de compra tomara asunto a esta problematica',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.href = url + "?tab=" + tabActual;
                                        })
                                        .catch((error) => {
                                            location.href = url + "?tab=" + tabActual;
                                        });
                                }

                            },
                            error: function(data) {
                                console.log(data)
                                document.getElementById("botonAnulacion").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("observacionAnular").setAttribute("class", "form-control is-invalid");
                        document.getElementById("valicacionObservacionAnular").innerHTML = "El campo motivo de anulación es obligatorio.";
                        document.getElementById("botonAnulacion").removeAttribute("disabled");
                        eliminarLoading()
                    }
                } else {
                    document.getElementById("botonAnulacion").removeAttribute("disabled");
                }
            })
        }
    </script>

    <script>
        function abrirModalAsignadorDeRequisicion() {
            document.getElementById("formularioAsignarRequisicion").reset();
            $('#usuarioAsignado').selectpicker('val', "");
            document.getElementById("validarUsuarioAsignado").innerHTML = "";
            document.getElementById("usuarioAsignado").classList.remove('input-success-icon');
            document.getElementById("usuarioAsignado").classList.remove('input-error-icon');
            document.getElementById("validarUsuarioAsignado").style.display = "none";
            $("#ModalAsignarRequisicion").modal("show");
        }

        function asignarRequisicion() {
            document.getElementById("botonAsignadorUsuario").setAttribute("disabled", true);
            Swal.fire({
                title: '¿Esta seguro?',
                text: "La requisición sera asignada a este usuario para pueda gestionarla",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, asignar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    if (document.getElementById("usuarioAsignado").value.trim().length > 0) {
                        var datosFormulario = $("#formularioAsignarRequisicion").serialize();

                        $.ajax({
                            type: 'POST',
                            datatype: 'json',
                            url: '{{ route('requisicion.asignar-requisicion', $requisicion) }}',
                            data: datosFormulario,
                            success: function(data) {
                                console.log(data)
                                Swal.fire({
                                    icon: 'success',
                                    title: '¡Asignada!',
                                    text: 'La requisición fue asignada a ' + data.name,
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                });
                                eliminarLoading()
                                document.getElementById("usuarioAsignadoVisualizado").value = data.name;

                                eliminarLoading()
                                document.getElementById("botonAsignadorUsuario").removeAttribute("disabled");
                                $("#ModalAsignarRequisicion").modal("hide");
                            },
                            error: function(data) {
                                console.log(data)
                                eliminarLoading()
                                document.getElementById("botonAsignadorUsuario").removeAttribute("disabled");
                            }
                        })
                    } else {
                        document.getElementById("usuarioAsignado").classList.remove('input-success-icon');
                        document.getElementById("usuarioAsignado").classList.add('input-error-icon');
                        document.getElementById("validarUsuarioAsignado").innerHTML = "Debe seleccionar un usuario";
                        document.getElementById("validarUsuarioAsignado").style.display = "block";

                        document.getElementById("botonAsignadorUsuario").removeAttribute("disabled");
                        eliminarLoading()
                    }
                } else {
                    document.getElementById("botonAsignadorUsuario").removeAttribute("disabled");
                }
            }).catch((error) => {
                document.getElementById("botonAsignadorUsuario").removeAttribute("disabled");
            });
        }
    </script>

    <script>
        var filaObservacionModificada = null;

        function abrirModalEditarObservacionArticulo(fila) {
            filaObservacionModificada = fila;
            document.getElementById("formularioObservacionDeUnArticulo").reset();
            document.getElementById("LabelObservacionDeUnArticulo").innerHTML = "Editar Observación Del Artículo " + fila.querySelector(".tabla-descipcion-articiculo").innerHTML;
            document.getElementById("idArticuloRequisicionObservacion").value = fila.querySelector(".tabla-id-articulo").innerHTML;
            document.getElementById("observacionDeUnArticulo").value = fila.querySelector(".tabla-observacion-articiculo").innerHTML;
            document.getElementById("observacionDeUnArticulo").setAttribute("class", "form-control");
            document.getElementById("valicacionObservacionDeUnArticulo").innerHTML = "";
            $("#ModalObservacionDeUnArticulo").modal("show");
        }

        function editarObservacionArticulo() {
            document.getElementById("botonEditarObservacionArticulo").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            if (document.getElementById("observacionDeUnArticulo").value.trim().length > 0) {
                var datosFormulario = $("#formularioObservacionDeUnArticulo").serialize();
                var url = '{{ route('requisicion.editar-observacion', [':articulo']) }}';
                url = url.replace(':articulo', document.getElementById("idArticuloRequisicionObservacion").value);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    data: datosFormulario,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        filaObservacionModificada.querySelector(".tabla-observacion-articiculo").innerHTML = document.getElementById("observacionDeUnArticulo").value;
                        document.getElementById("botonEditarObservacionArticulo").removeAttribute("disabled");
                        Swal.fire({
                            icon: 'success',
                            title: '¡Editado!',
                            text: 'Se edito la observación del articulo ' + data.descripcion,
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                        eliminarLoading()
                        $("#ModalObservacionDeUnArticulo").modal("hide");
                    },
                    error: function(data) {
                        eliminarLoading()
                        document.getElementById("botonEditarObservacionArticulo").removeAttribute("disabled");
                    }
                })
            } else {
                document.getElementById("observacionDeUnArticulo").setAttribute("class", "form-control is-invalid");
                document.getElementById("valicacionObservacionDeUnArticulo").innerHTML = "El campo observación es obligatorio.";
                document.getElementById("botonEditarObservacionArticulo").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>

    <script>
        var filaEstadoModificada = null;

        function abrirModalEditarEstadoArticulo(fila) {
            filaEstadoModificada = fila;
            document.getElementById("formularioEstadoDeUnArticulo").reset();
            document.getElementById("LabelEstadoDeUnArticulo").innerHTML = "Editar Estado Del Artículo " + fila.querySelector(".tabla-descipcion-articiculo").innerHTML;
            document.getElementById("idArticuloRequisicionEstado").value = fila.querySelector(".tabla-id-articulo").innerHTML;
            $('#estadoArticuloRequisicion').selectpicker('val', "");
            document.getElementById("validarEstadoArticuloRequisicion").innerHTML = "";
            document.getElementById("estadoArticuloRequisicion").classList.remove('input-success-icon');
            document.getElementById("estadoArticuloRequisicion").classList.remove('input-error-icon');
            document.getElementById("validarEstadoArticuloRequisicion").style.display = "none";
            $('#estadoArticuloRequisicion').selectpicker('val', fila.querySelector(".tabla-estado-articulo-requisicion span").innerHTML);
            $("#ModalEstadoDeUnArticulo").modal("show");
        }

        function anularArticulo(articulo, fila) {
            Swal.fire({
                title: '¿Esta seguro?',
                text: "El artículo sera anulado",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: '¡Si, anular!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    generarLoading('{{ asset('img/logo.png') }}')
                    var url = '{{ route('requisicion.anular-articulo', [':articulo']) }}';
                    url = url.replace(':articulo', articulo);
                    var csrf = '{{ csrf_token() }}';

                    $.ajax({
                        type: 'POST',
                        datatype: 'json',
                        url: url,
                        headers: {
                            'X-CSRF-TOKEN': csrf,
                        },
                        success: function(data) {
                            eliminarLoading()
                            Swal.fire({
                                    icon: 'success',
                                    title: '¡Editado!',
                                    text: 'El articulo ' + data.descripcion + ' fue anulado',
                                    confirmButtonColor: "#448aff",
                                    confirmButtonText: "Confirmar"
                                }).then((result) => {
                                    var urlShow = '{{ route('requisicion.show', $requisicion->id) }}';
                                    location.href = urlShow + "?tab=" + tabActual;
                                })
                                .catch((error) => {
                                    var urlShow = '{{ route('requisicion.show', $requisicion->id) }}';
                                    location.href = urlShow + "?tab=" + tabActual;
                                });
                        },
                        error: function(data) {
                            eliminarLoading()
                        }
                    })
                }
            })
        }

        function editarEstadoArticulo() {
            document.getElementById("botonEditarEstadoDeUnArticulo").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            if (document.getElementById("estadoArticuloRequisicion").value.trim().length > 0) {
                var datosFormulario = $("#formularioEstadoDeUnArticulo").serialize();
                var url = '{{ route('requisicion.editar-estado', [':articulo']) }}';
                url = url.replace(':articulo', document.getElementById("idArticuloRequisicionEstado").value);
                var csrf = '{{ csrf_token() }}';

                $.ajax({
                    type: 'POST',
                    datatype: 'json',
                    url: url,
                    data: datosFormulario,
                    headers: {
                        'X-CSRF-TOKEN': csrf
                    },
                    success: function(data) {
                        document.getElementById("botonEditarEstadoDeUnArticulo").removeAttribute("disabled");
                        if (document.getElementById("estadoArticuloRequisicion").value == "Abierta") {
                            filaEstadoModificada.querySelector(".tabla-estado-articulo-requisicion").innerHTML = '<span class="badge badge-danger">Abierta</span>'
                        }

                        if (document.getElementById("estadoArticuloRequisicion").value == "Cerrada") {
                            filaEstadoModificada.querySelector(".tabla-estado-articulo-requisicion").innerHTML = '<span class="badge badge-success">Cerrada</span>'
                        }

                        if (document.getElementById("estadoArticuloRequisicion").value == "Anulada") {
                            filaEstadoModificada.querySelector(".tabla-estado-articulo-requisicion").innerHTML = '<span class="badge badge-info">Anulada/span>'
                        }


                        Swal.fire({
                            icon: 'success',
                            title: '¡Editado!',
                            text: 'Se edito el estado del articulo ' + data.descripcion,
                            confirmButtonColor: "#448aff",
                            confirmButtonText: "Confirmar"
                        })
                        eliminarLoading()
                        $("#ModalEstadoDeUnArticulo").modal("hide");
                    },
                    error: function(data) {
                        console.log(data)
                        eliminarLoading()
                        document.getElementById("botonEditarEstadoDeUnArticulo").removeAttribute("disabled");
                    }
                })
            } else {
                document.getElementById("estadoArticuloRequisicion").classList.remove('input-success-icon');
                document.getElementById("estadoArticuloRequisicion").classList.add('input-error-icon');
                document.getElementById("validarEstadoArticuloRequisicion").innerHTML = "El campo estado es obligatorio.";
                document.getElementById("validarEstadoArticuloRequisicion").style.display = "block";
                document.getElementById("botonEditarEstadoDeUnArticulo").removeAttribute("disabled");
                eliminarLoading()
            }
        }
    </script>

    <script>
        function enviarArticuloAlFormularioDeOrdenDeCompra() {
            document.getElementById("botonGenerarOc").setAttribute("disabled", true);
            generarLoading('{{ asset('img/logo.png') }}')
            var urlDetalle = '{{ route('requisicion.show', $requisicion->id) }}';

            var filas = document.getElementById('tablaConExportacionConFiltrado').tBodies[0].querySelectorAll("tr");
            var listadoDeArticulo = [];
            filas.forEach(elementoPadre => {
                var inputCheck = elementoPadre.querySelector(".tabla-check-generar-oc").querySelector(".custom-control-input");
                var idArticulo = elementoPadre.querySelector(".tabla-id-articulo").innerHTML;
                var contadorFila = elementoPadre.querySelector(".tabla-contador-articulo").innerHTML;
                var descripcionArticulo = elementoPadre.querySelector(".tabla-descipcion-articiculo").innerHTML;
                var cantidadArticulo = elementoPadre.querySelector(".tabla-cantidad-articulo").innerHTML;
                var costoUnitarioReferenciado = elementoPadre.querySelector(".tabla-costo-unitario-referenciado").innerHTML;
                var costoTotalReferenciado = elementoPadre.querySelector(".tabla-costo-total-referenciado").innerHTML;

                if (inputCheck != undefined && inputCheck != null) {
                    if (inputCheck.checked) {
                        var articulo = {
                            idArticulo: idArticulo,
                            descripcionArticulo: descripcionArticulo,
                            cantidad: cantidadArticulo,
                            costoUnitarioReferenciado: costoUnitarioReferenciado,
                        }
                        listadoDeArticulo.push(articulo);
                    }
                }
            });

            if (listadoDeArticulo.length > 0) {
                listadoDeArticulo = JSON.stringify(listadoDeArticulo);
                document.getElementById("listadoArticulosFormalarioRouteCompletarOc").value = listadoDeArticulo;
                document.getElementById("formalarioRouteCompletarOc").submit();
            } else {
                eliminarLoading()
                document.getElementById("botonGenerarOc").removeAttribute("disabled");
                Swal.fire({
                    icon: 'error',
                    title: '¡Convertir Orden De Compra!',
                    text: 'Debe seleccionar articulos para convertirlo en orden de compra',
                    confirmButtonColor: "#448aff",
                    confirmButtonText: "Confirmar"
                })
            }
        }
    </script>

    <script>
        function selecionarTodasLosItems(checkbox){
            if(checkbox.checked == true){
                var todosCheckBocSeleccionArticuloOc=document.querySelectorAll(".checkbox-seleccion-item");
                todosCheckBocSeleccionArticuloOc.forEach(articuloOc=>{
                    articuloOc.checked = true;
                });
            }else if(checkbox.checked == false){
                var todosCheckBocSeleccionArticuloOc=document.querySelectorAll(".checkbox-seleccion-item");
                todosCheckBocSeleccionArticuloOc.forEach(articuloOc=>{
                    articuloOc.checked = false;
                });
            }
        }
    </script>
@stop