@extends('adminlte::page')
@section('title', 'Cobranzas - ' . ($empresa->razon_social ?? 'Sede'))
@section('plugins.Sweetalert2', true)
@section('plugins.Datatables', true)

@section('content_header')
    <h4>Cobranzas
        @if($empresa)
            - {{ $empresa->razon_social }}
        @endif
    </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-money-bill-wave mr-2"></i>Cobranzas
                        @if($empresa)
                            - {{ $empresa->razon_social }}
                        @endif
                    </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">
                    @if($empresa)
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <strong>Sede:</strong> {{ $empresa->razon_social }}<br>
                                <strong>Dominio:</strong> {{ $empresa->dominio }}<br>
                                <strong>RUC:</strong> {{ $empresa->ruc }}
                            </div>
                            <div class="col-md-6">
                                @if(isset($cajaId))
                                    <strong>Caja consultada:</strong><br>
                                    <strong>Caja ID:</strong> #{{ $cajaId }}<br>
                                    <strong>Período:</strong> Según fechas de apertura y cierre de la caja
                                @else
                                    <strong>Período consultado:</strong><br>
                                    <strong>Desde:</strong> {{ \Carbon\Carbon::parse($fechaInicio ?? now())->format('d/m/Y') }}<br>
                                    <strong>Hasta:</strong> {{ \Carbon\Carbon::parse($fechaFin ?? now())->format('d/m/Y') }}
                                @endif
                            </div>
                        </div>
                    @endif

                    <!-- Resultados con Tabs -->
                    @if($cobranzas->isNotEmpty())
                        @php
                            $pagos = $cobranzas->where('tipo', 'pago');
                            $transferencias = $cobranzas->where('tipo', 'transferencia');
                            $ingresos = $cobranzas->where('tipo', 'ingreso');
                        @endphp

                        <div class="alert alert-success">
                            <i class="fas fa-info-circle mr-2"></i>
                            Se encontraron <strong>{{ $pagos->count() }}</strong> pagos, <strong>{{ $transferencias->count() }}</strong> transferencias y <strong>{{ $ingresos->count() }}</strong> ingresos.
                        </div>

                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" id="cobranzasTabs" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a class="nav-link active" id="pagos-tab" data-toggle="tab" href="#pagos" role="tab" aria-controls="pagos" aria-selected="true">
                                    <i class="fas fa-money-bill-wave mr-2"></i>Pagos ({{ $pagos->count() }})
                                </a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="transferencias-tab" data-toggle="tab" href="#transferencias" role="tab" aria-controls="transferencias" aria-selected="false">
                                    <i class="fas fa-exchange-alt mr-2"></i>Transferencias ({{ $transferencias->count() }})
                                </a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a class="nav-link" id="ingresos-tab" data-toggle="tab" href="#ingresos" role="tab" aria-controls="ingresos" aria-selected="false">
                                    <i class="fas fa-arrow-down mr-2"></i>Ingresos ({{ $ingresos->count() }})
                                </a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content" id="cobranzasTabContent">
                            <!-- Tab Pagos -->
                            <div class="tab-pane fade show active" id="pagos" role="tabpanel" aria-labelledby="pagos-tab">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="pagosTable" class="table table-striped table-hover">
                                                <thead class="bg-light">
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Cliente</th>
                                                        <th>F.Pago</th>
                                                        <th>F.Registro</th>
                                                        <th>Método Pago</th>
                                                        <th>Banco Destino</th>
                                                        <th>N° Operación</th>
                                                        <th>Monto</th>
                                                        <th>Estado</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($pagos as $cobranza)
                                                        <tr>
                                                            <td>{{ $cobranza['id'] ?? '-' }}</td>
                                                            <td> {{ $cobranza['cliente_nombre'] ?? '-' }} </td>
                                                            <td>{{ isset($cobranza['fecha']) ? \Carbon\Carbon::parse($cobranza['fecha'])->format('d/m/Y') : '-' }}</td>
                                                            <td>{{ isset($cobranza['created_at']) ? \Carbon\Carbon::parse($cobranza['created_at'])->format('d/m/Y H:i:s') : '-' }}</td>
                                                            <td><span>{{ strtoupper($cobranza['metodo_pago']) }}</span></td>
                                                            <td>{{ $cobranza['banco_nombre'] ?? '-' }}</td>
                                                            <td>
                                                                <strong>{{ $cobranza['numero_operacion'] ?? 'Sin número' }}</strong>
                                                            </td>


                                                            <td>
                                                                @if(isset($cobranza['monto']))
                                                                    <strong>S/ {{ number_format($cobranza['monto'], 2) }}</strong>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>

                                                            <td>
                                                                @php
                                                                    $estado = ($cobranza['estado']) ? 'CONFIRMADA' : 'PENDIENTE';
                                                                    $badgeClass = ($estado == 'CONFIRMADA') ? 'badge-success' : 'badge-secondary';
                                                                @endphp
                                                                <span class="badge {{ $badgeClass }}">{{ $estado }}</span>
                                                            </td>
                                                            <td>
                                                                - No disponible -
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Tab Transferencias -->
                            <div class="tab-pane fade" id="transferencias" role="tabpanel" aria-labelledby="transferencias-tab">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="transferenciasTable" class="table table-striped table-hover">
                                                <thead class="bg-light">
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>N° Operación</th>
                                                        <th>Fecha</th>
                                                        <th>Cuenta Origen</th>
                                                        <th>Cuenta Destino</th>
                                                        <th>Monto</th>
                                                        <th>Método Pago</th>
                                                        <th>Estado</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($transferencias as $cobranza)
                                                        <tr>
                                                            <td>{{ $cobranza['id'] ?? '-' }}</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>
                                                                <span class="badge badge-primary">{{ $cobranza['cuenta_origen'] ?? 'N/A' }}</span>
                                                            </td>
                                                            <td>
                                                                <span class="badge badge-success">{{ $cobranza['cuenta_destino'] ?? 'N/A' }}</span>
                                                            </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'] ?? 'transferencia';
                                                                    $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>
                                                                @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>
                                                                - No disponible -
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- Tab Ingresos -->
                            <div class="tab-pane fade" id="ingresos" role="tabpanel" aria-labelledby="ingresos-tab">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="ingresosTable" class="table table-striped table-hover">
                                                <thead class="bg-light">
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Cliente</th>
                                                        <th>F. Ingreso</th>
                                                        <th>F. Registro</th>
                                                        <th>Método Pago</th>
                                                        <th>Banco Destino</th>
                                                        <th>N° Operación</th>
                                                        <th>Monto</th>
                                                        <th>Estado</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($ingresos as $ingreso)
                                                        <tr>
                                                            <td>{{ $ingreso['id'] ?? '-' }}</td>
                                                            <td>{{ $ingreso['cliente_nombre'] ?? '-' }}</td>
                                                            <td>{{ isset($ingreso['fecha']) ? \Carbon\Carbon::parse($ingreso['fecha'])->format('d/m/Y') : '-' }}</td>
                                                            <td>{{ isset($ingreso['created_at']) ? \Carbon\Carbon::parse($ingreso['created_at'])->format('d/m/Y H:i:s') : '-' }}</td>
                                                            <td><span>{{ strtoupper($ingreso['metodo_pago']) }}</span></td>
                                                            <td>{{ $ingreso['banco_nombre'] ?? '-' }}</td>
                                                            <td>
                                                                <strong>{{ $ingreso['numero_operacion'] ?? 'Sin número' }}</strong>
                                                            </td>
                                                            <td>
                                                                @if(isset($ingreso['monto']))
                                                                    <strong>S/ {{ number_format($ingreso['monto'], 2) }}</strong>
                                                                @else
                                                                    -
                                                                @endif
                                                            </td>
                                                           
                                                           
                                                            <td>
                                                                @php
                                                                    $estado = $ingreso['estado'] ?? 'confirmado';
                                                                    $badgeClass = match(strtolower($estado)) {
                                                                        'pendiente' => 'badge-warning',
                                                                        'confirmado' => 'badge-success',
                                                                        'anulado' => 'badge-danger',
                                                                        default => 'badge-secondary'
                                                                    };
                                                                @endphp
                                                                <span class="badge {{ $badgeClass }}">{{ strtoupper($estado) }}</span>
                                                            </td>
                                                            <td>
                                                                - No disponible -
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </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.
                        </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;

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

