{{-- New-Unity ERP | Finance/Resources/Views/cxc/index.blade.php | v2.1 | 27/07/2026 --}}
{{-- v2.1 — Security: @can ajustado a finance.cxc.send-statement para botón Envío Masivo. --}}
{{-- v2.0 — CxC Fase 2: tarjetas de antigüedad clicables, filtro por bucket, botón Envío Masivo. --}}
{{-- v1.0 — CxC Fase 1: lista de facturas pendientes con filtros y estado de antigüedad. --}}

@extends('layouts.vertical')

@section('title', __('finance.cxc-index'))

@section('content')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-file-invoice-dollar"></i>
        {{ __('finance.cxc-index') }}
        <small>{{ __('finance.cxc-subtitle') }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center gap-2">
        @can('finance.cxc.send-statement')
        <a href="{{ route('ar.bulk.index') }}" class="btn btn-sm btn-outline-primary me-2">
            <i class="fal fa-paper-plane me-1"></i>{{ __('finance.bulk-statement') }}
        </a>
        @endcan
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('finance.price-lists.index') }}">{{ __('menu.finance') }}</a></li>
            <li class="breadcrumb-item active">{{ __('finance.cxc-breadcrumb') }}</li>
        </ol>
    </div>
</div>

<div class="container-fluid">

    {{-- Flash messages --}}
    @if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif
    @if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <i class="fal fa-exclamation-circle me-2"></i>{{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    {{-- Tarjetas de Antigüedad --}}
    @php
        $af = $agingFilter ?? '';
        $cardBase = 'card h-100 border-2 text-decoration-none';
        function agingHref(string $filter, string $current): string {
            $params = request()->except(['aging', 'page']);
            if ($filter !== '') $params['aging'] = $filter;
            return route('ar.index', $params);
        }
    @endphp
    <div class="row g-2 mb-3">
        {{-- Total --}}
        <div class="col-6 col-md-3">
            <a href="{{ route('ar.index', request()->except(['aging','page'])) }}"
               class="{{ $cardBase }} {{ $af === '' ? 'border-primary' : 'border-secondary border-opacity-25' }}">
                <div class="card-body py-2 px-3 d-flex align-items-center gap-3">
                    <div class="flex-shrink-0">
                        <i class="fal fa-layer-group fa-2x {{ $af === '' ? 'text-primary' : 'text-muted' }}"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="fw-bold {{ $af === '' ? 'text-primary' : 'text-dark' }}" style="font-size:1.1rem;">
                            ${{ number_format($agingTotals['total'], 0) }}
                        </div>
                        <div class="fs-xs text-muted">{{ __('finance.aging-all') }}</div>
                    </div>
                </div>
            </a>
        </div>
        {{-- Vigente --}}
        <div class="col-6 col-md-3">
            <a href="{{ route('ar.index', array_merge(request()->except(['aging','page']), ['aging'=>'current'])) }}"
               class="{{ $cardBase }} {{ $af === 'current' ? 'border-success' : 'border-secondary border-opacity-25' }}">
                <div class="card-body py-2 px-3 d-flex align-items-center gap-3">
                    <div class="flex-shrink-0">
                        <i class="fal fa-check-circle fa-2x {{ $af === 'current' ? 'text-success' : 'text-muted' }}"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="fw-bold {{ $af === 'current' ? 'text-success' : 'text-dark' }}" style="font-size:1.1rem;">
                            ${{ number_format($agingTotals['current'], 0) }}
                        </div>
                        <div class="fs-xs text-muted">{{ __('finance.aging-current-filter') }}</div>
                    </div>
                </div>
            </a>
        </div>
        {{-- Vencido 1-60 --}}
        <div class="col-6 col-md-3">
            <a href="{{ route('ar.index', array_merge(request()->except(['aging','page']), ['aging'=>'1-60'])) }}"
               class="{{ $cardBase }} {{ $af === '1-60' ? 'border-warning' : 'border-secondary border-opacity-25' }}">
                <div class="card-body py-2 px-3 d-flex align-items-center gap-3">
                    <div class="flex-shrink-0">
                        <i class="fal fa-exclamation-circle fa-2x {{ $af === '1-60' ? 'text-warning' : 'text-muted' }}"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="fw-bold {{ $af === '1-60' ? 'text-warning' : 'text-dark' }}" style="font-size:1.1rem;">
                            ${{ number_format($agingTotals['d1_60'], 0) }}
                        </div>
                        <div class="fs-xs text-muted">{{ __('finance.aging-1-60') }}</div>
                    </div>
                </div>
            </a>
        </div>
        {{-- Vencido +60 --}}
        <div class="col-6 col-md-3">
            <a href="{{ route('ar.index', array_merge(request()->except(['aging','page']), ['aging'=>'60plus'])) }}"
               class="{{ $cardBase }} {{ $af === '60plus' ? 'border-danger' : 'border-secondary border-opacity-25' }}">
                <div class="card-body py-2 px-3 d-flex align-items-center gap-3">
                    <div class="flex-shrink-0">
                        <i class="fal fa-times-circle fa-2x {{ $af === '60plus' ? 'text-danger' : 'text-muted' }}"></i>
                    </div>
                    <div class="flex-grow-1">
                        <div class="fw-bold {{ $af === '60plus' ? 'text-danger' : 'text-dark' }}" style="font-size:1.1rem;">
                            ${{ number_format($agingTotals['d60plus'], 0) }}
                        </div>
                        <div class="fs-xs text-muted">{{ __('finance.aging-60plus') }}</div>
                    </div>
                </div>
            </a>
        </div>
    </div>

    {{-- Filtros --}}
    <div class="card mb-3">
        <div class="card-body py-2">
            <form method="GET" action="{{ route('ar.index') }}" class="row g-2 align-items-end">
                @if($af !== '')
                    <input type="hidden" name="aging" value="{{ $af }}">
                @endif
                <div class="col-md-4">
                    <label class="form-label form-label-sm mb-1">{{ __('finance.filter-customer') }}</label>
                    <select name="customer_id" class="form-select form-select-sm">
                        <option value="">{{ __('finance.filter-customer') }}...</option>
                        @foreach($customers as $c)
                        <option value="{{ $c->id }}" {{ request('customer_id') == $c->id ? 'selected' : '' }}>
                            {{ $c->commercial_name ?: $c->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label form-label-sm mb-1">{{ __('finance.filter-from') }}</label>
                    <input type="date" name="from" class="form-control form-control-sm" value="{{ request('from') }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label form-label-sm mb-1">{{ __('finance.filter-to') }}</label>
                    <input type="date" name="to" class="form-control form-control-sm" value="{{ request('to') }}">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary btn-sm w-100">
                        <i class="fal fa-search me-1"></i>{{ __('finance.filter-btn') }}
                    </button>
                </div>
                <div class="col-md-2">
                    <a href="{{ route('ar.index') }}" class="btn btn-outline-secondary btn-sm w-100">
                        <i class="fal fa-times me-1"></i>{{ __('finance.clear-btn') }}
                    </a>
                </div>
            </form>
        </div>
    </div>

    {{-- Tabla --}}
    <div class="card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped table-sm mb-0 w-100">
                    <thead class="bg-primary-700">
                        <tr>
                            <th>{{ __('finance.col-folio') }}</th>
                            <th>{{ __('finance.col-customer') }}</th>
                            <th class="text-center">{{ __('finance.col-date') }}</th>
                            <th class="text-center">{{ __('finance.col-due') }}</th>
                            <th class="text-end">{{ __('finance.col-total') }}</th>
                            <th class="text-end">{{ __('finance.col-paid') }}</th>
                            <th class="text-end">{{ __('finance.col-balance') }}</th>
                            <th class="text-center">{{ __('finance.col-status') }}</th>
                            <th class="text-center">{{ __('finance.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($invoices as $invoice)
                        @php
                            $status  = $invoice->status_cxc;
                            $balance = $invoice->cxc_balance;
                            $paid    = $invoice->cxc_paid_amount;
                        @endphp
                        <tr>
                            <td class="small fw-semibold">
                                {{ ($invoice->serie ?? '') . ($invoice->folio ?? $invoice->id) }}
                            </td>
                            <td class="small">{{ $invoice->customer?->commercial_name ?: $invoice->customer?->name }}</td>
                            <td class="text-center small">
                                {{ $invoice->fecha_emision ? \Carbon\Carbon::parse($invoice->fecha_emision)->format('d/m/Y') : '—' }}
                            </td>
                            <td class="text-center small {{ $status === 'overdue' ? 'text-danger fw-semibold' : '' }}">
                                {{ $invoice->expiration_date ? \Carbon\Carbon::parse($invoice->expiration_date)->format('d/m/Y') : '—' }}
                            </td>
                            <td class="text-end small">${{ number_format($invoice->total, 2) }}</td>
                            <td class="text-end small text-success">
                                {{ $paid > 0 ? '$' . number_format($paid, 2) : '—' }}
                            </td>
                            <td class="text-end small fw-semibold {{ $status === 'overdue' ? 'text-danger' : '' }}">
                                ${{ number_format($balance, 2) }}
                            </td>
                            <td class="text-center">
                                @switch($status)
                                    @case('overdue')
                                        <span class="badge bg-danger">{{ __('finance.overdue') }}</span>
                                        @break
                                    @case('partial')
                                        <span class="badge bg-warning text-dark">{{ __('finance.partial') }}</span>
                                        @break
                                    @case('paid')
                                        <span class="badge bg-success">{{ __('finance.paid') }}</span>
                                        @break
                                    @default
                                        <span class="badge bg-secondary">{{ __('finance.pending') }}</span>
                                @endswitch
                            </td>
                            <td class="text-center">
                                <a href="{{ route('ar.show', $invoice->id) }}"
                                   class="btn btn-sm btn-icon btn-outline-primary"
                                   title="{{ __('finance.register-payment') }}">
                                    <i class="fal fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="text-center text-muted py-4">
                                <i class="fal fa-check-circle me-1"></i>{{ __('finance.no-invoices') }}
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if($invoices->hasPages())
        <div class="card-footer d-flex justify-content-between align-items-center py-2">
            <span class="text-muted small">{{ $invoices->total() }} registros</span>
            {{ $invoices->links() }}
        </div>
        @endif
    </div>

</div>
@endsection