@extends('adminlte::page')

@section('title', 'Inventario')
@section('plugins.Datatables', true)
@section('content_header')
    <h1>Inventario</h1>
@stop

@section('content')

    <a href="#" class="btn btn-primary mr-3" data-toggle="modal" data-target="#mermaModal">Registrar Merma</a>
    <a href="#" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addProductModal">Agregar Producto</a>

    <br> <br>

    <div class="card">
        <div class="card-body">

            <p>La transferencia de productos solo será de beneficiado</p>

            <table id="inventoriesTable" class="table table-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Tipo Ingreso</th>
                        <th>Presentación</th>
                        <th>Tipo</th>
                        <th>Cantidad Pollos</th>
                        <th>Total Peso</th>
                        <th>Accion</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($inventarios as $inventory)
                        <tr>
                            <td>{{ $inventory->id }}</td>
                            <td>{{ $inventory->tipo_ingreso_description() }}</td>
                            <td>{{ $inventory->presentacion_pollo_descripcion }}</td>
                            <td>{{ $inventory->tipo_pollo_descripcion }}</td>
                            <td>{{ $inventory->total_pollos }}</td>
                            <td>{{ $inventory->total_peso }}</td>
                            <td>
                                @if ($inventory->presentacion_pollo_id == 2)
                                    <button class="btn btn-info btn-sm" data-toggle="modal" data-target="#transferModal"
                                        onclick="setTransferData({{ $inventory->id }}, '{{ $inventory->tipo_ingreso }}', '{{ $inventory->tipo_pollo_id }}', {{ $inventory->total_pollos }}, {{ $inventory->total_peso }})">
                                        Transferir
                                    </button>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>




    <!-- Modal Transferencia de datos-->
    <div class="modal fade" id="transferModal" tabindex="-1" role="dialog" aria-labelledby="transferModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="transferModalLabel">Transferir Pollos</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <!-- Formulario para transferir -->
                    <form id="transferForm" method="POST">
                        @csrf
                        <div class="form-group">
                            <label for="source_inventory_id">Producto Origen</label>
                            <select class="form-control" id="source_inventory_id" name="source_inventory_id" required>
                                <option value="">Seleccione el Producto Origen</option>
                                @foreach ($inventarios as $inventory)
                                    @if ($inventory->presentacion_pollo_id == 2)
                                        <!-- Filtra solo los que tienen presentacion_pollo_id == 2 -->
                                        <option value="{{ $inventory->id }}">
                                            {{ $inventory->presentacion_pollo->descripcion }} -
                                            {{ $inventory->tipo_pollo->descripcion }} -
                                            {{ $inventory->total_pollos }} Pollos
                                        </option>
                                    @endif
                                @endforeach
                            </select>

                        </div>

                        <div class="form-group">
                            <label for="destination_inventory_id">Producto Destino</label>
                            <select class="form-control" id="destination_inventory_id" name="destination_inventory_id"
                                required>
                                <option value="">Seleccione el Producto Destino</option>
                                @foreach ($inventarios as $inventory)
                                    @if ($inventory->presentacion_pollo_id == 2)
                                        <!-- Filtra solo los que tienen presentacion_pollo_id == 2 -->
                                        <option value="{{ $inventory->id }}">
                                            {{ $inventory->presentacion_pollo->descripcion }} -
                                            {{ $inventory->tipo_pollo->descripcion }} -
                                            {{ $inventory->total_pollos }} Pollos
                                        </option>
                                    @endif
                                @endforeach
                            </select>

                        </div>


                        <div class="form-group">
                            <label for="show_origin_data">
                                <input type="checkbox" id="show_origin_data"> Mostrar Datos de Origen
                            </label>
                        </div>

                        <div class="datos-origen" style="display: none;">

                            <!-- Datos del Producto Origen -->
                            <div class="form-group">
                                <label for="source_type">Tipo de Ingreso (Origen)</label>
                                <input type="text" class="form-control" id="source_origen" readonly>
                            </div>

                            <div class="form-group">
                                <label for="source_type">Tipo de Pollo (Origen)</label>
                                <input type="text" class="form-control" id="source_type" readonly>
                            </div>

                            <div class="form-group">
                                <label for="source_quantity">Cantidad Pollos (Origen)</label>
                                <input type="number" class="form-control" id="source_quantity" readonly>
                            </div>

                            <div class="form-group">
                                <label for="source_weight">Peso Total (Origen)</label>
                                <input type="number" class="form-control" id="source_weight" readonly>
                            </div>

                        </div>



                        <!-- Transferencia -->
                        <div class="form-group">
                            <label for="transfer_quantity">Cantidad Pollos a Transferir</label>
                            <input type="number" class="form-control" id="transfer_quantity" name="transfer_quantity"
                                required value="0">
                        </div>

                        <div class="form-group">
                            <label for="transfer_weight">Total Peso a Transferir</label>
                            <input type="number" step="0.01" class="form-control" id="transfer_weight"
                                name="transfer_weight" required value="0">
                        </div>
                        <button type="submit" class="btn btn-success" id="btnTransferir">Transferir</button>
                    </form>
                </div>
            </div>
        </div>
    </div>


    <!-- Modal mermas -->
    <div class="modal fade" id="mermaModal" tabindex="-1" role="dialog" aria-labelledby="mermaModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="mermaModalLabel">Registrar Merma</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="" method="POST">
                        <div class="form-group">
                            <label for="">Total Peso Neto : Merma</label>
                            <input type="text" id="totalPeso" class="form-control" readonly>
                        </div>
                        <hr>
                        <label for="">Detalle Mermas</label>
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Tipo Ingreso</th>
                                    <th>Presentación</th>
                                    <th>Tipo</th>
                                    <th>Cantidad Pollos</th>
                                    <th>Total Peso</th>
                                </tr>
                            </thead>
                            <tbody id="mermasBody">
                                @foreach ($inventarios as $inventory)
                                    <tr>
                                        <td data-tipo_ingreso_id="{{ $inventory->tipo_ingreso }}">
                                            {{ $inventory->tipo_ingreso_description() }}</td>
                                        <td>{{ $inventory->presentacion_pollo_descripcion }}</td>
                                        <td>{{ $inventory->tipo_pollo_descripcion }}</td>
                                        <td>{{ $inventory->total_pollos }}</td>
                                        <td>{{ $inventory->total_peso }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        @csrf

                        <button type="button" class="btn btn-success" id="registrarMermas">Registrar</button>

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


    <!-- Modal Add Producto-->
    <div class="modal fade" id="addProductModal" tabindex="-1" aria-labelledby="addProductModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addProductModalLabel">Agregar Producto</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <!-- Formulario para agregar producto -->
                    <form action="{{ route('inventarios.store') }}" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="fecha_despacho">Tipo de Ingreso</label>
                            <select class="form-control" id="tipo_ingreso" name="tipo_ingreso">
                                <option value="1">CAMION</option>
                                <option value="2">POR STOCK</option>
                                {{-- <option value="3">MERMA</option> --}}
                                <option value="4">BENEFICIADO</option>
                            </select>
                        </div>


                        <div class="mb-3">
                            <label for="presentacion_pollo_id">Presentacion de Pollo:</label>
                            <select id="presentacion_pollo_id" name="presentacion_pollo_id" class="form-control">
                                @foreach ($presentacionPollos as $presentacionPollo)
                                    <option value="{{ $presentacionPollo->id }}"> {{ $presentacionPollo->descripcion }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="tipo_pollo">Tipo de Pollo:</label>
                            <select id="tipo_pollo_id" name="tipo_pollo_id" class="form-control">
                                @foreach ($tipoPollos as $tipo)
                                    <option value="{{ $tipo->id }}"> {{ $tipo->descripcion }} </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="total_peso" class="form-label">Total Peso</label>
                            <input type="number" class="form-control" id="total_peso" name="total_peso" step="any"
                                required value="0">
                        </div>
                        <div class="mb-3">
                            <label for="total_pollos" class="form-label">Total Pollos</label>
                            <input type="number" class="form-control" id="total_pollos" name="total_pollos" required
                                value="0">
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                            <button type="submit" class="btn btn-primary">Registrar Producto</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


@stop

@section('css')
    <link rel="stylesheet"
        href="{{ asset('vendor/adminlte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}">
@stop

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>


    <script>
        // Función para llenar la modal con los datos del inventario seleccionado
        function setTransferData(id, tipoIngreso, tipoPollo, cantidadPollos, totalPeso) {
            // Asignamos los valores a los campos de la modal
            document.getElementById('source_origen').value = tipoIngreso;
            document.getElementById('source_inventory_id').value = id;
            document.getElementById('source_type').value = tipoPollo;
            document.getElementById('source_quantity').value = cantidadPollos;
            document.getElementById('source_weight').value = totalPeso;
        }
    </script>


    <script>
        $(function() {
            $("#inventoriesTable").DataTable({
                "responsive": true,
                "autoWidth": false,
                language: {
                    "url": "/js/spanish.json"
                },
            });

            function calcularTotalPeso() {
                let totalPeso = 0;

                $('#inventoriesTable tbody tr').each(function() {
                    const peso = parseFloat($(this).find('td:eq(5)')
                        .text()); // Columna Total Peso (índice 4)
                    if (!isNaN(peso)) {
                        totalPeso += peso;
                    }
                });

                return totalPeso;
            }

            //modal show
            $('#mermaModal').on('show.bs.modal', function() {
                const totalPeso = calcularTotalPeso();
                $('#totalPeso').val(calcularTotalPeso().toFixed(2)); // Mostrar con 2 decimales
            });


            $("#registrarMermas").click(function() {

                const totalPeso = parseFloat($('#totalPeso').val());

                // Validar que el totalPeso sea mayor que 0
                if (totalPeso <= 0) {
                    Swal.fire({
                        icon: "error",
                        title: "¡Error..!",
                        html: "No se puede registrar la merma porque el total peso es 0.<br> No hay mermas en el día.",
                    });
                    return; // Detener la ejecución si la validación falla
                }

                const detalles = [];

                $('#mermasBody tr').each(function() {
                    const tipo_ingreso = $(this).find('td:eq(0)').data("tipo_ingreso_id");
                    const presentacion = $(this).find('td:eq(1)').text();
                    const tipo = $(this).find('td:eq(2)').text();
                    const peso = parseFloat($(this).find('td:eq(4)').text());

                    detalles.push({
                        tipo_ingreso,
                        presentacion,
                        tipo,
                        peso
                    });
                });

                // Muestra el SweetAlert de confirmación
                Swal.fire({
                    title: '¿Estás seguro?',
                    html: "¿Deseas registrar esta merma? <br>Recordar: La merma se registra al finalizar las operaciones",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, registrar',
                    cancelButtonText: 'No, cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Si el usuario confirma, se ejecuta el AJAX
                        $.ajax({
                            url: '{{ route('mermas.store') }}', // Ajusta la URL según tu ruta
                            method: 'POST',
                            data: {
                                total_peso: $('#totalPeso').val(),
                                detalles: detalles,
                                _token: '{{ csrf_token() }}' // Añade el token CSRF para la seguridad
                            },
                            success: function(response) {
                                Swal.fire('Registrado', response.message,
                                    'success'); // Alerta de éxito
                                $('#mermaModal').modal('hide');
                                location
                                    .reload(); // Recargar la página o realizar alguna otra acción
                            },
                            error: function(xhr) {
                                Swal.fire('Error', 'Error al registrar la merma: ' + xhr
                                    .responseJSON.message, 'error');
                            }
                        });
                    } else {
                        // Si el usuario cancela
                        Swal.fire('Cancelado', 'El registro de la merma ha sido cancelado.',
                            'info');
                    }
                });



            });



            // Formulario de agregar producto
            $('form').submit(function(e) {
                e.preventDefault(); // Prevenir el comportamiento por defecto del formulario

                // Obtener los datos del formulario
                var formData = $(this).serialize();

                // Realizar la solicitud AJAX
                $.ajax({
                    url: $(this).attr('action'), // URL de la ruta
                    method: 'POST',
                    data: formData,
                    success: function(response) {
                        // Mostrar el mensaje de éxito usando SweetAlert2
                        Swal.fire({
                            icon: 'success', // Tipo de notificación (success, error, info, warning)
                            title: 'Éxito',
                            text: response.message, // El mensaje enviado desde Laravel
                            confirmButtonText: 'Aceptar'
                        }).then(function() {
                            // Recargar la página después de mostrar el mensaje
                            location.reload();
                        });
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        // Si hay un error (400, 404, etc.), manejarlo aquí
                        if (xhr.status === 400) {
                            // Mostrar el mensaje de error usando SweetAlert2
                            Swal.fire({
                                icon: 'error', // Tipo de notificación (error)
                                title: 'Error',
                                text: xhr.responseJSON
                                    .message, // El mensaje de error enviado desde Laravel
                                confirmButtonText: 'Aceptar'
                            });
                        } else if (xhr.status === 404) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error 404',
                                text: 'No se encontró el recurso.',
                                confirmButtonText: 'Aceptar'
                            });
                        } else if (xhr.status === 500) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error 500',
                                text: 'Hubo un problema con el servidor.',
                                confirmButtonText: 'Aceptar'
                            });
                        } else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Error desconocido',
                                text: 'Código de error: ' + xhr.status,
                                confirmButtonText: 'Aceptar'
                            });
                        }
                    }
                });
            });



            //formulario de transferencia
            // $('#transferForm').on('submit', function(e) {
            //     e.preventDefault(); // Evita el envío del formulario tradicional

            //     // Obtener los datos del formulario
            //     var formData = $(this).serialize();

            //     // Enviar la solicitud AJAX
            //     $.ajax({
            //         url: "{{ route('inventarios.transferencia') }}", // La ruta donde se realiza la transferencia
            //         method: "POST",
            //         data: formData,
            //         success: function(response) {
            //             // Mostrar mensaje de éxito con SweetAlert
            //             Swal.fire({
            //                 icon: 'success',
            //                 title: 'Éxito',
            //                 text: response.success, // Mensaje de éxito recibido del servidor
            //                 confirmButtonText: 'Aceptar'
            //             }).then(function() {
            //                 // Recargar la página cuando se haga clic en "Aceptar"
            //                 // location.reload();
            //             });

            //             // Cerrar el modal
            //             $('#transferModal').modal('hide');
            //         },
            //         error: function(xhr) {
            //             // Si hay errores de validación, los mostramos
            //             if (xhr.responseJSON && xhr.responseJSON.errors) {
            //                 var errorMessages = '';
            //                 $.each(xhr.responseJSON.errors, function(index, error) {
            //                     errorMessages += error + '\n';
            //                 });

            //                 // Mostrar errores con SweetAlert
            //                 Swal.fire({
            //                     icon: 'error',
            //                     title: 'Error',
            //                     text: errorMessages, // Mensajes de error
            //                     confirmButtonText: 'Aceptar'
            //                 });
            //             } else {
            //                 // Si hay un error en la transferencia, mostrar un mensaje genérico
            //                 Swal.fire({
            //                     icon: 'error',
            //                     title: 'Error',
            //                     text: 'Ocurrió un error en la transferencia.',
            //                     confirmButtonText: 'Aceptar'
            //                 });
            //             }
            //         }
            //     });
            // });


            $('#btnTransferir').click(function(e) {
                e.preventDefault();

                // Obtener los datos del formulario
                var formData = $('#transferForm').serialize();
                // Enviar la solicitud AJAX


                // Mostrar SweetAlert de confirmación
                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "¿Deseas transferir este producto?",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, transferir',
                    cancelButtonText: 'Cancelar',
                }).then((result) => {

                    if (result.isConfirmed) {

                        $.ajax({
                            url: "{{ route('inventarios.transferencia') }}", // La ruta donde se realiza la transferencia
                            method: "POST",
                            data: formData,
                            success: function(response) {
                                // Mostrar mensaje de éxito con SweetAlert
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Éxito',
                                    text: response
                                        .success, // Mensaje de éxito recibido del servidor
                                    confirmButtonText: 'Aceptar'
                                }).then(function() {
                                    // Recargar la página cuando se haga clic en "Aceptar"
                                    location.reload();
                                });

                                // Cerrar el modal
                                $('#transferModal').modal('hide');
                            },
                            error: function(xhr) {
                                // Si hay errores de validación, los mostramos
                                if (xhr.responseJSON && xhr.responseJSON.errors) {
                                    var errorMessages = '';
                                    $.each(xhr.responseJSON.errors, function(index,
                                        error) {
                                        errorMessages += error + '\n';
                                    });

                                    // Mostrar errores con SweetAlert
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Error',
                                        text: errorMessages, // Mensajes de error
                                        confirmButtonText: 'Aceptar'
                                    });
                                } else {
                                    // Si hay un error en la transferencia, mostrar un mensaje genérico
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Error',
                                        text: 'Ocurrió un error en la transferencia.',
                                        confirmButtonText: 'Aceptar'
                                    });
                                }
                            }
                        });

                    } else {
                        // Si hay un error en la transferencia, mostrar un mensaje genérico
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Ocurrió un error en la transferencia.',
                            confirmButtonText: 'Aceptar'
                        });
                    }
                })
            });



            // Al cambiar el estado del checkbox
            $('#show_origin_data').on('change', function() {
                // Si el checkbox está marcado, mostrar los datos de origen
                if ($(this).prop('checked')) {
                    $('.datos-origen').show();
                } else {
                    // Si no está marcado, ocultar los datos de origen
                    $('.datos-origen').hide();
                }
            });



        });
    </script>
@stop