@extends('adminlte::page')

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

@section('title', 'Intranet | Detalle Reposición De Artículo')

@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-12">

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

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

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

                    @if ($reposicionDeArticulo->estado == 'Anulada')
                        <div class="ribbon-wrapper ribbon-lg">
                            <div class="ribbon bg-info">
                                {{ $reposicionDeArticulo->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 onclick="cambiarTabActual('custom-tabs-one-home-tab')" class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Datos Generales</a>
                            </li>
                            <li class="nav-item">
                                <a onclick="cambiarTabActual('custom-tabs-one-profile-tab')" class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Stock</a>
                            </li>
                            <li class="nav-item">
                                <a onclick="cambiarTabActual('custom-tabs-one-messages-tab')" class="nav-link" id="custom-tabs-one-messages-tab" data-toggle="pill" href="#custom-tabs-one-messages" role="tab" aria-controls="custom-tabs-one-messages" aria-selected="false">Tránsito</a>
                            </li>
                            <li class="nav-item">
                                <a onclick="cambiarTabActual('custom-tabs-one-contact-tab')" class="nav-link" id="custom-tabs-one-contact-tab" data-toggle="pill" href="#custom-tabs-one-contact" role="tab" aria-controls="custom-tabs-one-contact-tab" aria-selected="false">Reposición De Artículo</a>
                            </li>
                        </ul>
                    </div>

                    <form id="formularioDeRequisicion" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <div class="tab-content" id="custom-tabs-one-tabContent">
                                <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-tabs-one-home-tab">

                                    <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                        <div class="form-group">
                                            <label>Código Artículo</label>
                                            <div class="input-group">
                                                <input value="{{ $reposicionDeArticulo->articulo->codigo_articulo }}" type="text" class="form-control" name="codigo_articulo" id="codigoArticulo" readonly="true">
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label>Nombre Artículo</label>
                                            <input type="text" class="form-control" name="nombre_articulo" id="nombreArticulo" value="{{ $reposicionDeArticulo->articulo->descripcion }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Cuenta De Gasto</label>
                                            <input type="text" class="form-control" name="cuenta_gasto" id="cuentaGasto" value="{{ $reposicionDeArticulo->articulo->cuentaDeGasto->cuenta_gasto }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Fecha Registro</label>
                                            <input type="date" class="form-control" name="fecha_registro" id="fechaRegistro" value="{{ fechaConFormatoDeUSA($reposicionDeArticulo->created_at) }}" readonly="true">
                                        </div>

                                        @if (isset($reposicionDeArticulo->usuario))
                                            <div class="form-group">
                                                <label>Encargado De Bodega (Usuario Que Genero La Reposicion)</label>
                                                <input type="text" class="form-control" name="encargado_bodega" id="encargadoBodega" value="{{ $reposicionDeArticulo->usuario->name }}" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label>Encargado De Bodega (Usuario Que Genero La Reposicion)</label>
                                                <input type="text" class="form-control" name="encargado_bodega" id="encargadoBodega" readonly="true">
                                            </div>
                                        @endif

                                        @if (isset($reposicionDeArticulo->usuarioReposicion))
                                            <div class="form-group">
                                                <label>Encargado De Bodega (Usuario Que Repuso El Total Del Artículo)</label>
                                                <input type="text" class="form-control" name="encargado_bodega_reposicion" id="fechaRegistroReposicion" value="{{ $reposicionDeArticulo->usuarioReposicion->name }}" readonly="true">
                                            </div>
                                        @else
                                            <div class="form-group">
                                                <label>Encargado De Bodega (Usuario Que Repuso El Total Del Artículo)</label>
                                                <input type="text" class="form-control" name="encargado_bodega_reposicion" id="fechaRegistroReposicion" readonly="true">
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            <label>Bodega</label>
                                            <input type="text" class="form-control" name="bodega" id="bodega" value="{{ $reposicionDeArticulo->movimientoEntradaStock->bodega->bodega }}" readonly="true">
                                        </div>

                                        <div class="form-group">
                                            <label>Cantidad A Reponer</label>
                                            <input type="text" class="form-control" name="cantidad_reponer" id="cantidadRepone" value="{{ $reposicionDeArticulo->cantidad }}" readonly="true">
                                        </div>
                                    </div>

                                </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 class="table table-bordered nowrap" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" colspan="9">Movimientos De Entrada Bodega Stock</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Código Artículo</th>
                                                    <th>Nombre Artículo</th>
                                                    <th>Cuenta Gasto</th>
                                                    <th>Tipo De Movimiento</th>
                                                    <th>Encargado De Bodega (Creación/Edición)</th>
                                                    <th>Fecha Movimiento</th>
                                                    <th>Bodega</th>
                                                    <th>Cantidad Entrada</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->articulo->codigo_articulo }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->articulo->descripcion }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->tipo_movimiento }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->usuario->name }}</td>
                                                    <td>{{ fechaConFormatoDeChile($reposicionDeArticulo->movimientoEntradaStock->created_at) }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->bodega->bodega }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaStock->cantidad }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-striped table-bordered" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" colspan="11s">Movimientos De Salida Bodega Stock</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Folio</th>
                                                    <th>Código Artículo</th>
                                                    <th>Nombre Artículo</th>
                                                    <th>Cuenta Gasto</th>
                                                    <th>Tipo De Movimiento</th>
                                                    <th>Encargado De Bodega (Creación/Edición)</th>
                                                    <th>Fecha Movimiento</th>
                                                    <th>Bodega</th>
                                                    <th>Cantidad Salida</th>
                                                    <th>Observación</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->salidaBodega->folio }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->articulo->codigo_articulo }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->articulo->descripcion }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->tipo_movimiento }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->salidaBodega->solicitante->name }}</td>
                                                    <td>{{ fechaConFormatoDeChile($reposicionDeArticulo->movimientoSalida->created_at) }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->salidaBodega->bodega->bodega }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->cantidad }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoSalida->observacion }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-messages" role="tabpanel" aria-labelledby="custom-tabs-one-messages-tab">
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered nowrap" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" colspan="11">Movimientos De Entrada Bodega Tránsito</th>
                                                </tr>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Código Artículo</th>
                                                    <th>Nombre Artículo</th>
                                                    <th>Cuenta Gasto</th>
                                                    <th>Tipo De Movimiento</th>
                                                    <th>Encargado De Bodega (Creación/Edición)</th>
                                                    <th>Fecha Movimiento</th>
                                                    <th>Rq</th>
                                                    <th>Cc</th>
                                                    <th>Bodega</th>
                                                    <th>Cantidad Entrada</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->articulo->codigo_articulo }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->articulo->descripcion }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->tipo_movimiento }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->usuario->name }}</td>
                                                    <td>{{ fechaConFormatoDeChile($reposicionDeArticulo->movimientoEntradaTransito->created_at) }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->articuloRequisicion->requisicion->numero_rq }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->articuloRequisicion->requisicion->centroCosto->centro_costo }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->bodega->bodega }}</td>
                                                    <td>{{ $reposicionDeArticulo->movimientoEntradaTransito->cantidad }}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="custom-tabs-one-contact" role="tabpanel" aria-labelledby="custom-tabs-one-contact-tab">
                                    <div class="dt-responsive table-responsive">
                                        <table class="table table-bordered nowrap" role="grid" aria-describedby="base-style_info">
                                            <thead>
                                                <tr role="row">
                                                    <th>#</th>
                                                    <th>Código Artículo</th>
                                                    <th>Nombre Artículo</th>
                                                    <th>Cuenta Gasto</th>
                                                    <th>Encargado De Bodega</th>
                                                    <th>Cantidad Respuesta Del Artículo</th>
                                                    <th>Observación</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $cantidadRep = 0;
                                                @endphp
                                                @foreach ($reposicionDeArticulo->cantidadesArticulosRepuesta as $rep)
                                                    @php
                                                        $cantidadRep++;
                                                    @endphp
                                                    <tr>
                                                        <td>{{ $cantidadRep }}</td>
                                                        <td>{{ $reposicionDeArticulo->articulo->codigo_articulo }}</td>
                                                        <td>{{ $reposicionDeArticulo->articulo->descripcion }}</td>
                                                        <td>{{ $reposicionDeArticulo->articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                                        <td>{{ $rep->usuario->name }}</td>
                                                        <td>{{ $rep->cantidad }}</td>
                                                        <td>{{ $rep->observacion }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class=" card-footer">
                            @if($reposicionDeArticulo->estado=="Por Reponer")
                            <a href="{{ route('reposicion-articulo.create-reposicion-articulo',$reposicionDeArticulo) }}" role="button" class="btn btn-aspen mt-1"><i class="fas fa-people-carry" style="margin-right: 2px;"></i> Reponer Artículo</a>
                            @endif
                            <a href="{{ route('reposicion-articulo.index') }}" role="button" class="btn btn-secondary mt-1"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                        </div>
                    </form>

                </div>

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

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

@section('css')
    <link rel="stylesheet" href="{{ asset('css/estilo-generico.css') }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <style>
        .hide_column {
            display: none;
        }

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

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

        }

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

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

        .tamanoImagen {
            max-width: 80%;
        }

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

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

        }
    </style>
@stop

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

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

        function cambiarTabActual(tab) {
            tabActual = tab;
        }

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

        if (getParameterByName('tab') != null && getParameterByName('tab') != undefined && getParameterByName('tab') != "") {
            document.getElementById(getParameterByName('tab')).click();
        }
    </script>
@stop