@extends('layouts.app')
@section('title', __('Invoices'))
@section('page-title', __('Tenant invoices'))
@section('page-subtitle', __('Pay-per-analysis monthly invoicing.'))

@section('content')
@if(session('status'))
    <div class="mb-4 px-4 py-2 rounded-lg bg-emerald-50 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-200 text-sm">
        {{ session('status') }}
    </div>
@endif

<form method="POST" action="{{ route('super-admin.invoices.generate') }}"
      class="card card-pad flex flex-wrap items-end gap-3 mb-6">
    @csrf
    <div>
        <label class="form-label">{{ __('Period') }}</label>
        <input type="month" name="month"
               value="{{ old('month', now()->format('Y-m')) }}"
               class="form-input">
    </div>
    <div>
        <label class="form-label">{{ __('Tenant (optional)') }}</label>
        <select name="tenant_id" class="form-select">
            <option value="">{{ __('All active tenants') }}</option>
            @foreach(\App\Models\Tenant::orderBy('name')->get() as $t)
                <option value="{{ $t->id }}">{{ $t->name }}</option>
            @endforeach
        </select>
    </div>
    <button type="submit" class="btn-primary">
        <x-icon name="receipt" class="w-4 h-4"/> {{ __('Generate now') }}
    </button>
</form>

<div class="card overflow-x-auto">
    <table class="w-full text-sm">
        <thead class="text-[11px] uppercase tracking-wider text-slate-400">
            <tr>
                <th class="text-left px-4 py-2 font-medium">{{ __('Number') }}</th>
                <th class="text-left px-4 py-2 font-medium">{{ __('Tenant') }}</th>
                <th class="text-left px-4 py-2 font-medium">{{ __('Period') }}</th>
                <th class="text-right px-4 py-2 font-medium">{{ __('Subtotal') }}</th>
                <th class="text-right px-4 py-2 font-medium">{{ __('VAT') }}</th>
                <th class="text-right px-4 py-2 font-medium">{{ __('Total') }}</th>
                <th class="text-left px-4 py-2 font-medium">{{ __('Status') }}</th>
                <th class="text-right px-4 py-2 font-medium">{{ __('Actions') }}</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
            @forelse($invoices as $inv)
                <tr>
                    <td class="px-4 py-2 font-mono text-xs">{{ $inv->number }}</td>
                    <td class="px-4 py-2">{{ $inv->tenant?->name }}</td>
                    <td class="px-4 py-2">{{ $inv->period_start->format('Y-m') }}</td>
                    <td class="px-4 py-2 text-right">{{ number_format((float)$inv->subtotal, 2) }} {{ $inv->currency }}</td>
                    <td class="px-4 py-2 text-right">{{ number_format((float)$inv->vat_amount, 2) }}</td>
                    <td class="px-4 py-2 text-right font-semibold">{{ number_format((float)$inv->total, 2) }}</td>
                    <td class="px-4 py-2">
                        <span @class([
                            'badge text-[10px]',
                            'bg-emerald-50 text-emerald-700' => $inv->status==='paid',
                            'bg-amber-50  text-amber-700'    => $inv->status==='issued',
                            'bg-slate-100 text-slate-600'    => $inv->status==='draft',
                            'bg-rose-50   text-rose-700'     => $inv->status==='void',
                        ])>{{ ucfirst($inv->status) }}</span>
                    </td>
                    <td class="px-4 py-2 text-right whitespace-nowrap">
                        <a href="{{ route('super-admin.invoices.show', $inv) }}" class="btn-secondary text-[11px]">{{ __('View') }}</a>
                        <a href="{{ route('super-admin.invoices.download', $inv) }}" class="btn-secondary text-[11px]">{{ __('PDF') }}</a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="8" class="px-4 py-6 text-center text-slate-400">
                        {{ __('No invoices yet — generate one above or wait for the monthly cron.') }}
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">{{ $invoices->links() }}</div>
@endsection