@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Orden De Compra')

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

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

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

                    @if ($ordenDeCompra->estado == 'Por Completar')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-primary" id="estadoDeLaOrdenDeCompra">
                                {{ $ordenDeCompra->estado }}
                            </div>
                        </div>
                    @endif

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

                    <div class="card-header p-0 pt-1">
                        <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Orden De Compra</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Artículos</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Adjuntos</a>
                            </li>
                        </ul>
                    </div>
                    <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">

                                @if ($ordenDeCompra->estado == 'Por Completar')
                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">

                                        <div class="form-group">
                                            <label>Código Proveedor</label>
                                            <input type="text" class="form-control" id="codigoProveedor" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nº OC</label>
                                            <input type="text" class="form-control" id="numeroOC" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre Proveedor</label>
                                            <input type="text" class="form-control" id="nombreProveedor" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha OC</label>
                                            <input type="text" class="form-control" id="fechaOC" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nº de Cotización</label>
                                            <input type="text" class="form-control" id="numeroCotizacion" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nº Factura</label>
                                            <input type="text" class="form-control" name="numero_factura" id="numeroFactura" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Factura</label>
                                            <input type="text" class="form-control" name="fecha_factura" id="fechaFactura" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Cotización</label>
                                            <input type="text" class="form-control" id="fechaCotizacion" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo De Modena</label>
                                            <input type="text" class="form-control" id="tipoModena" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Entrega</label>
                                            <input type="text" class="form-control" id="fechaEntrega" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo Cambio</label>
                                            <input type="text" class="form-control" id="tipoCambio" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Condición De Pago</label>
                                            <input type="text" class="form-control" id="condicionPago" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre Solicitante</label>
                                            <input type="text" class="form-control" id="nombreUsuarioCreador" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Rut Solicitante</label>
                                            <input type="text" class="form-control" id="rutUsuarioCreador" readonly="true">
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label for="descripcion">Observación</label>
                                        <textarea readonly="true" class="form-control" id="observacion" rows="3"></textarea>
                                    </div>

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

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

                                        <div class="form-group">
                                            <label>Código Proveedor</label>
                                            <input type="text" class="form-control" id="codigoProveedor" value="{{ $ordenDeCompra->proveedor->codigo_proveedor }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nº OC</label>
                                            <input type="text" class="form-control" id="numeroOC" value="{{ $ordenDeCompra->numero_oc }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre Proveedor</label>
                                            <input type="text" class="form-control" id="nombreProveedor" value="{{ $ordenDeCompra->proveedor->nombre_fantasia }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha OC</label>
                                            <input type="text" class="form-control" id="fechaOC" value="{{ fechaConFormatoDeChile($ordenDeCompra->fecha_oc) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nº Factura</label>
                                            <input type="text" class="form-control" name="numero_factura" id="numeroFactura" value="{{ $ordenDeCompra->numero_factura }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Factura</label>
                                            <input type="text" class="form-control" name="fecha_factura" id="fechaFactura" value="{{ fechaConFormatoDeChile($ordenDeCompra->fecha_factura) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Nº de Cotización</label>
                                            <input type="text" class="form-control" id="numeroCotizacion" value="{{ $ordenDeCompra->numero_cotizacion }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Cotización</label>
                                            <input type="text" class="form-control" id="fechaCotizacion" value="{{ fechaConFormatoDeChile($ordenDeCompra->fecha_cotizacion) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo De Modena</label>
                                            <input type="text" class="form-control" id="tipoModena" value="{{ $ordenDeCompra->tipo_moneda }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Entrega</label>
                                            <input type="text" class="form-control" id="fechaEntrega" value="{{ fechaConFormatoDeChile($ordenDeCompra->fecha_entrega) }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Tipo Cambio</label>
                                            <input type="text" class="form-control" id="tipoCambio" value="{{ $ordenDeCompra->tipo_cambio }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Condición De Pago</label>
                                            @if ($ordenDeCompra->condicion_pago == '30 DÍAS')
                                                <input type="text" class="form-control" id="condicionPago" value="30 DÍAS Contra Emisión De Factura" readonly="true">
                                            @else
                                                @if ($ordenDeCompra->condicion_pago == '45 DÍAS')
                                                    <input type="text" class="form-control" id="condicionPago" value="45 DÍAS Contra Emisión De Factura" readonly="true">
                                                @else
                                                    @if ($ordenDeCompra->condicion_pago == '60 DÍAS')
                                                        <input type="text" class="form-control" id="condicionPago" value="60 DÍAS Contra Emisión De Factura" readonly="true">
                                                    @else
                                                        @if ($ordenDeCompra->condicion_pago == '90 DÍAS')
                                                            <input type="text" class="form-control" id="condicionPago" value="90 DÍAS Contra Emisión De Factura" readonly="true">
                                                        @else
                                                            <input type="text" class="form-control" id="condicionPago" value="{{ $ordenDeCompra->condicion_pago }}" readonly="true">
                                                        @endif
                                                    @endif
                                                @endif
                                            @endif
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre Solicitante</label>
                                            <input type="text" class="form-control" id="nombreUsuarioCreador" value="{{ $ordenDeCompra->usuarioCreador->name }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Rut Solicitante</label>
                                            <input type="text" class="form-control" id="rutUsuarioCreador" value="{{ $ordenDeCompra->usuarioCreador->rut }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            @if ($ordenDeCompra->estado == 'Pendiente')
                                                <label>Autorizado Por</label>
                                            @else
                                                @if ($ordenDeCompra->estado == 'Aprobado')
                                                    <label>Aprobada Por</label>
                                                @else
                                                    @if ($ordenDeCompra->estado == 'Rechazado')
                                                        <label>Rechazada Por</label>
                                                    @else
                                                        @if ($ordenDeCompra->estado == 'Anulada')
                                                            <label>Anulada Por</label>
                                                        @else
                                                            <label>Autorizado Por</label>
                                                        @endif
                                                    @endif
                                                @endif
                                            @endif
                                            <input type="text" class="form-control" id="rutUsuarioCreador" value="{{ $ordenDeCompra->aprovador->name }}" readonly="true">
                                        </div>

                                    </div>

                                    <div class="form-group">
                                        <label for="descripcion">Observación</label>
                                        <textarea readonly="true" class="form-control" id="observacion" rows="3">{{ $ordenDeCompra->observacion }}</textarea>
                                    </div>

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

                                    @if ($ordenDeCompra->estado == 'Anulada')
                                        <div class="form-group" id="ContenedorMotivoRechazo">
                                            <label style="color:#17a2b8">Motivo De La Anulación</label>
                                            <textarea style="background-color:#ACF3FE;" class="form-control" rows="3" id="motivoRechazoTextArea" readonly="true">{{ $ordenDeCompra->observacion_estado }}</textarea>
                                        </div>
                                    @endif
                                @endif

                                <input type="hidden" id="estadoOrdenDeCompra" value="{{ $ordenDeCompra->estado }}">
                            </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">
                                    <table id="tablaConExportacionConFiltrado" class="table table-bordered nowrap dataTable" role="grid" aria-describedby="base-style_info">
                                        <thead>
                                            <tr>
                                                <th colspan="12" style="text-align: center;">Datos De Los articulos De La Orden De Compra</th>
                                                <th colspan="17" style="text-align: center;">Datos De Los Procesos De Bodega</th>
                                            </tr>
                                            <tr role="row">
                                                <th>#</th>
                                                <th>Acciones</th>
                                                <th>Código Artículo</th>
                                                <th>Nombre Artículo</th>
                                                <th>Cantidad</th>
                                                <th>Precio Unitario</th>
                                                <th>Impuesto</th>
                                                <th>Total</th>
                                                <th>CC</th>
                                                <th>RQ</th>
                                                <th>Reembolsable</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>
                                                @if ($ordenDeCompra->estado == 'Por Completar')
                                                    <th>Descripción Artículo</th>
                                                    <th>Costo Unitario Referenciado</th>
                                                @endif
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $hayArticuloEnBodega = false;
                                            @endphp
                                            @if ($ordenDeCompra->estado == 'Por Completar')
                                                @foreach ($ordenDeCompra->articulosDeLardenDeCompras as $articuloDeLaOrdenDeCompra)
                                                    @php
                                                        $cantidad++;
                                                    @endphp
                                                    <tr role="row" class="odd">
                                                        <td>{{ $cantidad }}</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->cantidad }}</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->numero_rq }}</td>
                                                        <td></td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->articuloRequisicion->descripcion }}</td>
                                                        <td>{{ formatoMenedaSegunTipoDeMonedaOC($articuloDeLaOrdenDeCompra->articuloRequisicion->costo_unitario_referenciado, $articuloDeLaOrdenDeCompra->articuloRequisicion->tipo_moneda) }}</td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                @foreach ($ordenDeCompra->articulosDeLardenDeCompras as $articuloDeLaOrdenDeCompra)
                                                    @php
                                                        $hayArticuloEnBodegaDelArticulo=false;
                                                        $tipoArticulo = $articuloDeLaOrdenDeCompra->articulo->tipo_articulo;
                                                        $cantidad++;
                                                        if ($tipoArticulo != 'Servicio') {
                                                            $entradasBodegas = $articuloDeLaOrdenDeCompra->entradasDeBodega;
                                                            $cantidaDeArticuloEnBodega = 0;
                                                            $cantidaDeArticuloQueNoEstaEnBodega = 0;
                                                            foreach ($entradasBodegas as $entrada) {
                                                                if ($entrada->estado_salida != 'Anulada') {
                                                                    $hayArticuloEnBodegaDelArticulo=true;
                                                                    $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') {
                                                                    $hayArticuloEnBodegaDelArticulo=true;
                                                                    $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') {
                                                                    $hayArticuloEnBodegaDelArticulo=true;
                                                                    $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') {
                                                                    $hayArticuloEnBodegaDelArticulo=true;
                                                                    $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') {
                                                                    $hayArticuloEnBodegaDelArticulo=true;
                                                                    $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;
                                                        }
                                                        
                                                        if (isset($articuloDeLaOrdenDeCompra->dias_atraso_entrada)) {
                                                            $diasAtradoEntrada = $articuloDeLaOrdenDeCompra->dias_atraso_entrada;
                                                        } else {
                                                            if (isset($ordenDeCompra->fecha_gestion)) {
                                                                $start = generarFechaPorDateTime($ordenDeCompra->fecha_gestion);
                                                                $end = generarFechaActualPorDateTime();
                                                        
                                                                $diasAtradoEntrada = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                            } else {
                                                                if (isset($ordenDeCompra->created_at)) {
                                                                    $start = generarFechaPorDateTime(fechaConFormatoDeUSA($ordenDeCompra->created_at));
                                                                    $end = generarFechaActualPorDateTime();
                                                        
                                                                    $diasAtradoEntrada = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                                } else {
                                                                    $diasAtradoEntrada = '';
                                                                }
                                                            }
                                                        }
                                                        
                                                        if (isset($articuloDeLaOrdenDeCompra->dias_atraso_salida)) {
                                                            $diasAtradoSalida = $articuloDeLaOrdenDeCompra->dias_atraso_salida;
                                                        } else {
                                                            if (isset($articuloDeLaOrdenDeCompra->fecha_preparacion)) {
                                                                $start = generarFechaPorDateTime($articuloDeLaOrdenDeCompra->fecha_preparacion);
                                                                $end = generarFechaActualPorDateTime();
                                                        
                                                                $diasAtradoSalida = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                            } else {
                                                                $diasAtradoSalida = '';
                                                            }
                                                        }
                                                        
                                                        if (isset($articuloDeLaOrdenDeCompra->dias_atraso_preparacion)) {
                                                            $diasAtradoPreparacion = $articuloDeLaOrdenDeCompra->dias_atraso_preparacion;
                                                        } else {
                                                            if (isset($articuloDeLaOrdenDeCompra->fecha_entrada)) {
                                                                $start = generarFechaPorDateTime($articuloDeLaOrdenDeCompra->fecha_entrada);
                                                                $end = generarFechaActualPorDateTime();
                                                        
                                                                $diasAtradoPreparacion = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                            } else {
                                                                $diasAtradoPreparacion = '';
                                                            }
                                                        }
                                                        
                                                        if (isset($articuloDeLaOrdenDeCompra->dias_atraso_recepcion)) {
                                                            $diasAtradoRecepcion = $articuloDeLaOrdenDeCompra->dias_atraso_recepcion;
                                                        } else {
                                                            if (isset($articuloDeLaOrdenDeCompra->fecha_salida)) {
                                                                $start = generarFechaPorDateTime($articuloDeLaOrdenDeCompra->fecha_salida);
                                                                $end = generarFechaActualPorDateTime();
                                                        
                                                                $diasAtradoRecepcion = obtenerDiferenciasDeDiasSinContarFinDeSemana($start, $end);
                                                            } else {
                                                                $diasAtradoRecepcion = '';
                                                            }
                                                        }
                                                        
                                                        $cantidadDeRecepcionNoConforme = 0;
                                                        foreach ($articuloDeLaOrdenDeCompra->movimientosSalidas as $salArtOc) {
                                                            foreach ($salArtOc->recepcionesNoConformes as $recSalArtOc) {
                                                                $cantidadTotalDeRecepcionNoConforme++;
                                                                $cantidadDeRecepcionNoConforme++;
                                                            }
                                                        }
                                                    @endphp
                                                    <tr role="row">
                                                        <td>{{ $cantidad }}</td>
                                                        <td>
                                                            @if (isset($articuloDeLaOrdenDeCompra->articuloRequisicion))
                                                                <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 target="_blank" class="dropdown-item" href="{{ route('requisicion.show', $articuloDeLaOrdenDeCompra->articuloRequisicion->requisicion) }}"><i class="fa fa-eye" aria-hidden="true"></i> Detalle Requisición</a>
                                                                        @if ($cantidadDeRecepcionNoConforme > 0)
                                                                            <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-orden-compra', $articuloDeLaOrdenDeCompra) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                        @endif
                                                                        @if ($ordenDeCompra->estado == 'Aprobado')
                                                                            <a target="_blank" class="dropdown-item" href="{{ route('orden-de-compra.administracion-procesos', $articuloDeLaOrdenDeCompra) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                        @endif

                                                                        @if (auth()->user()->hasPermissionTo('orden-de-compra.autorizar'))
                                                                            @if ($ordenDeCompra->estado == 'Aprobado')
                                                                                @if($hayArticuloEnBodegaDelArticulo== false)
                                                                                    @if($articuloDeLaOrdenDeCompra->estado_entrada != "Anulada" || $articuloDeLaOrdenDeCompra->estado_preparacion != "Anulada" || $articuloDeLaOrdenDeCompra->estado_salida != "Anulada" || $articuloDeLaOrdenDeCompra->estado_recepcion != "Anulada")
                                                                                        <a class="dropdown-item" href="#" onclick="anularItemDeLaOrdenDeCompra({{$articuloDeLaOrdenDeCompra->id}})"><i class="fas fa-backspace"></i> Anular Item</a>
                                                                                    @endif
                                                                                @endif
                                                                            @elseif($ordenDeCompra->estado == 'Pendiente' || $ordenDeCompra->estado == 'Rechazado')  
                                                                                @if($articuloDeLaOrdenDeCompra->estado_entrada != "Anulada" || $articuloDeLaOrdenDeCompra->estado_preparacion != "Anulada" || $articuloDeLaOrdenDeCompra->estado_salida != "Anulada" || $articuloDeLaOrdenDeCompra->estado_recepcion != "Anulada")
                                                                                    <a class="dropdown-item" href="#" onclick="anularItemDeLaOrdenDeCompra({{$articuloDeLaOrdenDeCompra->id}})"><i class="fas fa-backspace"></i> Anular Item</a>
                                                                                @endif
                                                                            @endif
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            @else
                                                                @if ($ordenDeCompra->estado == 'Aprobado')
                                                                    <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 ($cantidadDeRecepcionNoConforme > 0)
                                                                                <a target="_blank" class="dropdown-item" href="{{ route('salida-bodega.show-no-conforme-orden-compra', $articuloDeLaOrdenDeCompra) }}"><i class="fas fa-exclamation-circle"></i> Movimiento De Salida Recepcionado No Conforme</a>
                                                                            @endif
                                                                            <a target="_blank" class="dropdown-item" href="{{ route('orden-de-compra.administracion-procesos', $articuloDeLaOrdenDeCompra) }}"><i class="fas fa-bezier-curve"></i> Seguimientos De Procesos</a>
                                                                            @if($hayArticuloEnBodegaDelArticulo== false)
                                                                                @if($articuloDeLaOrdenDeCompra->estado_entrada != "Anulada" || $articuloDeLaOrdenDeCompra->estado_preparacion != "Anulada" || $articuloDeLaOrdenDeCompra->estado_salida != "Anulada" || $articuloDeLaOrdenDeCompra->estado_recepcion != "Anulada")
                                                                                    @if (auth()->user()->hasPermissionTo('orden-de-compra.autorizar'))
                                                                                        <a class="dropdown-item" href="#" onclick="anularItemDeLaOrdenDeCompra({{$articuloDeLaOrdenDeCompra->id}})"><i class="fas fa-backspace"></i> Anular Item</a>
                                                                                    @endif
                                                                                @endif
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                @elseif($ordenDeCompra->estado == 'Pendiente' || $ordenDeCompra->estado == 'Rechazado')  
                                                                    @if($articuloDeLaOrdenDeCompra->estado_entrada != "Anulada" || $articuloDeLaOrdenDeCompra->estado_preparacion != "Anulada" || $articuloDeLaOrdenDeCompra->estado_salida != "Anulada" || $articuloDeLaOrdenDeCompra->estado_recepcion != "Anulada")  
                                                                        @if (auth()->user()->hasPermissionTo('orden-de-compra.autorizar'))
                                                                            <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="anularItemDeLaOrdenDeCompra({{$articuloDeLaOrdenDeCompra->id}})"><i class="fas fa-backspace"></i> Anular Item</a>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                    @endif
                                                                @endif
                                                            @endif
                                                        </td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->articulo->codigo_articulo }}</td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->articulo->descripcion }}</td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->cantidad }}</td>
                                                        <td>{{ formatoMenedaSegunTipoDeMonedaOC($articuloDeLaOrdenDeCompra->precio_unitario, $articuloDeLaOrdenDeCompra->tipo_moneda) }}</td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->tipo_impuesto }}</td>
                                                        <td>{{ formatoMenedaSegunTipoDeMonedaOC($articuloDeLaOrdenDeCompra->precio_total, $articuloDeLaOrdenDeCompra->tipo_moneda) }}</td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->centroDeCosto->centro_costo }}</td>
                                                        <td>{{ $articuloDeLaOrdenDeCompra->numero_rq }}</td>
                                                        @if ($articuloDeLaOrdenDeCompra->reembolsable == true)
                                                            <td>Si</td>
                                                        @else
                                                            <td>No</td>
                                                        @endif

                                                        @if (isset($articuloDeLaOrdenDeCompra->articuloRequisicion))
                                                            @if ($articuloDeLaOrdenDeCompra->articuloRequisicion->estado == 'Abierta')
                                                                <td><span class="badge badge-danger">{{ $articuloDeLaOrdenDeCompra->articuloRequisicion->estado }}</span></td>
                                                            @else
                                                                @if ($articuloDeLaOrdenDeCompra->articuloRequisicion->estado == 'Anulada')
                                                                    <td><span class="badge badge-info">{{ $articuloDeLaOrdenDeCompra->articuloRequisicion->estado }}</span></td>
                                                                @else
                                                                    <td><span class="badge badge-success">{{ $articuloDeLaOrdenDeCompra->articuloRequisicion->estado }}</span></td>
                                                                @endif
                                                            @endif
                                                        @else
                                                            @if ($ordenDeCompra->Fase_modulo_logistica == 'Completo')
                                                                @if ($articuloDeLaOrdenDeCompra->estado_recepcion == 'Pendiente')
                                                                    <td><span class="badge badge-danger">Abierta</span></td>
                                                                @else
                                                                    @if ($articuloDeLaOrdenDeCompra->estado_recepcion == 'Anulada')
                                                                        <td><span class="badge badge-info">Anulada</span></td>
                                                                    @else
                                                                        <td><span class="badge badge-success">Cerrada</span></td>
                                                                    @endif
                                                                @endif
                                                            @else
                                                                @if ($ordenDeCompra->estado == 'Aprobado' || $ordenDeCompra->estado == 'Anulada')
                                                                    <td><span class="badge badge-success">Cerrada</span></td>
                                                                @else
                                                                    <td><span class="badge badge-danger">Abierta</span></td>
                                                                @endif
                                                            @endif
                                                        @endif

                                                        @if (isset($articuloDeLaOrdenDeCompra->articuloRequisicion))
                                                            @if ($articuloDeLaOrdenDeCompra->articuloRequisicion->requisicion->Fase_modulo_logistica == 'Completo')
                                                                <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($articuloDeLaOrdenDeCompra->fecha_entrada))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articuloDeLaOrdenDeCompra->fecha_entrada) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

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

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

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

                                                                @if ($articuloDeLaOrdenDeCompra->estado_entrada != 'Anulada')
                                                                    <td>{{ $diasAtradoEntrada }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_preparacion != 'Anulada')
                                                                    <td>{{ $diasAtradoPreparacion }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_salida != 'Anulada')
                                                                    <td>{{ $diasAtradoSalida }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_recepcion != 'Anulada')
                                                                    <td>{{ $diasAtradoRecepcion }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_entrada != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionEntrada !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_preparacion != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionPreparada !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_salida != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionSalida !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_recepcion != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionSalidaRecepcion !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif


                                                                @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 colspan="17">No es posible realizar movimientos de entradas y salidas en esta orden de compra.</td>
                                                            @endif
                                                        @else
                                                            @if ($ordenDeCompra->Fase_modulo_logistica == 'Completo')
                                                                <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($articuloDeLaOrdenDeCompra->fecha_entrada))
                                                                    <td>{{ fechaHoraConFormatoDeChile($articuloDeLaOrdenDeCompra->fecha_entrada) }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

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

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

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

                                                                @if ($articuloDeLaOrdenDeCompra->estado_entrada != 'Anulada')
                                                                    <td>{{ $diasAtradoEntrada }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_preparacion != 'Anulada')
                                                                    <td>{{ $diasAtradoPreparacion }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_salida != 'Anulada')
                                                                    <td>{{ $diasAtradoSalida }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_recepcion != 'Anulada')
                                                                    <td>{{ $diasAtradoRecepcion }}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_entrada != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionEntrada !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_preparacion != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionPreparada !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_salida != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionSalida !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @if ($articuloDeLaOrdenDeCompra->estado_recepcion != 'Anulada')
                                                                    <td>{!! $barraDeProgresoGeneracionSalidaRecepcion !!}</td>
                                                                @else
                                                                    <td></td>
                                                                @endif

                                                                @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 colspan="17">No es posible realizar movimientos de entradas y salidas en esta orden de compra.</td>
                                                            @endif
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>

                                @if ($ordenDeCompra->estado == 'Por Completar')
                                    <div>
                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Monto Total Antes Del Impuesto: </h6>
                                            <p id="montoTotalAntesImpuestoFormatoDinero"></p>
                                            <input type="hidden" id="montoTotalAntesImpuestoFormatoNumero" value="0">
                                        </div>

                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Impuesto: </h6>
                                            <p id="impuestoTotalFormatoDinero"></p>
                                            <input type="hidden" id="impuestoTotalFormatoNumero" value="0">
                                        </div>

                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Monto Total: </h6>
                                            <p id="montoTotalFormatoDinero"></p>
                                            <input type="hidden" id="montoTotalFormatoNumero" value="0">
                                        </div>
                                    </div>
                                @else
                                    <div>
                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Monto Total Antes Del Impuesto: </h6>
                                            <p id="montoTotalAntesImpuestoFormatoDinero">{{ $totalSinImpuesto }}</p>
                                            <input type="hidden" id="montoTotalAntesImpuestoFormatoNumero" value="0">
                                        </div>

                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Impuesto: </h6>
                                            <p id="impuestoTotalFormatoDinero">{{ $cantidadImpuesto }}</p>
                                            <input type="hidden" id="impuestoTotalFormatoNumero" value="0">
                                        </div>

                                        <div class="d-flex justify-content-end">
                                            <h6 style="margin-right: 30px;">Monto Total: </h6>
                                            <p id="montoTotalFormatoDinero">{{ $totalConImpuesto }}</p>
                                            <input type="hidden" id="montoTotalFormatoNumero" value="0">
                                        </div>
                                    </div>
                                @endif
                            </div>

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

                                                @foreach ($archivosRequisicion as $archivoRq)
                                                    <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="visualizarArchivoRegistradoRequisicion('{{ $archivoRq['archivo'] }}', '{{ strtolower(retornaTextoExtensionSegunExtensionDelArchivo($archivoRq['tipo'])) }}','{{ $archivoRq['id_requisicion'] }}')"><i class="fas fa-eye" aria-hidden="true"></i> Visualizar Archivo</a>
                                                                    <a class="dropdown-item" href="{{ route('requisicion.descargar-archivo', $archivoRq['id_archivo']) }}" target="_blank"><i class="fas fa-download" aria-hidden="true"></i> Descargar Archivo</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                        <td>{{ $archivoRq['archivo'] }}</td>
                                                        <td>{{ retornaTextoExtensionSegunExtensionDelArchivo($archivoRq['tipo']) }}</td>
                                                        <td>{{ $archivoRq['nombre_requisicion'] }}</td>
                                                    </tr>
                                                @endforeach

                                                @if (count($ordenDeCompra->archivosDeLardenDeCompras) == 0 && count($archivosRequisicion) == 0)
                                                    <tr>
                                                        <td colspan="4" class="text-center">No hay archivos disponibles en la tabla</td>
                                                    </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        @if (auth()->user()->hasPermissionTo('orden-de-compra.autorizar'))
                            @if ($ordenDeCompra->estado == 'Aprobado')
                                @if ($hayArticuloEnBodega == false)
                                    <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeFormulario"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Orden De Compra</button>
                                @endif
                            @endif

                            @if ($ordenDeCompra->estado == 'Pendiente')
                                <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="cambiarEstadoDeLaOrdenDeCompraHaAprobado()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Orden De Compra</button>
                                <button onclick="limpiarCampoMotivoRechazo()" type="button" class="btn btn-danger mt-1" id="botonRechazado" data-toggle="modal" data-target="#RechazoDeFormulario"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Orden De Compra</button>
                                <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeFormulario"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Orden De Compra</button>
                            @endif

                            @if ($ordenDeCompra->estado == 'Rechazado')
                                <button type="button" class="btn btn-success mt-1" id="botonAprobado" onclick="cambiarEstadoDeLaOrdenDeCompraHaAprobado()"><i class="fas fa-award" style="margin-right: 2px;"></i> Aprobar Orden De Compra</button>
                                <button onclick="limpiarCampoMotivoRechazo()" type="button" class="btn btn-danger mt-1" id="botonRechazado" style="display:none;" data-toggle="modal" data-target="#RechazoDeFormulario"><i class="fas fa-award" style="margin-right: 2px;"></i> Rechazar Orden De Compra</button>
                                <button type="button" class="btn btn-info mt-1" id="botonAnulacion" data-toggle="modal" data-target="#AnularDeFormulario"><i class="fas fa-backspace" style="margin-right: 2px;"></i> Anular Orden De Compra</button>
                            @endif

                        @endif

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

                        @if (Gate::check('orden-de-compra.index') || Gate::check('orden-de-compra.index-gestionador'))
                            @php
                                $urlAnterior = redirect()
                                    ->back()
                                    ->getTargetUrl();
                                $urlAnterior = explode('/', $urlAnterior);
                                $puedeVolverAlListadoDeOc = true;
                                foreach ($urlAnterior as $url) {
                                    if ($url == 'entrada-bodega' || $url == 'cierre-servicio' || $url == 'salida-bodega' || $url == 'requisicion') {
                                        $puedeVolverAlListadoDeOc = false;
                                    }
                                }
                            @endphp

                            @if ($puedeVolverAlListadoDeOc == true)
                                <a href="{{ route('orden-de-compra.index') }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                            @endif
                        @endif
                    </div>
                    <!-- /.card -->
                </div>

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

    <div class="modal fade" id="RechazoDeFormulario" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form action="{{ route('orden-de-compra.rechazar-orden-de-compra', $ordenDeCompra) }}" method="post" id="formularioRechazoOrdenDeCompra">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="exampleModalLabel">Rechazar Orden De Compra</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:white;">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label>Motivo Del Rechazo</label>
                            <textarea class="form-control" id="idObservacionRechazo" name="observacionRechazo" rows="3"></textarea>
                            <div class="invalid-feedback" id="valicacionObservacionRechazo">

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarRechazoOrdenDeCompra">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="cambiarEstadoDeLaOrdenDeCompraHaRechazado()">Rechazar Orden De Compra</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

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

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal" id="cerrarAnularOrdenDeCompra">Cerrar</button>
                        <button type="button" class="btn btn-aspen" onclick="cambiarEstadoDeLaOrdenDeCompraHaAnulado()">Anular Orden De Compra</button>
                    </div>
                </div>
            </div>
        </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') }}">
    <style>
        .hide_column {
            display: none;
        }

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

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

        }

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

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

        .tamanoImagen {
            max-width: 80%;
        }

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

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

        }
    </style>
