@extends('adminlte::page')

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

@section('title', 'Intranet | Movimiento De Salida Recepcionado No Conforme')

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

    </div>
@stop

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

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

                    <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">Requisición</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">Movimiento De Salida Recepcionado No Conforme</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">
                                <div class="contenedorDosCamposPorFilaEnLosFormulario">
                                    <div class="form-group">
                                        <label>Nº Requisición</label>
                                        <div class="input-group">
                                            <input value="{{ $requisicion->numero_rq }}" type="text" class="form-control" name="numero_rq" id="numeroRq" readonly="true">
                                        </div>
                                        <div class="invalid-feedback" id="valicacionCampoNumeroRq">

                                        </div>
                                    </div>

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

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

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

                                        </div>
                                    </div>

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

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

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

                                        </div>
                                    </div>

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

                                        </div>
                                    </div>

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

                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </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 role="row">
                                                <th>#</th>
                                                <th>Acciones</th>
                                                <th>Folio</th>
                                                <th>Nombre Artículo Rq</th>
                                                <th>Nombre Artículo Oc</th>
                                                <th>Cuenta De Gasto</th>
                                                <th>Fecha Movimiento</th>
                                                <th>Fecha Recepción</th>
                                                <th>CC</th>
                                                <th>OC</th>
                                                <th>Cantidad Artículo Oc</th>
                                                <th>Cantidad Entrada</th>
                                                <th>Cantidad Salida</th>
                                                <th>Bodega</th>
                                                <th>Total</th>
                                                <th>Encargado De Bodega</th>
                                                <th>Usuario Que Recepciono No Conforme</th>
                                                <th>Observación</th>
                                                <th>Observación Recepción No Conforme</th>
                                                <th>Tipo Recepción No Conforme</th>
                                                <th>Observación Tipo Recepción No Conforme</th>
                                                <th>Estado</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($recepcionesNoConformes as $recepcion)
                                                @php
                                                    $cantidad++;
                                                @endphp
                                                <tr role="row" class="odd">
                                                    <td>{{ $cantidad }}</td>
                                                    <td></td>
                                                    <td>{{ $recepcion->movimientoDeSalida->salidaBodega->folio }}</td>
                                                    <td>{{$articulosRequisicion->descripcion}}</td>
                                                    <td>{{ $recepcion->movimientoDeSalida->articulo->descripcion }}</td>
                                                    <td>{{ $recepcion->movimientoDeSalida->articulo->cuentaDeGasto->cuenta_gasto }}</td>
                                                    <td>{{ fechaConFormatoDeChile($recepcion->movimientoDeSalida->salidaBodega->created_at) }}</td>
                                                    <td>{{ fechaConFormatoDeChile($recepcion->movimientoDeSalida->fecha_recepcion) }}</td>
                                                    <td>{{ $recepcion->movimientoDeSalida->centroCosto->centro_costo }}</td>
                                                    @if (isset($recepcion->movimientoDeSalida->articuloOrdenDeCompra))
                                                        <td>{{ $recepcion->movimientoDeSalida->articuloOrdenDeCompra->ordenDeCompra->numero_oc }}</td>
                                                    @else
                                                        <td></td>
                                                    @endif
                                                    @if (isset($recepcion->movimientoDeSalida->articuloOrdenDeCompra))
                                                        <td>{{ $recepcion->movimientoDeSalida->articuloOrdenDeCompra->cantidad }}</td>
                                                    @else
                                                        <td></td>
                                                    @endif
                                                    @if (isset($recepcion->movimientoDeSalida->entradaBodega))
                                                        <td>{{ $recepcion->movimientoDeSalida->entradaBodega->cantidad }}</td>
                                                    @else
                                                        <td></td>
                                                    @endif
                                                    <td>{{ $recepcion->movimientoDeSalida->cantidad }}</td>
                                                    <td>{{ $recepcion->movimientoDeSalida->salidaBodega->bodega->bodega }}</td>
                                                    @if (isset($recepcion->movimientoDeSalida->articuloOrdenDeCompra))
                                                        <td>{{ formatoMenedaSegunTipoDeMonedaOC($recepcion->movimientoDeSalida->articuloOrdenDeCompra->precio_total, $recepcion->movimientoDeSalida->articuloOrdenDeCompra->tipo_moneda) }}</td>
                                                    @else
                                                        <td></td>
                                                    @endif
                                                    <td>{{ $recepcion->movimientoDeSalida->salidaBodega->solicitante->name }}</td>
                                                    <td>{{ $recepcion->usuarioRecepcion->name }}</td>
                                                    <td style="text-align: center;">
                                                        @if (!empty($recepcion->movimientoDeSalida->observacion))
                                                            <button type="button" class="btn btn-success" onclick="verObservacion('{{ $recepcion->movimientoDeSalida->observacion }}')"><i class="fas fa-eye" style="margin-right: 2px;"></i> </button>
                                                        @endif
                                                    </td>
                                                    <td style="text-align: center;">
                                                        @if (!empty($recepcion->observacion_bodega))
                                                            <button type="button" class="btn btn-success" onclick="verObservacionNoConforme('{{ $recepcion->observacion_bodega }}')"><i class="fas fa-eye" style="margin-right: 2px;"></i></button>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if (isset($recepcion->id_tipo_recepcion_no_conforme))
                                                            {{ $recepcion->tipoRecepcionNoConforme->tipo }}
                                                        @endif
                                                    </td>
                                                    <td style="text-align: center;">
                                                        @if (!empty($recepcion->observacion_tipo_recepcion_no_conforme))
                                                            <button type="button" class="btn btn-success" onclick="verObservacionTipoRecepcionNoConforme('{{ $recepcion->observacion_tipo_recepcion_no_conforme }}')"><i class="fas fa-eye" style="margin-right: 2px;"></i></button>
                                                        @endif
                                                    </td>
                                                    @if ($recepcion->movimientoDeSalida->estado == 'Pendiente')
                                                        <td><span class="badge badge-secondary">{{ $recepcion->movimientoDeSalida->estado }}</span></td>
                                                    @else
                                                        @if ($recepcion->movimientoDeSalida->estado == 'Recepción conforme')
                                                            <td><span class="badge badge-success">{{ $recepcion->movimientoDeSalida->estado }}</span></td>
                                                        @else
                                                            <td><span class="badge badge-danger">{{ $recepcion->movimientoDeSalida->estado }}</span></td>
                                                        @endif
                                                    @endif
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class=" card-footer">
                        <a href="{{ route('requisicion.show', $requisicion) }}" role="button" class="btn btn-secondary"><i class="fas fa-arrow-alt-circle-left" style="margin-right: 2px;"></i> Volver</a>
                    </div>
                    <!-- /.card -->
                </div>

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

    <div class="modal fade" id="modalCampoVerObservacionNoConforme" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <form>
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #B08C1C; color:white;">
                        <h5 class="modal-title" id="tituloCampoObservacionObservacionNoConforme">Observación Recepción No Conforme</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 for="observacion" id="labelObservacionNoConforme">Observación Recepción No Conforme</label>
                            <textarea class="form-control" id="observacionNoConforme" name="observacionNoConforme" rows="3" readonly></textarea>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</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 verObservacion(observacion) {
            document.getElementById("tituloCampoObservacionObservacionNoConforme").innerHTML = "Ver Observación";
            document.getElementById("labelObservacionNoConforme").innerHTML = "Observación";
            document.getElementById("observacionNoConforme").value = observacion;
            $("#modalCampoVerObservacionNoConforme").modal("show");
        }

        function verObservacionNoConforme(observacion) {
            document.getElementById("tituloCampoObservacionObservacionNoConforme").innerHTML = "Ver Observación Recepción No Conforme";
            document.getElementById("labelObservacionNoConforme").innerHTML = "Observación Recepción No Conforme";
            document.getElementById("observacionNoConforme").value = observacion;
            $("#modalCampoVerObservacionNoConforme").modal("show");
        }
    </script>
@stop