@extends('adminlte::page')
@section('title', 'Cobranzas - Todas las Sedes')
@section('plugins.Sweetalert2', true)
@section('plugins.Datatables', true)

@section('content_header')
    <h4>Cobranzas - Todas las Sedes</h4>
@stop

@section('content')
    <!-- Header -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header bg-warning text-dark">
                    <h3 class="card-title">
                        <i class="fas fa-globe mr-2"></i>Cobranzas - Todas las Sedes
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('api.index') }}" class="btn btn-outline-dark btn-sm">
                            <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($cobranzas->isNotEmpty())
                        <div class="row mb-4">
                            @php
                                $sedesAgrupadas = $cobranzas->groupBy('empresa_sede');
                            @endphp
                            @foreach($sedesAgrupadas as $sede => $cobranzasSede)
                                <div class="col-md-4 mb-3">
                                    <div class="small-box bg-warning">
                                        <div class="inner">
                                            <h3>{{ $cobranzasSede->count() }}</h3>
                                            <p>{{ $sede }}</p>
                                        </div>
                                        <div class="icon">
                                            <i class="fas fa-money-bill-wave"></i>
                                        </div>
                                        <p class="small-box-footer">
                                            Total: S/ {{ number_format($cobranzasSede->sum('monto'), 2) }}
                                        </p>
                                    </div>
                                </div>
                            @endforeach
                        </div>

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

                        <!-- Tabla de resultados -->
                        <div class="table-responsive">
                            <table id="tablaCobranzas" class="table table-striped table-hover">
                                <thead class="bg-light">
                                    <tr>
                                        <th>Sede</th>
                                        <th>N° Operación</th>
                                        <th>Fecha</th>
                                        <th>Cliente</th>
                                        <th>Monto</th>
                                        <th>Método Pago</th>
                                        <th>Banco</th>
                                        <th>Estado</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($cobranzas as $cobranza)
                                        <tr>
                                            <td>
                                                <strong>{{ $cobranza['empresa_sede'] ?? '-' }}</strong>
                                                <br><small class="text-muted">{{ $cobranza['empresa_dominio'] ?? '-' }}</small>
                                            </td>
                                            <td>
                                                <strong>{{ $cobranza['numero_operacion'] ?? 'Sin número' }}</strong>
                                            </td>
                                            <td>{{ isset($cobranza['fecha']) ? \Carbon\Carbon::parse($cobranza['fecha'])->format('d/m/Y') : '-' }}</td>
                                            <td>
                                                {{ $cobranza['cliente_nombre'] ?? '-' }}
                                                @if(isset($cobranza['cliente_ruc']))
                                                    <br><small class="text-muted">RUC: {{ $cobranza['cliente_ruc'] }}</small>
                                                @endif
                                            </td>
                                            <td class="text-right">
                                                @if(isset($cobranza['monto']))
                                                    <strong>S/ {{ number_format($cobranza['monto'], 2) }}</strong>
                                                @else
                                                    -
                                                @endif
                                            </td>
                                            <td>
                                                @php
                                                    $metodo = $cobranza['metodo_pago'] ?? 'efectivo';
                                                    $badgeClass = match($metodo) {
                                                        'efectivo' => 'badge-success',
                                                        'transferencia' => 'badge-primary',
                                                        'deposito' => 'badge-info',
                                                        'cheque' => 'badge-warning',
                                                        default => 'badge-secondary'
                                                    };
                                                @endphp
                                                <span class="badge {{ $badgeClass }}">{{ strtoupper($metodo) }}</span>
                                            </td>
                                            <td>{{ $cobranza['banco_nombre'] ?? '-' }}</td>
                                            <td>
                                                @php
                                                    $estado = $cobranza['estado'] ?? 'confirmada';
                                                    $badgeClass = match($estado) {
                                                        'pendiente' => 'badge-warning',
                                                        'confirmada' => 'badge-success',
                                                        'anulada' => 'badge-danger',
                                                        default => 'badge-secondary'
                                                    };
                                                @endphp
                                                <span class="badge {{ $badgeClass }}">{{ strtoupper($estado) }}</span>
                                            </td>
                                            <td>
                                                <div class="btn-group btn-group-sm">
                                                    <button type="button" class="btn btn-warning btn-sm"
                                                            onclick="usarCobranza({{ json_encode($cobranza) }})">
                                                        <i class="fas fa-plus"></i> Usar
                                                    </button>
                                                    <button type="button" class="btn btn-info btn-sm"
                                                            onclick="verDetalleCobranza({{ json_encode($cobranza) }})">
                                                        <i class="fas fa-eye"></i>
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot class="bg-light">
                                    <tr>
                                        <th colspan="4" class="text-right">TOTAL:</th>
                                        <th class="text-right">
                                            <strong>S/ {{ number_format($cobranzas->sum('monto'), 2) }}</strong>
                                        </th>
                                        <th colspan="4"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    @else
                        <div class="alert alert-warning">
                            <i class="fas fa-exclamation-triangle mr-2"></i>
                            No se encontraron cobranzas para el período seleccionado en ninguna sede.
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

