@extends('adminlte::page')
@section('title', 'Guías de Ingreso - Todas las Sedes')
@section('plugins.Sweetalert2', true)
@section('plugins.Datatables', true)

@section('content_header')
    <h4>Guías de Ingreso - Todas las Sedes</h4>
@stop

@section('content')
    <!-- Header -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h3 class="card-title">
                        <i class="fas fa-globe mr-2"></i>Guías de Ingreso - Todas las Sedes
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('api.index') }}" class="btn btn-sm btn-warning">
                            <i class="fas fa-arrow-left mr-1"></i>Volver
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-12">
                            <strong>Período consultado:</strong><br>
                            <strong>Desde:</strong> {{ \Carbon\Carbon::parse($fechaInicio)->format('d/m/Y') }}<br>
                            <strong>Hasta:</strong> {{ \Carbon\Carbon::parse($fechaFin)->format('d/m/Y') }}
                        </div>
                    </div>

                    <!-- Resumen por sede -->
                    @if($guiasIngreso->isNotEmpty())
                        <div class="row mb-4">
                            @php
                                $sedesAgrupadas = $guiasIngreso->groupBy('empresa_sede');
                            @endphp
                            @foreach($sedesAgrupadas as $sede => $guias)
                                <div class="col-md-3 mb-3">
                                    <div class="small-box bg-info">
                                        <div class="inner">
                                            <h3>{{ $guias->count() }}</h3>
                                            <p>{{ $sede }}</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-truck"></i>
                                        </div>
                                        <p class="small-box-footer">
                                            Total Peso: {{ number_format($guias->sum('peso_neto'), 2) }} kg
                                        </p>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <div class="alert alert-success">
                            <i class="fas fa-info-circle mr-2"></i>
                            Se encontraron <strong>{{ $guiasIngreso->count() }}</strong> guías de ingreso en <strong>{{ $sedesAgrupadas->count() }}</strong> sedes.
                        </div>


                        <!-- Tabla de resultados -->
                        <div class="table-responsive">
                            <table id="tablaGuias" class="table table-striped table-hover">
                                <thead class="bg-light">
                                    <tr>
                                        <th>Sede</th>
                                        <th>Fecha Ingreso</th>
                                        <th>Tipo Ingreso</th>
                                        <th>N° Guía</th>
                                        <th>Lugar Procedencia</th>
                                        <th>N° Total de Aves</th>
                                        <th>Peso Bruto</th>
                                        <th>Peso Tara</th>
                                        <th>Peso Neto</th>
                                        <th>Estado</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($guiasIngreso as $guia)
                                        <tr>
                                            <td>
                                                <strong>{{ $guia['empresa_sede'] ?? '-' }}</strong>
                                                <br><small class="text-muted">{{ $guia['empresa_dominio'] ?? '-' }}</small>
                                            </td>
                                            <td>{{ isset($guia['fecha_ingreso']) ? \Carbon\Carbon::parse($guia['fecha_ingreso'])->format('d/m/Y') : '-' }}</td>
                                            @php
                                                $tipoIngreso = $guia['tipo_ingreso'] ?? 0;
                                                $tipoIngresoTexto = match($tipoIngreso) {
                                                    1 => 'CAMIÓN',
                                                    2 => 'STOCK',
                                                    default => 'DESCONOCIDO'
                                                };
                                            @endphp
                                            <td>{{ $tipoIngresoTexto }}</td>
                                            <td>
                                                <strong>{{ $guia['numero_guia'] ?? '-' }}</strong>
                                            </td>
                                            <td>{{ $guia['lugar_procedencia'] ?? '-' }}</td>
                                            <td>{{ $guia['totales']['cantidad_total_pollos'] ?? '-' }}</td>
                                            <td class="text-right">
                                                {{ isset($guia['peso_bruto']) ? number_format($guia['peso_bruto'], 2) : '-' }} kg
                                            </td>
                                            <td class="text-right">
                                                {{ isset($guia['peso_tara']) ? number_format($guia['peso_tara'], 2) : '-' }} kg
                                            </td>
                                            <td class="text-right">
                                                <strong>{{ isset($guia['peso_neto']) ? number_format($guia['peso_neto'], 2) : '-' }} kg</strong>
                                            </td>
                                            <td>
                                                @if($guia['estado'] == 1)
                                                    <span class="badge badge-success">PROCESADA</span>
                                                @else
                                                    <span class="badge badge-warning">ANULADO</span>
                                                @endif
                                            </td>
                                            <td>
                                                <div class="dropdown">
                                                    <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton{{ $guia['id'] }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                        Acciones
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ $guia['id'] }}">
                                                        <a href="{{ route('api.guias-ingreso.pdf', $guia['id']) }}?empresa_compradora_id={{ $guia['empresa_compradora_id'] }}&fecha_inicio={{ $fechaInicio }}&fecha_fin={{ $fechaFin }}&mostrar=1"
                                                           class="dropdown-item" target="_blank">
                                                            Ver PDF
                                                        </a>
                                                        <a href="{{ route('api.guias-ingreso.pdf', $guia['id']) }}?empresa_compradora_id={{ $guia['empresa_compradora_id'] }}&fecha_inicio={{ $fechaInicio }}&fecha_fin={{ $fechaFin }}"
                                                           class="dropdown-item" target="_blank">
                                                            Descargar PDF
                                                        </a>
                                                        <a href="javascript:void(0)" class="dropdown-item" onclick="usarGuiaIngreso({{ json_encode($guia) }})">
                                                            Usar
                                                        </a>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-warning">
                            <i class="fas fa-exclamation-triangle mr-2"></i>
                            No se encontraron guías de ingreso para el período seleccionado en ninguna sede.
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

