@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - 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"><i class="fas fa-save"></i>
        Registrar Merma</a>
    <a href="{{ route('inventarios.detalle-ajustes') }}" class="btn btn-success"> <i class="fas fa-file-alt"></i> Detalle de
        Ajustes</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 == 1 && $inventory->total_pollos > 0) || $inventory->total_peso > 0)
                                    <button class="btn btn-info btn-sm editBtn" data-id="{{ $inventory->id }}"
                                        data-presentacion-pollo-id="{{ $inventory->presentacion_pollo_id }}"
                                        data-tipo-ingreso-id="{{ $inventory->tipo_ingreso }}"
                                        data-tipo-pollo-id="{{ $inventory->tipo_pollo_id }}"
                                        data-cantidad="{{ $inventory->total_pollos }}"
                                        data-peso="{{ $inventory->total_peso }}">
                                        <i class="fa fa-edit"></i> Editar</button>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>




    <!-- Modal Ajustes-->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <h5 class="modal-title" id="editModalLabel">Ajuste de inventario</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 id="editForm">
                        @csrf
                        <div class="row">
                            <input type="hidden" id="editUserId" name="user_id" value="{{ auth()->user()->id }}">
                            <input type="hidden" id="editId" name="inventory_id">
                            <input type="hidden" id="editPresentacionPollo" name="presentacion_pollo_id">
                            <input type="hidden" id="editTipoIngreso" name="tipo_ingreso_id">
                            <input type="hidden" id="editTipoPollo" name="tipo_pollo_id">


                            <div class="col">
                                <div class="form-group">
                                    <label for="editCantidad">Cantidad Aves</label>
                                    <input type="number" class="form-control" id="editCantidad" name="cantidad_pollos"
                                        required readonly>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-group">
                                    <label for="editPesoNeto">Peso Neto</label>
                                    <input type="number" class="form-control" id="editPesoNeto" name="peso_neto"
                                        step="0.01" required readonly>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="">Seleccionar Tipo de Ajuste</label>
                            <select name="tipo_ajuste" id="tipo_ajuste" class="form-control">
                                <option value="1">Aumentar</option>
                                <option value="2">Disminuir</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="">Ingrese cantidad</label>
                            <input type="number" class="form-control" id="cantidad" value="0"
                                name="ajuste_cantidad_pollos">
                        </div>

                        <div class="form-group">
                            <label for="">Ingrese peso</label>
                            <input type="number" class="form-control" id="peso" step="0.01" value="0.00"
                                name="ajuste_peso_neto">
                        </div>


                        <div class="form-group">
                            <label for="">Motivo de ajuste</label>
                            <textarea name="descripcion" id="descripcion" class="form-control"></textarea>
                        </div>


                        <hr>
                        <button type="submit" class="btn btn-success float-right"><i class="fas fa-save"></i> Guardar
                            Ajuste</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Merma-->
    <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 bg-primary">
                    <h5 class="modal-title" id="mermaModalLabel">Registrar Merma del Día</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="totalPeso">Total Peso Merma</label>
                                <input type="number" class="form-control" id="totalPeso" step="0.01" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Tipo Ingreso</th>
                                    <th>Presentación</th>
                                    <th>Tipo</th>
                                    <th>Cantidad</th>
                                    <th>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>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal"> <i class="fas fa-times"></i> Cancelar</button>
                    <button type="button" class="btn btn-primary" id="registrarMermas"> <i class="fas fa-save"></i> Registrar Merma</button>
                </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 merma show
            $('#mermaModal').on('show.bs.modal', function() {
                const totalPeso = calcularTotalPeso();
                $('#totalPeso').val(calcularTotalPeso().toFixed(2)); // Mostrar con 2 decimales
            });

            //modal registrar mermas del dia
            $("#registrarMermas").click(function(e) {
                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());

                    if (peso > 0) {
                        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();
            //     }
            // });


            //ajuste de inventario
            $('.editBtn').click(function(e) {
                e.preventDefault();
                let inventory_id = $(this).data('id');
                let presentacion_pollo_id = $(this).data('presentacion-pollo-id');
                let tipo_ingreso_id = $(this).data('tipo-ingreso-id');
                let tipo_pollo_id = $(this).data('tipo-pollo-id');
                let cantidad = $(this).data('cantidad');
                let pesoNeto = $(this).data('peso');

                // Llenar los campos del formulario con la información del registro
                $('#editId').val(inventory_id);
                $('#editPresentacionPollo').val(presentacion_pollo_id);
                $('#editTipoIngreso').val(tipo_ingreso_id);
                $('#editTipoPollo').val(tipo_pollo_id);
                $('#editCantidad').val(cantidad);
                $('#editPesoNeto').val(pesoNeto);

                // Mostrar la modal
                $('#editModal').modal('show');
            });

            //registro ajuste de inventario
            $('#editForm').on('submit', function(e) {
                e.preventDefault();
                var formData = $('#editForm').serialize();
                let cantidad = $('#editCantidad').val();
                let peso = $('#editPesoNeto').val();

                if (cantidad <= 0 || peso <= 0) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'Los campos de cantidad y peso deben ser mayores que 0.',
                    });
                }

                // Confirmación con Swal antes de enviar el ajuste
                Swal.fire({
                    title: '¿Estás seguro?',
                    text: "¿Deseas realizar el ajuste?",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Sí, ajustar',
                    cancelButtonText: 'Cancelar',
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Hacer la solicitud AJAX
                        $.ajax({
                            type: "POST",
                            url: "{{ route('inventarios.ajuste') }}", // La ruta donde se realiza la transferencia
                            data: formData,
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Éxito',
                                    text: response
                                    .message, // Mensaje de éxito recibido del servidor
                                    confirmButtonText: 'Aceptar'
                                }).then(function() {
                                    // Recargar la página cuando se haga clic en "Aceptar"
                                    location.reload(); // Recarga la página
                                });
                            },
                            error: function(xhr, status, error) {
                                // En caso de error, mostrar mensaje
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: xhr.responseJSON.message,
                                    confirmButtonText: 'Aceptar'
                                });
                            }
                        });
                    }
                });
            });




        });
    </script>
@stop