@php
    use App\Support\Format;
    $record = $getRecord();
    $installments = $record->installments()->orderBy('installment_number')->get();
    $overdueCount = $installments->where('status', 'overdue')->count();
    $paidCount = $installments->where('status', 'paid')->count();
    $totalCount = $installments->count();
@endphp

<div>
    {{-- Summary Stats --}}
    <div class="stats-grid stats-grid-4">
        <div class="stat-card stat-card-default">
            <div class="stat-value">{{ $totalCount }}</div>
            <div class="stat-label">Total</div>
        </div>
        <div class="stat-card stat-card-success">
            <div class="stat-value stat-value-success">{{ $paidCount }}</div>
            <div class="stat-label">Pagadas</div>
        </div>
        <div class="stat-card stat-card-default">
            <div class="stat-value">{{ $totalCount - $paidCount - $overdueCount }}</div>
            <div class="stat-label">Pendientes</div>
        </div>
        <div class="stat-card {{ $overdueCount > 0 ? 'stat-card-danger' : 'stat-card-default' }}">
            <div class="stat-value {{ $overdueCount > 0 ? 'stat-value-danger' : '' }}">{{ $overdueCount }}</div>
            <div class="stat-label">Vencidas</div>
        </div>
    </div>

    {{-- Table --}}
    <div class="credit-table-container">
        <table class="credit-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Vencimiento</th>
                    <th class="text-right">Total</th>
                    <th class="text-right">Pagado</th>
                    <th class="text-right">Pendiente</th>
                    <th class="text-center">Estado</th>
                </tr>
            </thead>
            <tbody>
                @forelse($installments as $installment)
                    @php
                        $isOverdue = $installment->status === 'overdue';
                        $isPaid = $installment->status === 'paid';
                        $remaining = $installment->total_amount - $installment->amount_paid;
                        $rowClass = $isOverdue ? 'row-danger' : ($isPaid ? 'row-success' : '');

                        $badgeClass = match($installment->status) {
                            'paid' => 'badge-success',
                            'partial_paid' => 'badge-info',
                            'overdue' => 'badge-danger',
                            default => 'badge-gray',
                        };
                    @endphp
                    <tr class="{{ $rowClass }}">
                        <td style="font-weight: 500;">{{ $installment->installment_number }}</td>
                        <td>
                            {{ $installment->due_date->format('d/m/Y') }}
                            @if($isOverdue)
                                <span style="color: rgb(239 68 68); margin-left: 0.25rem;">!</span>
                            @endif
                        </td>
                        <td class="text-right money">{{ Format::money($installment->total_amount) }}</td>
                        <td class="text-right money {{ $installment->amount_paid > 0 ? 'money-success' : '' }}">
                            {{ Format::money($installment->amount_paid) }}
                        </td>
                        <td class="text-right money {{ $remaining > 0 ? 'money-danger' : '' }}" style="{{ $remaining > 0 ? 'font-weight: 500;' : '' }}">
                            {{ $remaining > 0 ? Format::money($remaining) : '-' }}
                        </td>
                        <td class="text-center">
                            <span class="credit-badge {{ $badgeClass }}">
                                {{ $installment->getStatusLabel() }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="empty-state">
                            No hay cuotas registradas
                        </td>
                    </tr>
                @endforelse
            </tbody>
            @if($installments->isNotEmpty())
            <tfoot>
                <tr>
                    <td colspan="2" class="text-right" style="font-size: 0.75rem; text-transform: uppercase;">Totales:</td>
                    <td class="text-right money">{{ Format::money($installments->sum('total_amount')) }}</td>
                    <td class="text-right money money-success">{{ Format::money($installments->sum('amount_paid')) }}</td>
                    <td class="text-right money money-danger">{{ Format::money($installments->sum('total_amount') - $installments->sum('amount_paid')) }}</td>
                    <td></td>
                </tr>
            </tfoot>
            @endif
        </table>
    </div>
</div>