<!-- Modal para detalle de cobranza -->
<div class="modal fade" id="modalDetalleCobranza" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detalle de Cobranza</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body" id="modalDetalleCobranzaBody">
                <!-- 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-warning" onclick="usarCobranza()">
                    <i class="fas fa-plus mr-1"></i>Usar para Pago
                </button>
            </div>
        </div>
    </div>
</div>
@stop

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

$(document).ready(function() {
    $('#tablaCobranzas').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 usarCobranza(cobranza = null) {
    if (cobranza) {
        cobranzaSeleccionada = cobranza;
    }

    if (cobranzaSeleccionada) {
        // Redirigir a crear pago con los datos de la cobranza
        const url = new URL('{{ route("pagos-proveedores.create") }}', window.location.origin);
        url.searchParams.append('cobranza', JSON.stringify(cobranzaSeleccionada));
        url.searchParams.append('empresa_compradora_id', cobranzaSeleccionada.empresa_compradora_id || '');
        window.location.href = url.toString();
    }
}

function verDetalleCobranza(cobranza) {
    cobranzaSeleccionada = cobranza;

    const modalBody = document.getElementById('modalDetalleCobranzaBody');
    modalBody.innerHTML = `
        <div class="row">
            <div class="col-md-6">
                <h6><strong>Información de la Sede</strong></h6>
                <strong>Sede:</strong> ${cobranza.empresa_sede || '-'}<br>
                <strong>Dominio:</strong> ${cobranza.empresa_dominio || '-'}
                <hr>
                <h6><strong>Información de la Cobranza</strong></h6>
                <strong>N° Operación:</strong> ${cobranza.numero_operacion || 'Sin número'}<br>
                <strong>Fecha:</strong> ${cobranza.fecha || '-'}<br>
                <strong>Cliente:</strong> ${cobranza.cliente_nombre || '-'}<br>
                <strong>RUC:</strong> ${cobranza.cliente_ruc || '-'}
            </div>
            <div class="col-md-6">
                <h6><strong>Información del Pago</strong></h6>
                <strong>Monto:</strong> <strong>${cobranza.monto ? 'S/ ' + parseFloat(cobranza.monto).toFixed(2) : '-'}</strong><br>
                <strong>Método:</strong> ${cobranza.metodo_pago ? cobranza.metodo_pago.toUpperCase() : '-'}<br>
                <strong>Banco:</strong> ${cobranza.banco_nombre || '-'}<br>
                <strong>Estado:</strong> ${cobranza.estado ? cobranza.estado.toUpperCase() : '-'}
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-12">
                <strong>Observaciones:</strong><br>
                ${cobranza.observaciones || 'Sin observaciones'}
            </div>
        </div>
    `;

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