@extends('layouts.app')
@section('title', 'Dues Invoices')
@section('page-title', 'Member Dues Invoices')

@section('content')

<div class="page-header">
    <div>
        <h1>Dues Invoices</h1>
        <p class="text-muted mb-0" style="font-size:14px">All member dues invoices and payment status.</p>
    </div>
    <a href="{{ route('dues.invoices.generate') }}" class="btn btn-lions">
        <i class="bi bi-file-earmark-plus me-1"></i> Generate Invoices
    </a>
</div>

{{-- Good Standing Summary --}}
@if($unpaidOverTenDollarsLci > 0 || $overdue90DaysOver50 > 0)
<div class="alert alert-compliance mb-4">
    <strong><i class="bi bi-shield-exclamation me-2"></i>Good Standing Risk Detected</strong>
    @if($unpaidOverTenDollarsLci > 0)
        <div class="mt-1">{{ $unpaidOverTenDollarsLci }} invoice(s) have an unpaid LCI balance exceeding $10.00.</div>
    @endif
    @if($overdue90DaysOver50 > 0)
        <div class="mt-1">{{ $overdue90DaysOver50 }} invoice(s) are over 90 days old with a balance exceeding $50.00.</div>
    @endif
</div>
@endif

{{-- Filter Bar --}}
<div class="card mb-3">
    <div class="card-body py-2">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-6 col-md-3">
                <label class="form-label">Member</label>
                <select name="member_id" class="form-select form-select-sm">
                    <option value="">All Members</option>
                    @foreach($members as $m)
                        <option value="{{ $m->id }}" {{ request('member_id') == $m->id ? 'selected' : '' }}>
                            {{ $m->full_name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">All</option>
                    <option value="unpaid"  {{ request('status') === 'unpaid'  ? 'selected' : '' }}>Unpaid</option>
                    <option value="partial" {{ request('status') === 'partial' ? 'selected' : '' }}>Partial</option>
                    <option value="paid"    {{ request('status') === 'paid'    ? 'selected' : '' }}>Paid</option>
                    <option value="waived"  {{ request('status') === 'waived'  ? 'selected' : '' }}>Waived</option>
                </select>
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label">Fiscal Year</label>
                <select name="fiscal_year" class="form-select form-select-sm">
                    <option value="">All Years</option>
                    @foreach($fiscalYears as $fy)
                        <option value="{{ $fy }}" {{ request('fiscal_year') === $fy ? 'selected' : '' }}>{{ $fy }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2 d-flex gap-1">
                <button class="btn btn-lions btn-sm flex-grow-1"><i class="bi bi-search"></i> Filter</button>
                <a href="{{ route('dues.invoices') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-x"></i></a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table mb-0">
            <thead>
                <tr>
                    <th>Invoice #</th>
                    <th>Member</th>
                    <th>Period</th>
                    <th>Fiscal Year</th>
                    <th class="text-end">LCI</th>
                    <th class="text-end">Total</th>
                    <th class="text-end">Balance Due</th>
                    <th>Status</th>
                    <th>Due Date</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($invoices as $invoice)
                <tr class="{{ $invoice->is_overdue ? 'table-warning' : '' }}">
                    <td style="font-size:13px;font-family:monospace">{{ $invoice->invoice_number }}</td>
                    <td style="font-size:13px;font-weight:600">{{ $invoice->member->full_name }}</td>
                    <td style="font-size:12px">{{ $invoice->billing_period_display }}</td>
                    <td style="font-size:12px">{{ $invoice->fiscal_year }}</td>
                    <td class="text-end" style="font-size:13px">${{ number_format($invoice->lci_amount, 2) }}</td>
                    <td class="text-end fw-semibold">${{ number_format($invoice->total_amount, 2) }}</td>
                    <td class="text-end" style="font-size:13px;color:{{ $invoice->balance_due > 0 ? '#c0392b' : '#1a7340' }};font-weight:600">
                        ${{ number_format($invoice->balance_due, 2) }}
                    </td>
                    <td>
                        <span class="badge {{ $invoice->status_badge_class }}" style="font-size:11px">
                            {{ ucfirst($invoice->status) }}
                        </span>
                        @if($invoice->lci_compliance_flag)
                            <i class="bi bi-shield-exclamation text-danger ms-1" title="{{ $invoice->lci_compliance_flag }}"></i>
                        @endif
                    </td>
                    <td style="font-size:12px;white-space:nowrap">
                        @if($invoice->due_date)
                            {{ $invoice->due_date->format('d M Y') }}
                            @if($invoice->is_overdue)
                                <span class="badge badge-unpaid" style="font-size:10px">{{ $invoice->days_overdue }}d</span>
                            @endif
                        @else —
                        @endif
                    </td>
                    <td style="white-space:nowrap">
                        <a href="{{ route('dues.invoices.show', $invoice) }}"
                           class="btn btn-sm btn-outline-secondary py-0"><i class="bi bi-eye"></i></a>
                        <a href="{{ route('dues.invoices.print', $invoice) }}" target="_blank"
                           class="btn btn-sm btn-outline-primary py-0"><i class="bi bi-printer"></i></a>

                        @if(in_array($invoice->status, ['unpaid','partial']))
                        <button class="btn btn-sm btn-outline-success py-0"
                                data-bs-toggle="modal" data-bs-target="#payModal{{ $invoice->id }}">
                            <i class="bi bi-cash"></i> Pay
                        </button>
                        @endif
                    </td>
                </tr>

                {{-- Payment Modal --}}
                @if(in_array($invoice->status, ['unpaid','partial']))
                <div class="modal fade" id="payModal{{ $invoice->id }}" tabindex="-1">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Record Payment — {{ $invoice->invoice_number }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                            </div>
                            <form method="POST" action="{{ route('dues.invoices.payment', $invoice) }}">
                                @csrf
                                <div class="modal-body">
                                    <p class="text-muted" style="font-size:13px">
                                        Member: <strong>{{ $invoice->member->full_name }}</strong> |
                                        Balance Due: <strong>${{ number_format($invoice->balance_due, 2) }}</strong>
                                    </p>
                                    <div class="mb-3">
                                        <label class="form-label">Amount Paid</label>
                                        <div class="input-group">
                                            <span class="input-group-text">$</span>
                                            <input type="number" name="amount_paid" class="form-control"
                                                   step="0.01" min="0.01"
                                                   value="{{ $invoice->balance_due }}" required>
                                        </div>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label">Payment Date</label>
                                        <input type="date" name="paid_date" class="form-control"
                                               value="{{ date('Y-m-d') }}" required>
                                    </div>
                                    <div class="mb-0">
                                        <label class="form-label">Notes</label>
                                        <input type="text" name="notes" class="form-control"
                                               placeholder="Payment method, reference…">
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                    <button type="submit" class="btn btn-lions">Record Payment</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                @endif

                @empty
                <tr>
                    <td colspan="10" class="text-center py-5 text-muted">
                        <i class="bi bi-inbox" style="font-size:32px"></i>
                        <div class="mt-2">No invoices found.</div>
                        <a href="{{ route('dues.invoices.generate') }}" class="btn btn-lions btn-sm mt-2">Generate Invoices</a>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($invoices->hasPages())
    <div class="card-footer">{{ $invoices->links('pagination::bootstrap-5') }}</div>
    @endif
</div>

@endsection