@extends('adminlte::page')

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

@section('content')

    <div class="acciones mb-2">
        <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>
    </div>

    <div class="card">
        <div class="card-header">
            <h1 class="card-title"> <i class="fas fa-warehouse"></i> Inventario</h1>
        </div>
        <div class="card-body">


            <div class="row mb-4">
                <div class="col-md-4">
                    <div class="card shadow-sm">
                        <div class="card-header bg-info text-white">
                            <h5 class="mb-0"><i class="fas fa-chart-line"></i> Resumen General</h5>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <tbody>
                                        <tr>
                                            <td><strong>Total Pollos:</strong></td>
                                            <td class="text-right">{{ number_format($inventarios->sum('total_pollos'), 0) }} unidades</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Total Peso:</strong></td>
                                            <td class="text-right">{{ number_format($inventarios->sum('total_peso'), 2) }} kg</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="table-responsive">

                <table id="inventoriesTable" class="table table-bordered table-hover">
                    <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>
    </div>

    <!-- Modal Ajustes-->
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document" style="max-height: 80vh;">
            <div class="modal-content" style="max-height: 80vh; overflow-y: auto;">
                <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
                        <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">

                        <!-- Información del inventario actual -->
                        <div class="row mb-3">
                            <div class="col-12">
                                <div class="alert alert-info" role="alert">
                                    <i class="fas fa-info-circle"></i>
                                    <span id="tipo_actual_info"></span>
                                </div>
                            </div>
                        </div>

                        <!-- Información actual en una fila -->
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <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-md-4">
                                <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 class="col-md-4">
                                <div class="form-group">
                                    <label for="">Tipo de Operación</label>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="tipo_operacion" id="ajuste_simple" value="ajuste" checked>
                                        <label class="form-check-label" for="ajuste_simple">
                                            Ajuste Simple
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="tipo_operacion" id="transferencia" value="transferencia">
                                        <label class="form-check-label" for="transferencia">
                                            Transferencia
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Campos para Ajuste Simple -->
                        <div id="ajuste_simple_fields">
                            <div class="row">
                                <div class="col-md-12">
                                    <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>
                                <div class="col-md-6">
                                    <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>
                                <div class="col-md-6">
                                    <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>
                            </div>
                            <div class="row">

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

                        <!-- Campos para Transferencia -->
                        <div id="transferencia_fields" style="display: none;">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Transferir a Tipo de Pollo</label>
                                        <select name="tipo_pollo_destino" id="tipo_pollo_destino" class="form-control">
                                            <option value="">Seleccionar tipo destino...</option>
                                            @foreach($tipoPollos as $tipo)
                                                <option value="{{ $tipo->id }}">{{ $tipo->descripcion }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Tipo de Ingreso Destino</label>
                                        <select name="tipo_ingreso_destino" id="tipo_ingreso_destino" class="form-control">
                                            <option value="">Seleccionar tipo de ingreso...</option>
                                            <option value="1">CAMION</option>
                                            <option value="2">STOCK</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Ingrese cantidad</label>
                                        <input type="number" class="form-control" id="cantidad_transfer" value="0"
                                            name="ajuste_cantidad_pollos">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Ingrese peso</label>
                                        <input type="number" class="form-control" id="peso_transfer" step="0.01" value="0.00"
                                            name="ajuste_peso_neto">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="">Motivo de ajuste</label>
                                        <textarea name="descripcion" id="descripcion_transfer" class="form-control" rows="2"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle"></i>
                                <strong>Transferencia Personalizada:</strong> Se disminuirá del inventario actual y se aumentará en el inventario destino seleccionado.
                                <br><small class="text-white">Ejemplo: Pollo Brasa CAMION → Pollo Presa CAMION (mismo tipo de ingreso)</small>
                            </div>
                        </div>



                        <hr>
                        <button type="submit" class="btn btn-success float-right" id="submitBtn">
                            <i class="fas fa-save"></i> <span id="submitText">Guardar Ajuste</span>
                        </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  table-hover">
                            <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>
        // 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"
                },
                order: [[1, 'asc']]
            });

            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');
                    }
                });
            });




            //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);
                $('#tipo_actual_info').text('Tipo actual: ' + tipo_pollo_id);

                // Obtener el nombre del tipo de pollo actual para mostrar en el mensaje
                let tipoActualNombre = $('#tipo_pollo_destino option[value="' + tipo_pollo_id + '"]').text();

                // Determinar el tipo de ingreso actual
                let tipoIngresoActual = '';
                if (tipo_ingreso_id == 1) {
                    tipoIngresoActual = 'CAMION';
                } else if (tipo_ingreso_id == 2) {
                    tipoIngresoActual = 'STOCK';
                } else {
                    tipoIngresoActual = 'OTRO';
                }

                $('#tipo_actual_info').text('Tipo actual: ' + tipoActualNombre + ' ' + tipoIngresoActual);

                // No filtrar opciones aquí - permitir todas las transferencias
                // El filtro se hará en el backend basado en tipo_ingreso_id

                // Resetear el formulario
                $('#ajuste_simple').prop('checked', true);
                $('#transferencia_fields').hide();
                $('#ajuste_simple_fields').show();
                $('#submitText').text('Guardar Ajuste');
                $('#tipo_pollo_destino').val('');
                $('#tipo_ingreso_destino').val('');
                $('#cantidad').val('0');
                $('#peso').val('0.00');
                $('#cantidad_transfer').val('0');
                $('#peso_transfer').val('0.00');
                $('#descripcion').val('');
                $('#descripcion_transfer').val('');

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

            // Manejar cambio entre ajuste simple y transferencia
            $('input[name="tipo_operacion"]').change(function() {
                if ($(this).val() === 'ajuste') {
                    $('#ajuste_simple_fields').show();
                    $('#transferencia_fields').hide();
                    $('#submitText').text('Guardar Ajuste');
                } else {
                    $('#ajuste_simple_fields').hide();
                    $('#transferencia_fields').show();
                    $('#submitText').text('Realizar Transferencia');
                }
            });

            //registro ajuste de inventario
            $('#editForm').on('submit', function(e) {
                e.preventDefault();
                var formData = $('#editForm').serialize();
                let tipoOperacion = $('input[name="tipo_operacion"]:checked').val();

                // Obtener valores según el tipo de operación
                let cantidad, peso;
                if (tipoOperacion === 'ajuste') {
                    cantidad = $('#cantidad').val();
                    peso = $('#peso').val();
                } else {
                    cantidad = $('#cantidad_transfer').val();
                    peso = $('#peso_transfer').val();
                }

                // Validaciones básicas - al menos uno debe ser mayor que 0
                if (cantidad <= 0 && peso <= 0) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'Debe ingresar al menos una cantidad o peso mayor que 0.',
                    });
                    return;
                }

                // Validación específica para transferencia
                if (tipoOperacion === 'transferencia') {
                    let tipoDestino = $('#tipo_pollo_destino').val();
                    let tipoIngresoDestino = $('#tipo_ingreso_destino').val();

                    if (!tipoDestino) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Debe seleccionar un tipo de pollo destino para la transferencia.',
                        });
                        return;
                    }

                    if (!tipoIngresoDestino) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Debe seleccionar un tipo de ingreso destino para la transferencia.',
                        });
                        return;
                    }

                    // La validación específica de mismo inventario se hace en el backend
                    // Aquí solo validamos que se hayan seleccionado ambos destinos
                }

                // Determinar el texto de confirmación
                let confirmText = tipoOperacion === 'transferencia'
                    ? "¿Deseas realizar la transferencia entre tipos de pollo?"
                    : "¿Deseas realizar el ajuste?";

                let confirmButtonText = tipoOperacion === 'transferencia'
                    ? "Sí, transferir"
                    : "Sí, ajustar";

                // Confirmación con Swal antes de enviar
                Swal.fire({
                    title: '¿Estás seguro?',
                    text: confirmText,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: confirmButtonText,
                    cancelButtonText: 'Cancelar',
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Determinar la URL según el tipo de operación
                        let url = tipoOperacion === 'transferencia'
                            ? "{{ route('inventarios.transferencia-automatica') }}"
                            : "{{ route('inventarios.ajuste') }}";

                        // Hacer la solicitud AJAX
                        $.ajax({
                            type: "POST",
                            url: url,
                            data: formData,
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Éxito',
                                    text: response.message,
                                    confirmButtonText: 'Aceptar'
                                }).then(function() {
                                    // Recargar la página cuando se haga clic en "Aceptar"
                                    location.reload();
                                });
                            },
                            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