@stop

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

    <script>
        function visualizarArchivoRegistradoRequisicion(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 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/orden-compra/' + idRq + '/' + archivo;
            var url = '{{ asset('') }}';
            url = url + rutaUrl;

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

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

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

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

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

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

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

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

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

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

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

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

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

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

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

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

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

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

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

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

                contenerdorImg.appendChild(elementoImagen);

                contenerdorDeImagenes.appendChild(contenerdorImg);

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

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

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

        }

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

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

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


                                /*document.getElementById("botonAprobado").removeAttribute("disabled");
                                document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-secondary');
                                document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-success');
                                document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-danger');
                                document.getElementById("estadoDeLaOrdenDeCompra").classList.add('bg-success');
                                document.getElementById("estadoDeLaOrdenDeCompra").innerHTML = "Aprobado";

                                document.getElementById("botonAprobado").style.display = "none";
                                document.getElementById("botonRechazado").style.display = "none";
                                document.getElementById("botonAnulacion").style.display = "inline-block";


                                if (document.getElementById("ContenedorMotivoRechazo") != null && document.getElementById("ContenedorMotivoRechazo") != undefined) {
                                    document.getElementById("ContenedorMotivoRechazo").remove();
                                }*/

                            },
                            error: function(data) {
                                document.getElementById("botonAprobado").removeAttribute("disabled");
                                eliminarLoading()
                            }
                        })
                    } else {
                        document.getElementById("botonAprobado").removeAttribute("disabled");
                    }
                })
            }
        }

        function cambiarEstadoDeLaOrdenDeCompraHaRechazado() {
            document.getElementById("botonRechazado").setAttribute("disabled", true);
            if (estadoOrdenDeCompra != "Rechazada") {
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La orden de compra cambiará su estado ha rechazada",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, rechazar!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        if (document.getElementById("idObservacionRechazo").value.trim().length > 0) {
                            var datosFormulario = $("#formularioRechazoOrdenDeCompra").serialize();
                            var csrf = '{{ csrf_token() }}';
                            $.ajax({
                                type: 'POST',
                                datatype: 'json',
                                url: '{{ route('orden-de-compra.rechazar-orden-de-compra', $ordenDeCompra) }}',
                                data: datosFormulario,
                                headers: {
                                    'X-CSRF-TOKEN': csrf
                                },
                                success: function(data) {
                                    console.log(data)
                                    Swal.fire({
                                        icon: 'success',
                                        title: '¡Rechazada!',
                                        text: 'La orden de compra cambio de estado ha rechazada',
                                        confirmButtonColor: "#448aff",
                                        confirmButtonText: "Confirmar"
                                    });

                                    eliminarLoading()
                                    document.getElementById("botonRechazado").removeAttribute("disabled");
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-secondary');
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-success');
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-danger');
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.add('bg-danger');
                                    document.getElementById("estadoDeLaOrdenDeCompra").innerHTML = "Rechazado";
                                    document.getElementById("botonRechazado").style.display = "none";
                                    document.getElementById("botonAnulacion").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.observacion_estado + '</textarea>' +
                                        '</div>';
                                    $("#RechazoDeFormulario").modal("hide");

                                },
                                error: function(data) {
                                    eliminarLoading()
                                }
                            })
                        } else {
                            document.getElementById("botonRechazado").removeAttribute("disabled");
                            document.getElementById("idObservacionRechazo").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionObservacionRechazo").innerHTML = "El campo motivo de rechazo es obligatorio para cambiar el estado ha rechazado.";
                            eliminarLoading()
                        }
                    } else {
                        document.getElementById("botonRechazado").removeAttribute("disabled");
                    }
                })
            }
        }

        function cambiarEstadoDeLaOrdenDeCompraHaAnulado() {
            document.getElementById("botonAnulacion").setAttribute("disabled", true);
            var estadoOrdenDeCompra = document.getElementById("estadoOrdenDeCompra").value;
            if (estadoOrdenDeCompra != "Anulada") {
                Swal.fire({
                    title: '¿Esta seguro?',
                    text: "La orden de compra cambiará su estado ha anulado",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, anular!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        if (document.getElementById("idObservacionAnular").value.trim().length > 0) {
                            var datosFormulario = $("#formularioAnularOrdenDeCompra").serialize();
                            var csrf = '{{ csrf_token() }}';
                            $.ajax({
                                type: 'POST',
                                datatype: 'json',
                                url: '{{ route('orden-de-compra.anular-orden-de-compra', $ordenDeCompra) }}',
                                data: datosFormulario,
                                headers: {
                                    'X-CSRF-TOKEN': csrf
                                },
                                success: function(data) {
                                    eliminarLoading()
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Anulado!',
                                            text: 'La orden de compra cambio de estado ha anulado',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.reload();
                                        })
                                        .catch((error) => {
                                            location.reload();
                                        });


                                    /*document.getElementById("botonAnulacion").removeAttribute("disabled");
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-secondary');
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-success');
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.remove('bg-danger');
                                    document.getElementById("estadoDeLaOrdenDeCompra").classList.add('bg-info');
                                    document.getElementById("estadoDeLaOrdenDeCompra").innerHTML = "Anulada";

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

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

                                    document.getElementById("botonAnulacion").style.display = "none";

                                    if (document.getElementById("ContenedorMotivoRechazo") != null && document.getElementById("ContenedorMotivoRechazo") != undefined) {
                                        document.getElementById("ContenedorMotivoRechazo").remove();
                                    }

                                    document.getElementById("custom-tabs-one-home").innerHTML +=
                                        '<div class="form-group" id="ContenedorMotivoRechazo">' +
                                        '<label style="color:#17a2b8">Motivo De La Anulación</label>' +
                                        '<textarea class="form-control" rows="3" id="motivoRechazoTextArea" style="background-color:#ACF3FE;" readonly="true">' + data.observacion_estado + '</textarea>' +
                                        '</div>';
                                    $("#AnularDeFormulario").modal("hide");*/

                                },
                                error: function(data) {
                                    document.getElementById("botonAnulacion").removeAttribute("disabled");
                                    eliminarLoading()
                                }
                            })
                        } else {
                            document.getElementById("botonAnulacion").removeAttribute("disabled");
                            document.getElementById("idObservacionAnular").setAttribute("class", "form-control is-invalid");
                            document.getElementById("valicacionObservacionAnular").innerHTML = "El campo motivo de la anulación es obligatorio para cambiar el estado ha anulado.";
                            eliminarLoading()
                        }
                    } else {
                        document.getElementById("botonAnulacion").removeAttribute("disabled");
                    }
                })
            }
        }

        function anularItemDeLaOrdenDeCompra(idItemOrdenCompra){
            Swal.fire({
                    title: '¿Esta seguro?',
                    text: "El item de la orden de compra cambiará su estado ha anulado",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '¡Si, anular!',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        generarLoading('{{ asset('img/logo.png') }}')
                        var csrf = '{{ csrf_token() }}';
                        var url = '{{ route('orden-de-compra.anular-item', [':idItemOrdenCompra']) }}';
                        url = url.replace(':idItemOrdenCompra', idItemOrdenCompra);

                            $.ajax({
                                type: 'POST',
                                datatype: 'json',
                                url: url,
                                headers: {
                                    'X-CSRF-TOKEN': csrf
                                },
                                success: function(data) {
                                    eliminarLoading()
                                    Swal.fire({
                                            icon: 'success',
                                            title: '¡Anulado!',
                                            text: 'El item de la orden de compra cambio de estado ha anulado',
                                            confirmButtonColor: "#448aff",
                                            confirmButtonText: "Confirmar"
                                        }).then((result) => {
                                            location.reload();
                                        })
                                        .catch((error) => {
                                            location.reload();
                                        });

                                },
                                error: function(data) {
                                    console.log(data)
                                    eliminarLoading()
                                }
                            })
                    }
                })
        }
    </script>
@stop