@extends('adminlte::page')

@section('title', 'Detalles de la Orden de Despacho')
@section('plugins.Sweetalert2', true)
@section('plugins.Datatables', true)

@section('content_header')
    <h1>Generar descuento de Orden</h1>
@stop

@section('content')
    <div class="row">
        <!-- Detalles de la orden -->
        <div class="col-md-5">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-percentage text-primary"></i>
                        Detalles de la Orden
                    </h3>
                </div>
                <div class="card-body">
                    <p><strong>Cliente:</strong> {{ $orden->cliente->razon_social }}</p>
                    <p><strong>Serie de Orden:</strong> {{ $orden->serie_orden }}</p>
                    <p>
                        <strong>Fecha deDespacho:</strong> {{ \Carbon\Carbon::parse($orden->fecha_despacho)->format('d/m/Y') }}
                    </p>
                    <p><strong>Nota de Ingreso a beneficiado: </strong> {{ $orden->check_beneficiado ? 'Si' : 'No' }} </p>
                    <p><strong>Estado:</strong> {{ $orden->estado_despacho ? 'Despachado' : 'Por despachar' }}</p>
                    <hr>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Peso Total Bruto</span>
                                    <span class="info-box-number">{{ number_format($orden->peso_total_bruto, 2) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Cantidad de Jabas</span>
                                    <span class="info-box-number">{{ $orden->cantidad_jabas }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-danger"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Tara</span>
                                    <span class="info-box-number">{{ number_format($orden->tara, 2) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-weight"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Peso Total Neto</span>
                                    <span class="info-box-number">{{ number_format($orden->peso_total_neto - $orden->descuento_peso, 2) }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Comentario de la orden -->
                <div class="card-footer">
                    <div class="row">
                        <div class="col-md-12">
                            <p><strong>Comentario:</strong> {{ $orden->comentario }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabla de detalles de la orden -->
        <div class="col-md-7">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-table"></i>
                        Detalles de la Orden
                    </h3>
                </div>
                <div class="card-body">
                    @include('partials.validaciones')

                    <!-- Tabla DataTable solo con información -->
                    <table class="table table-bordered table-striped" id="table-detalles">
                        <thead class="thead-dark">
                            <tr>
                                <th>Presentación</th>
                                <th>Tipo</th>
                                <th>C. Pollos</th>
                                <th>C. Jabas</th>
                                <th>P. Bruto</th>
                                <th>Tara</th>
                                <th>P. Neto</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($orden->detalles as $detalle)
                                <tr>
                                    <td>{{ $detalle->presentacion_pollo_descripcion }}</td>
                                    <td>{{ $detalle->tipo_pollo_descripcion }}</td>
                                    <td class="text-center">{{ number_format($detalle->cantidad_pollos) }}</td>
                                    <td class="text-center">{{ $detalle->cantidad_jabas }}</td>
                                    <td class="text-right">{{ number_format($detalle->peso_bruto, 2) }}</td>
                                    <td class="text-right">{{ number_format($detalle->tara, 2) }}</td>
                                    <td class="text-right">{{ number_format($detalle->peso_neto, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="tfoot-order">
                            <tr>
                                <td colspan="2" class="font-weight-bold">TOTALES ORDEN</td>
                                <td class="text-center font-weight-bold">{{ number_format($orden->cantidad_pollos) }}</td>
                                <td class="text-center font-weight-bold">{{ $orden->cantidad_jabas }}</td>
                                <td class="text-right font-weight-bold">{{ number_format($orden->peso_total_bruto, 2) }}</td>
                                <td class="text-right font-weight-bold">{{ number_format($orden->tara, 2) }}</td>
                                <td class="text-right font-weight-bold">{{ number_format($orden->peso_total_neto, 2) }}</td>
                            </tr>
                            <tr class="tfoot-descuento">
                                <td colspan="2" class="font-weight-bold text-danger">DESCUENTOS</td>
                                <td class="text-center font-weight-bold text-danger">{{ number_format($orden->descuento_pollos) }}</td>
                                <td class="text-center font-weight-bold">-</td>
                                <td class="text-right font-weight-bold">-</td>
                                <td class="text-right font-weight-bold">-</td>
                                <td class="text-right font-weight-bold text-danger">{{ number_format($orden->descuento_peso, 2) }}</td>
                            </tr>
                            <tr class="tfoot-total">
                                <td colspan="2" class="font-weight-bold">TOTAL CON DESCUENTOS</td>
                                <td class="text-center font-weight-bold">{{ number_format($orden->cantidad_pollos - $orden->descuento_pollos) }}</td>
                                <td class="text-center font-weight-bold">{{ $orden->cantidad_jabas }}</td>
                                <td class="text-right font-weight-bold">{{ number_format($orden->peso_total_bruto, 2) }}</td>
                                <td class="text-right font-weight-bold">{{ number_format($orden->tara, 2) }}</td>
                                <td class="text-right font-weight-bold">{{ number_format($orden->peso_total_neto - $orden->descuento_peso, 2) }}</td>
                            </tr>
                        </tfoot>
                    </table>

                    <!-- Botones de acción -->
                    <div class="row mt-3">
                        <div class="col-md-6">
                            <button type="button" class="btn btn-primary btn-lg btn-block" data-toggle="modal" data-target="#modalDescuento">
                                <i class="fas fa-percentage"></i> Aplicar Descuento
                            </button>
                        </div>
                        <div class="col-md-6">
                            <a href="{{ route('ordenes-de-despacho.index') }}" class="btn btn-warning btn-lg btn-block">
                                <i class="fas fa-list"></i> Lista de Órdenes
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal para aplicar descuento -->
    <div class="modal fade" id="modalDescuento" tabindex="-1" role="dialog" aria-labelledby="modalDescuentoLabel" 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="modalDescuentoLabel">
                        <i class="fas fa-calculator"></i> Aplicar Descuento a la Orden
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ route('ordenes-de-despacho.store-discount', $orden) }}" method="POST" id="form-discount">
                    @csrf
                    <div class="modal-body">

                        <!-- Formulario de descuento -->
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="totalPollosDiscount">
                                        <i class="fas fa-chicken"></i> Cantidad de Pollos Recibidos
                                    </label>
                                    <input type="number"
                                           class="form-control"
                                           id="totalPollosDiscount"
                                           name="totalPollosDiscount"
                                           value="{{ $orden->cantidad_pollos - $orden->descuento_pollos }}"
                                           min="0"
                                           max="{{ $orden->cantidad_pollos }}"
                                           step="1"
                                           required>
                                    <small class="form-text text-muted">Máximo: {{ number_format($orden->cantidad_pollos) }} pollos</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="totalPesoNetoDiscount">
                                        <i class="fas fa-weight"></i> Peso Neto Recibido (kg)
                                    </label>
                                    <input type="number"
                                           class="form-control"
                                           id="totalPesoNetoDiscount"
                                           name="totalPesoNetoDiscount"
                                           value="{{ $orden->peso_total_neto - $orden->descuento_peso }}"
                                           min="0"
                                           max="{{ $orden->peso_total_neto }}"
                                           step="0.001"
                                           required>
                                    <small class="form-text text-muted">Máximo: {{ number_format($orden->peso_total_neto, 2) }} kg</small>
                                </div>
                            </div>
                        </div>

                        <!-- Selección de tipo de pollo para descuento -->
                        <div class="row mt-3" id="tipoPolloSection" style="display: none;">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="tipoPolloDescuento">
                                        <i class="fas fa-list"></i> Tipo de Pollo para Aplicar Descuento
                                    </label>
                                    <select class="form-control" id="tipoPolloDescuento" name="tipo_pollo_descuento">
                                        <option value="">Seleccione un tipo de pollo</option>
                                    </select>
                                    <small class="form-text text-muted">Seleccione a qué tipo de pollo aplicar el descuento</small>
                                </div>
                            </div>
                        </div>

                        <!-- Cálculo de descuentos -->
                        <div class="row mt-3">
                            <div class="col-md-12">
                                <h6><i class="fas fa-calculator"></i> Descuentos Calculados</h6>
                                <div class="row">
                                    <div class="col-md-12">
                                        <strong>Descuento en Pollos:</strong>
                                        <span id="descuentoPollosCalculado" class="text-danger">0</span>
                                        <br> <hr>
                                        <strong>Descuento en Peso:</strong>
                                        <span id="descuentoPesoCalculado" class="text-danger">0.00 kg</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <input type="hidden" name="descuento_pollos" id="descuento_pollos">
                        <input type="hidden" name="descuento_peso" id="descuento_peso">
                        <input type="hidden" name="tipo_pollo_seleccionado" id="tipo_pollo_seleccionado">
                        <input type="hidden" name="presentacion_pollo_seleccionado" id="presentacion_pollo_seleccionado">
                    </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="submit" class="btn btn-success">
                            <i class="fas fa-save"></i> Guardar Descuento
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

@section('js')
    @if (session()->has('success'))
        <script>
            Swal.fire('Mensaje informativo', '{{ session()->get('success') }}', 'success');
        </script>
    @endif
    @if (session()->has('info'))
        <script>
            Swal.fire('Mensaje informativo', '{{ session()->get('info') }}', 'info');
        </script>
    @endif

    <script>
        $(document).ready(function () {
            // Array para almacenar los tipos de pollo de la orden
            let tiposPollo = [];

            // Capturar los tipos de pollo de la tabla
            $('#table-detalles tbody tr').each(function() {
                const presentacion = $(this).find('td:eq(0)').text().trim();
                const tipo = $(this).find('td:eq(1)').text().trim();
                const cantidadPollos = parseInt($(this).find('td:eq(2)').text().replace(/,/g, ''));
                const pesoNeto = parseFloat($(this).find('td:eq(6)').text().replace(/,/g, ''));

                // Buscar si ya existe este tipo
                const existingTipo = tiposPollo.find(t => t.tipo === tipo && t.presentacion === presentacion);
                if (existingTipo) {
                    existingTipo.cantidadPollos += cantidadPollos;
                    existingTipo.pesoNeto += pesoNeto;
                } else {
                    tiposPollo.push({
                        presentacion: presentacion,
                        tipo: tipo,
                        cantidadPollos: cantidadPollos,
                        pesoNeto: pesoNeto
                    });
                }
            });

            console.log('Tipos de pollo encontrados:', tiposPollo);

            // Inicializar DataTable
            $('#table-detalles').DataTable({
                "responsive": true,
                "autoWidth": false,
                "language": {
                    "url": "//cdn.datatables.net/plug-ins/1.10.24/i18n/Spanish.json"
                },
                "pageLength": 10,
                "lengthMenu": [[5, 10, 25, -1], [5, 10, 25, "Todos"]],
                "order": [[0, "asc"]],
                "searching": true,
                "info": true,
                "paging": false,
                "dom": 'Bfrtip',
                "buttons": []
            });

            // Variables para cálculos
            const totalPollos = {{ $orden->cantidad_pollos }};
            const totalPesoNeto = {{ $orden->peso_total_neto }};
            const totalPollosDiscount = document.querySelector('#totalPollosDiscount');
            const totalPesoNetoDiscount = document.querySelector('#totalPesoNetoDiscount');

            // Función para formatear números
            function formatNumber(num, decimals = 2) {
                return parseFloat(num).toFixed(decimals);
            }

            // Función para validar inputs
            function validateInputs() {
                if (parseInt(totalPollosDiscount.value) > totalPollos) {
                    totalPollosDiscount.value = totalPollos;
                }
                if (parseInt(totalPollosDiscount.value) < 0) {
                    totalPollosDiscount.value = 0;
                }

                if (parseFloat(totalPesoNetoDiscount.value) > totalPesoNeto) {
                    totalPesoNetoDiscount.value = totalPesoNeto;
                }
                if (parseFloat(totalPesoNetoDiscount.value) < 0) {
                    totalPesoNetoDiscount.value = 0;
                }
            }

            // Event listeners para cálculos en tiempo real
            totalPollosDiscount.addEventListener('input', () => {
                validateInputs();
                calculateDiscounts();
            });
            totalPesoNetoDiscount.addEventListener('input', () => {
                validateInputs();
                calculateDiscounts();
            });

            function calculateDiscounts() {
                const pollosDescuento = totalPollos - parseInt(totalPollosDiscount.value);
                const pesoDescuento = totalPesoNeto - parseFloat(totalPesoNetoDiscount.value);

                document.querySelector('#descuentoPollosCalculado').textContent = pollosDescuento.toLocaleString();
                document.querySelector('#descuentoPesoCalculado').textContent = formatNumber(pesoDescuento) + ' kg';
                document.querySelector('#descuento_pollos').value = pollosDescuento;
                document.querySelector('#descuento_peso').value = formatNumber(pesoDescuento);

                // Actualizar colores
                const descuentoPollosElement = document.querySelector('#descuentoPollosCalculado');
                const descuentoPesoElement = document.querySelector('#descuentoPesoCalculado');

                if (pollosDescuento > 0) {
                    descuentoPollosElement.className = 'text-danger';
                } else {
                    descuentoPollosElement.className = 'text-success';
                }

                if (pesoDescuento > 0) {
                    descuentoPesoElement.className = 'text-danger';
                } else {
                    descuentoPesoElement.className = 'text-success';
                }

                // Actualizar selector de tipos
                toggleTipoPolloSelector();
            }

            // Función para mostrar/ocultar selector de tipos
            function toggleTipoPolloSelector() {
                const pollosDescuento = parseInt(document.querySelector('#descuento_pollos').value);
                const pesoDescuento = parseFloat(document.querySelector('#descuento_peso').value);
                const tipoPolloSection = document.querySelector('#tipoPolloSection');
                const tipoPolloSelect = document.querySelector('#tipoPolloDescuento');

                if (pollosDescuento > 0 || pesoDescuento > 0) {
                    // Si hay descuentos, mostrar selector solo si hay múltiples tipos
                    if (tiposPollo.length > 1) {
                        tipoPolloSection.style.display = 'block';

                        // Llenar el select con los tipos disponibles
                        tipoPolloSelect.innerHTML = '<option value="">Seleccione un tipo de pollo</option>';
                        tiposPollo.forEach(tipo => {
                            const option = document.createElement('option');
                            option.value = JSON.stringify(tipo);
                            option.textContent = `${tipo.presentacion} - ${tipo.tipo} (${tipo.cantidadPollos} pollos, ${tipo.pesoNeto.toFixed(2)} kg)`;
                            tipoPolloSelect.appendChild(option);
                        });

                        // Hacer el campo requerido
                        tipoPolloSelect.required = true;
                    } else {
                        tipoPolloSection.style.display = 'none';
                        tipoPolloSelect.required = false;

                        // Si solo hay un tipo, seleccionarlo automáticamente
                        if (tiposPollo.length === 1) {
                            document.querySelector('#tipo_pollo_seleccionado').value = tiposPollo[0].tipo;
                            document.querySelector('#presentacion_pollo_seleccionado').value = tiposPollo[0].presentacion;
                        }
                    }
                } else {
                    // Si no hay descuentos, ocultar selector
                    tipoPolloSection.style.display = 'none';
                    tipoPolloSelect.required = false;
                }
            }

            // Event listener para el cambio de selección de tipo
            document.querySelector('#tipoPolloDescuento').addEventListener('change', function() {
                if (this.value) {
                    const tipoSeleccionado = JSON.parse(this.value);
                    document.querySelector('#tipo_pollo_seleccionado').value = tipoSeleccionado.tipo;
                    document.querySelector('#presentacion_pollo_seleccionado').value = tipoSeleccionado.presentacion;
                } else {
                    document.querySelector('#tipo_pollo_seleccionado').value = '';
                    document.querySelector('#presentacion_pollo_seleccionado').value = '';
                }
            });

            // Inicializar cálculos
            calculateDiscounts();
            toggleTipoPolloSelector();

            // Confirmación de envío
            document.querySelector('#form-discount').addEventListener('submit', (e) => {
                e.preventDefault();

                const pollosDescuento = parseInt(document.querySelector('#descuento_pollos').value);
                const pesoDescuento = parseFloat(document.querySelector('#descuento_peso').value);
                const tipoPolloSeleccionado = document.querySelector('#tipo_pollo_seleccionado').value;

                let mensaje = '¿Estás seguro de aplicar este descuento?';
                let icon = 'question';

                if (pollosDescuento > 0 || pesoDescuento > 0) {
                    let tipoInfo = '';
                    if (tiposPollo.length > 1 && tipoPolloSeleccionado) {
                        tipoInfo = ` al tipo: ${tipoPolloSeleccionado}`;
                    } else if (tiposPollo.length === 1) {
                        tipoInfo = ` al tipo: ${tiposPollo[0].tipo}`;
                    }

                    mensaje = `Se aplicará un descuento de ${pollosDescuento.toLocaleString()} pollos y ${formatNumber(pesoDescuento)} kg${tipoInfo}. ¿Confirmar?`;
                    icon = 'warning';
                } else {
                    mensaje = 'No se aplicarán descuentos. ¿Confirmar?';
                    icon = 'info';
                }

                Swal.fire({
                    title: '¿Confirmar descuento?',
                    text: mensaje,
                    icon: icon,
                    showCancelButton: true,
                    confirmButtonColor: '#28a745',
                    cancelButtonColor: '#6c757d',
                    confirmButtonText: '<i class="fas fa-check"></i> Sí, aplicar',
                    cancelButtonText: '<i class="fas fa-times"></i> Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        e.target.submit();
                    }
                });
            });
        });
    </script>
@stop

@section('css')
    <style>
        .tfoot-order {
            background: #cddcec;
        }

        .tfoot-peso {
            background: #dcdfed;
        }

        .tfoot-descuento {
            background: #ffe6e6;
            border-top: 2px solid #dc3545;
        }

        .tfoot-total {
            background: #e8f5e8;
            border-top: 2px solid #28a745;
            font-weight: bold;
        }

        .tfoot-total td {
            font-size: 1.1em;
        }

        #tipoPolloSection {
            border: 1px solid #dee2e6;
            border-radius: 8px;
            padding: 15px;
            background-color: #f8f9fa;
            margin-top: 15px;
        }

        #tipoPolloDescuento {
            border: 2px solid #007bff;
        }

        #tipoPolloDescuento:focus {
            border-color: #0056b3;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .modal-lg {
            max-width: 800px;
        }

        .btn-block {
            width: 100%;
        }

        .alert {
            border-radius: 8px;
        }

        .form-group label {
            font-weight: 600;
            color: #495057;
        }

        .form-control:focus {
            border-color: #007bff;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }
    </style>
@stop