<!-- Modal para detalle de guía -->
<div class="modal fade" id="modalDetalleGuia" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detalle de Guía de Ingreso</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body" id="modalDetalleGuiaBody">
                <!-- Contenido dinámico -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" onclick="usarGuiaIngreso()">
                    <i class="fas fa-plus mr-1"></i>Usar para Compra
                </button>
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<script>
let guiaSeleccionada = null;

$(document).ready(function() {
    $('#tablaGuias').DataTable({
        language: {
            url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/es-ES.json'
        },
        order: [[2, 'desc']], // Ordenar por fecha descendente
        pageLength: 25,
        responsive: true
    });
});

function usarGuiaIngreso(guia = null) {
    if (guia) {
        guiaSeleccionada = guia;
    }

    if (guiaSeleccionada) {
        // Redirigir a crear compra con los datos de la guía
        const url = new URL('{{ route("compras.create") }}', window.location.origin);
        url.searchParams.append('guia_ingreso', JSON.stringify(guiaSeleccionada));
        url.searchParams.append('empresa_compradora_id', guiaSeleccionada.empresa_compradora_id || '');
        window.location.href = url.toString();
    }
}


 // Función para usar guía de ingreso
 function usarGuiaIngreso(guia) {
            if (guia) {
                // Redirigir a crear compra con los datos de la guía
                const url = new URL('{{ route("compras.create") }}', window.location.origin);
                url.searchParams.append('guia_ingreso', JSON.stringify(guia));
                window.location.href = url.toString();
            }
        }


function verDetalleGuia(guia) {
    guiaSeleccionada = guia;

    const modalBody = document.getElementById('modalDetalleGuiaBody');
    modalBody.innerHTML = `
        <div class="row">
            <div class="col-md-6">
                <h6><strong>Información de la Sede</strong></h6>
                <strong>Sede:</strong> ${guia.empresa_sede || '-'}<br>
                <strong>Dominio:</strong> ${guia.empresa_dominio || '-'}
                <hr>
                <h6><strong>Información de la Guía</strong></h6>
                <strong>N° Guía:</strong> ${guia.numero_guia || '-'}<br>
                <strong>Fecha:</strong> ${guia.fecha_ingreso || '-'}<br>
                <strong>Estado:</strong> ${(guia.estado || 'pendiente').toUpperCase()}
            </div>
            <div class="col-md-6">
                <h6><strong>Información del Proveedor</strong></h6>
                <strong>Proveedor:</strong> ${guia.proveedor_nombre || '-'}<br>
                <strong>RUC:</strong> ${guia.proveedor_ruc || '-'}
                <hr>
                <h6><strong>Pesos</strong></h6>
                <strong>Peso Bruto:</strong> ${guia.peso_bruto ? parseFloat(guia.peso_bruto).toFixed(2) : '-'} kg<br>
                <strong>Peso Tara:</strong> ${guia.peso_tara ? parseFloat(guia.peso_tara).toFixed(2) : '-'} kg<br>
                <strong>Peso Neto:</strong> <strong>${guia.peso_neto ? parseFloat(guia.peso_neto).toFixed(2) : '-'} kg</strong>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-12">
                <strong>Observaciones:</strong><br>
                ${guia.observaciones || 'Sin observaciones'}
            </div>
        </div>
    `;

    $('#modalDetalleGuia').modal('show');
}
</script>
@stop