function usarIngreso(ingreso = null) {
    if (ingreso) {
        cobranzaSeleccionada = ingreso;
    }

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

function verDetalleIngreso(ingreso) {
    cobranzaSeleccionada = ingreso;

    const modalBody = document.getElementById('modalDetalleCobranzaBody');
    modalBody.innerHTML = `
        <div class="row">
            <div class="col-md-6">
                <strong>ID:</strong> ${ingreso.id || '-'}<br>
                <strong>Fecha:</strong> ${ingreso.fecha || '-'}<br>
                <strong>Descripción:</strong> ${ingreso.descripcion || ingreso.concepto || '-'}<br>
                <strong>Categoría:</strong> ${ingreso.categoria || ingreso.tipo_ingreso || 'General'}
            </div>
            <div class="col-md-6">
                <strong>Monto:</strong> <strong>${ingreso.monto ? 'S/ ' + parseFloat(ingreso.monto).toFixed(2) : '-'}</strong><br>
                <strong>Método:</strong> ${ingreso.metodo_pago || ingreso.metodo || 'Efectivo'}<br>
                <strong>Estado:</strong> ${ingreso.estado || 'Confirmado'}<br>
                <strong>Observaciones:</strong> ${ingreso.observaciones || 'Sin observaciones'}
            </div>
        </div>
    `;

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

<script>
    // Inicializar DataTables cuando el DOM esté listo
    $(document).ready(function() {
        // DataTable para Pagos
        $('#pagosTable').DataTable({
            "responsive": true,
            "autoWidth": false,
            "pageLength": 25,
            "order": [[2, "desc"]], // Ordenar por fecha descendente
            "columnDefs": [
                { "orderable": false, "targets": [8] } // Deshabilitar ordenamiento en columna Acciones
            ]
        });

        // DataTable para Transferencias
        $('#transferenciasTable').DataTable({
            "responsive": true,
            "autoWidth": false,
            "pageLength": 25,
            "order": [[2, "desc"]], // Ordenar por fecha descendente
            "columnDefs": [
                { "orderable": false, "targets": [8] } // Deshabilitar ordenamiento en columna Acciones
            ]
        });

        // DataTable para Ingresos
        $('#ingresosTable').DataTable({
            "responsive": true,
            "autoWidth": false,
            "pageLength": 25,
            "order": [[1, "desc"]], // Ordenar por fecha descendente
            "columnDefs": [
                { "orderable": false, "targets": [7] } // Deshabilitar ordenamiento en columna Acciones
            ]
        });
    });
    </script>
@stop