@extends('layouts.app')

@section('content')
    @extends('inventario.menu')
    <div id="contenedor-dashboard" class="container-fluid">
        <div class="row ">
            <div class="col-md-12">
                <h2>Salidas o Despachos</h2>
            </div>
        </div>
        <div class="col-md-12">
            <br>
            <br>
            <table id="example" class="display" style="width:100%">
                <thead>
                    <tr>
                        <td>OP</td>
                        <td>Cliente</td>
                        <td>Producto</td>
                        <td>Demanda original</td>
                        <td>Faltante a Producir</td>
                        <td>Existencia</td>

                        <td>Despachos</td>
                        <td>Estatus</td>
                        <td>Acción</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($salidasAlmacen as $op)
                        @if ($op->op->status != 5)
                            <tr>
                                <td>{{ $op->id_op }}</td>
                                <td>{{ $op->cliente->nombre ?? 'Inventario' }}</td>
                                <td>{{ $op->producto->nombre . ' ' . $op?->op?->cotizaciones_p?->descripcion }}</td>
                                <!-- nombre -->
                                <td>{{ $op->op->cantidad }} {{ $op->producto->medida->nombre }}</td><!-- Demanda -->
                                <td>
                                    @if ($op->op->cantidad - $op->total_entrega < 0)
                                        0
                                    @else
                                        {{ $op->op->cantidad - $op->total_entrega }} {{ $op->producto->medida->nombre }}
                                    @endif

                                </td><!-- Faltante -->
                                                                <td>{{ $op->total_entrega - $op->op->cantidad_entregada }}
                                    {{ $op->producto->medida->nombre }}
                                </td><!-- Existencia -->
                                <td>{{ $op->op->cantidad_entregada }} {{ $op->producto->medida->nombre }}</td>
                                <!-- Despacho -->
                                <td>
                                    @if ($op->op->status == 5)
                                        Terminada
                                    @else
                                        Pendiente
                                    @endif
                                </td>
                                <td>
                                    @if ($op->op->status != 5)
                                        <a data-toggle="modal" class="entragasParciales" title="Realizar entrega"
                                            data-id_cliente="{{ $op->cliente->id }}" data-target="#entregaAlmacen"
                                            data-id_producto="{{ $op->producto->id }}"
                                            data-produccion="{{ $op->total_entrega - $op->op->cantidad_entregada }}"
                                            data-inventario="0"
                                            data-cantidad="{{ $op->total_entrega - $op->op->cantidad_entregada }}"
                                            data-id="{{ $op->id }}" data-id_op="{{ $op->id_op }}"><i
                                                class="fas fa-truck"></i></a>
                                    @endif
                                    <a href="javascript:void(0)"
                                        onclick="verDetalleEntrega('{{ $op?->op?->cotizaciones_p?->cotizacion?->condiciones_entrega }}')">
                                        <i class="fas fa-comment-dots"></i>
                                    </a>
                                </td>
                            </tr>
                        @endif
                    @endforeach
                    @foreach ($salidasAlmacenInventario as $op)
                        <tr>
                            <td>{{ $op->id }}</td>
                            <td>{{ $op->cliente->nombre ?? 'Inventario' }}</td>
                            <td>{{ $op->producto->nombre }}</td><!-- nombre -->
                            <td>{{ $op->cantidad }} {{ $op->producto->medida->nombre }}</td><!-- Demanda -->
                            <td>0 {{ $op->producto->medida->nombre }}</td>

                            <td>{{ $op->cantidad }} {{ $op->producto->medida->nombre }}</td><!-- Existencia -->
                            <td>0 {{ $op->producto->medida->nombre }}</td><!-- Despacho -->
                            <td>
                                INVENTARIO
                            </td>
                            <td>
                                <a data-toggle="modal" class="entragasInventario" data-id_cliente="{{ $op->cliente->id }}"
                                    data-target="#entregaInventario" data-id_producto="{{ $op->producto->id }}"
                                    data-cantidad="{{ $op->cantidad }}" data-id="{{ $op->id }}"
                                    data-id_cotizacion="{{ $op->id_cotizacion_producto }}"><i class="fas fa-truck"></i></a>
                                <a class="archivar_salidas" data-toggle="modal" title="Archivar" data-target="#archivar"
                                    data-idsalida="{{ $op->id }}"><i class="fas fa-archive"></i></a>
                                {{-- LINK A COTIZACION DE SALIDA --}}
                                <a href="{{ asset('/cotizaciones/' . $op?->cotizacionPDF) }}" target="_blank"><i
                                        class="fas fa-eye"></i></a>
                                <a href="javascript:void(0)"
                                    onclick="verDetalleEntrega('{{ $op?->productoCotizacion?->cotizacion?->condiciones_entrega }}')">
                                    <i class="fas fa-comment-dots"></i>
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="entregaAlmacen" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">SALIDAS DE ALMACEN</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h3>OP<span id="idOPText"></span></h3>
                    <div class="form-group">
                        <label for="recipient-name" class="col-form-label">Cantidad a entregar:</label>
                        <input type="number" class="form-control" id="cantidad" name="cantidad">
                        <input type="hidden" class="form-control" id="id_inventario" name="id_inventario">
                        <input type="hidden" class="form-control" id="id_cliente" name="id_cliente">
                        <input type="hidden" class="form-control" id="id_op" name="id_op">
                        <input type="hidden" class="form-control" id="id_producto" name="id_producto">
                        <input type="hidden" class="form-control" id="inventario" name="inventario">
                        <input type="hidden" class="form-control" id="produccion" name="produccion">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">Observaciones:</label>
                        <textarea id="observaciones" class="form-control" id="message-text"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnEntraParcial" class="btn btn-primary">Entrega Parcial</button>
                    <button type="button" id="btnInventario" class="btn btn-primary">Entrada a Stock</button>
                    <button type="button" id="btnTerminarOrden" class="btn btn-primary">Terminar Orden</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="entregaInventario" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">SALIDAS DE ALMACEN</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h3>ALMACEN <span id="idOPText2"></span></h3>
                    <div class="form-group">
                        <label for="recipient-name" class="col-form-label">Cantidad a entregar:</label>
                        <input type="number" class="form-control" id="cantidad2" name="cantidad" readonly>
                        <input type="hidden" class="form-control" id="id_inventario2" name="id_inventario">
                        <input type="hidden" class="form-control" id="id_cliente2" name="id_cliente">
                        <input type="hidden" class="form-control" id="id_producto2" name="id_producto">
                        <input type="hidden" class="form-control" id="id_cotizacion" name="id_cotizacion">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="col-form-label">Observaciones:</label>
                        <textarea id="observaciones2" class="form-control" id="message-text"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnTerminarOrdenInventario" class="btn btn-primary">Terminar
                        Orden</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="archivar" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="archivarInfo">Archivar</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('inventario.archivar_salida') }}" method="POST">
                        @csrf
                        <input id="id_salida" type="hidden" name="id" value="">
                        <div class="form-group">
                            <label for="message-text" class="col-form-label">Observación:</label>
                            <textarea class="form-control" id="message-text" name="mensaje"></textarea>
                        </div>
                        <input type="submit" id="btnArchivar" class="btn btn-secondary" value="Archivar">
                    </form>
                </div>

            </div>
        </div>
    </div>
    <script>
        $(function() {
            var token = '{{ csrf_token() }}';
            $('.archivar_salidas').each(function() {
                $(this).click(function() {
                    var id_salida = $(this).attr('data-idsalida');
                    $('#id_salida').val(id_salida);
                })
            })
            $('.entragasInventario').each(function() {
                $(this).click(function() {
                    var idInventario = $(this).attr('data-id');
                    var cantidad = $(this).attr('data-cantidad');
                    var id_producto = $(this).attr('data-id_producto');
                    var id_cliente = $(this).attr('data-id_cliente');
                    var id_cotizacion = $(this).attr('data-id_cotizacion');


                    $('#id_inventario2').val(idInventario);
                    $('#cantidad2').val(cantidad);
                    $('#id_producto2').val(id_producto);
                    $('#id_cliente2').val(id_cliente);
                    $('#id_cotizacion').val(id_cotizacion);
                    $('#idOPText2').text(idInventario);
                })
            })
            $('.entragasParciales').each(function() {
                $(this).click(function() {
                    var idInventario = $(this).attr('data-id');
                    var idOP = $(this).attr('data-id_op');
                    var cantidad = $(this).attr('data-cantidad');
                    var inventario = $(this).attr('data-inventario');
                    var id_producto = $(this).attr('data-id_producto');
                    var id_cliente = $(this).attr('data-id_cliente');
                    var produccion = $(this).attr('data-produccion');
                    if (cantidad <= 0) {
                        $('#btnInventario').attr('disabled', 'disabled');
                        $('#btnEntraParcial').attr('disabled', 'disabled');
                    } else {
                        $('#btnInventario').removeAttr('disabled');
                        $('#btnEntraParcial').removeAttr('disabled');
                    }

                    $('#idOPText').text(idOP);
                    $('#id_inventario').val(idInventario);
                    $('#id_op').val(idOP);
                    $('#cantidad').val(cantidad);
                    $('#id_producto').val(id_producto);
                    $('#id_cliente').val(id_cliente);
                    $('#inventario').val(inventario);
                    $('#produccion').val(produccion);
                })
            })

            $('#btnEntraParcial').click(function() {
                $(this).attr('disabled', 'disabled');
                $('#btnInventario').attr('disabled', 'disabled');
                $('#btnTerminarOrden').attr('disabled', 'disabled');
                $.ajax({
                    type: 'POST',
                    url: '{{ route('inventario.salida_almacen_ajax') }}',
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: {
                        id_inventario: $('#id_inventario').val(),
                        id_cliente: $('#id_cliente').val(),
                        cantidad: $('#cantidad').val(),
                        observaciones: $('#observaciones').val(),
                        id_op: $('#id_op').val(),
                        id_producto: $('#id_producto').val(),
                        inventario: $('#inventario').val(),
                        produccion: $('#produccion').val(),
                    },
                    success: function(data) {
                        $('#entregaAlmacen').modal('hide');
                        location.reload(true);
                    }
                });
            })
            $('#btnInventario').click(function() {
                $(this).attr('disabled', 'disabled');
                $('#btnEntraParcial').attr('disabled', 'disabled');
                $('#btnTerminarOrden').attr('disabled', 'disabled');
                $.ajax({
                    type: 'POST',
                    url: '{{ route('inventario.salida_almacen_inventario_ajax') }}',
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: {
                        id_inventario: $('#id_inventario').val(),
                        cantidad: $('#cantidad').val(),
                        observaciones: $('#observaciones').val(),
                        id_op: $('#id_op').val(),
                        id_producto: $('#id_producto').val(),
                        inventario: $('#inventario').val(),
                        produccion: $('#produccion').val(),
                    },
                    success: function(data) {
                        $('#entregaAlmacen').modal('hide');
                        location.reload(true);
                    }
                });
            })
            $('#btnTerminarOrden').click(function() {
                $('#btnInventario').attr('disabled', 'disabled');
                $('#btnEntraParcial').attr('disabled', 'disabled');
                $('#btnTerminarOrden').attr('disabled', 'disabled');
                var inventario = $('#produccion').val();
                var cantidad = $('#cantidad').val();
                if (cantidad > inventario) {
                    alert('No hay suficiente inventario');
                    $('#btnTerminarOrden').removeAttr('disabled');
                }
                $.ajax({
                    type: 'POST',
                    url: '{{ route('inventario.almacen_terminar_ajax') }}',
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: {
                        cantidad: cantidad,
                        observaciones: $('#observaciones').val(),
                        id_op: $('#id_op').val(),
                        id_producto: $('#id_producto').val(),
                        inventario: $('#inventario').val(),
                        id_cliente: $('#id_cliente').val(),
                        produccion: $('#produccion').val(),
                    },
                    success: function(data) {
                        $('#entregaAlmacen').modal('hide');
                        location.reload(true);
                    }
                });
            })
            $('#btnTerminarOrdenInventario').click(function() {
                $('#btnTerminarOrdenInventario').attr('disabled', 'disabled');
                var inventario = $('#id_inventario2').val();
                var cantidad = $('#cantidad2').val();
                var id_cotizacion = $('#id_cotizacion').val();
                $.ajax({
                    type: 'POST',
                    url: '{{ route('inventario.almacen_terminar_inventario_ajax') }}',
                    headers: {
                        'X-CSRF-TOKEN': token
                    },
                    data: {
                        cantidad: cantidad,
                        observaciones: $('#observaciones2').val(),
                        id_salida: inventario,
                        id_producto: $('#id_producto2').val(),
                        id_cotizacion: id_cotizacion,
                    },
                    success: function(data) {
                        $('#entregaAlmacen').modal('hide');
                        location.reload(true);
                    }
                });
            })
            //fin Q
        });
    </script>
    <script>
        var verDetalleEntrega = (condiciones) => {
            Swal.fire({
                title: 'Condiciones de entrega:',
                text: condiciones ?? '---Sin condiciones---',
                confirmButtonText: 'Aceptar'
            })
        }
    </script>
@endsection