@extends('layouts.app')

@section('title', _lang('Invoices'))

@php
    $statusBadge = [
        'pending' => 'bg-warning-transparent', 'partial' => 'bg-info-transparent',
        'paid' => 'bg-success-transparent', 'overdue' => 'bg-danger-transparent',
        'waived' => 'bg-secondary-transparent', 'cancelled' => 'bg-secondary-transparent',
    ];
@endphp

@section('content')
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <h4 class="mb-0">{{ _lang('Invoice Management') }}</h4>
            <p class="mb-0 text-muted">{{ _lang('All subscription invoices across organizations.') }}</p>
        </div>
        <a href="{{ route('admin.billing.dashboard') }}" class="btn btn-primary-light"><i class="bi bi-speedometer2"></i> {{ _lang('Dashboard') }}</a>
    </div>

    @include('partials.alerts')

    <div class="card custom-card">
        <div class="card-body">
            <form method="GET" class="d-flex flex-wrap gap-2 align-items-center">
                <select name="status" class="form-select" style="max-width:180px;">
                    <option value="">{{ _lang('All statuses') }}</option>
                    @foreach (['pending','partial','overdue','paid','waived','cancelled'] as $s)
                        <option value="{{ $s }}" {{ $status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                    @endforeach
                </select>
                <select name="organization" class="form-select" style="max-width:260px;">
                    <option value="">{{ _lang('All organizations') }}</option>
                    @foreach ($organizations as $c)
                        <option value="{{ $c->id }}" {{ (string) $organizationId === (string) $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                    @endforeach
                </select>
                <button class="btn btn-primary"><i class="bi bi-funnel"></i> {{ _lang('Filter') }}</button>
            </form>
        </div>
    </div>

    <div class="card custom-card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table text-nowrap table-hover">
                    <thead>
                        <tr>
                            <th>{{ _lang('Invoice') }}</th>
                            <th>{{ _lang('Organization') }}</th>
                            <th>{{ _lang('Period') }}</th>
                            <th>{{ _lang('Plan / Peak') }}</th>
                            <th>{{ _lang('Total') }}</th>
                            <th>{{ _lang('Paid') }}</th>
                            <th>{{ _lang('Due') }}</th>
                            <th>{{ _lang('Status') }}</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($invoices as $inv)
                            <tr>
                                <td class="fw-semibold">{{ $inv->invoice_no }}</td>
                                <td>{{ optional($inv->organization)->name ?? '—' }}</td>
                                <td><small>{{ optional($inv->period_start)->format('d M') }} – {{ optional($inv->period_end)->format('d M Y') }}</small></td>
                                <td>{{ $inv->plan_name }} <small class="text-muted">/ {{ $inv->peak_members }}@if($inv->over_limit) <i class="bi bi-exclamation-triangle text-danger"></i>@endif</small></td>
                                <td>৳{{ number_format($inv->total_amount / 100) }}</td>
                                <td>৳{{ number_format($inv->paid_amount / 100) }}</td>
                                <td>{{ optional($inv->due_on)->format('d M Y') }}</td>
                                <td><span class="badge {{ $statusBadge[$inv->status] ?? 'bg-secondary-transparent' }}">{{ ucfirst($inv->status) }}</span></td>
                                <td><a href="{{ route('admin.billing.show', $inv->id) }}" class="btn btn-sm btn-primary-light"><i class="bi bi-eye"></i></a></td>
                            </tr>
                        @empty
                            <tr><td colspan="9" class="text-center text-muted py-4">{{ _lang('No invoices found.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($invoices->hasPages())
            <div class="card-footer">{{ $invoices->links() }}</div>
        @endif
    </div>
@endsection