@extends('layouts.admin', ['title' => 'Billing'])

@section('admin-content')
<section class="space-y-6">
    <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
        <h1 class="font-display text-3xl font-bold text-white">Billing & subscriptions</h1>
        <div class="mt-6 grid gap-4 sm:grid-cols-3">
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">MRR</div><div class="mt-2 text-2xl font-bold text-white">${{ number_format($totals['mrr'], 2) }}</div></div>
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Collected</div><div class="mt-2 text-2xl font-bold text-white">${{ number_format($totals['collected'], 2) }}</div></div>
            <div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="text-sm text-slate-400">Paid transactions</div><div class="mt-2 text-2xl font-bold text-white">{{ $totals['payments'] }}</div></div>
        </div>
    </div>
    <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
        <h2 class="font-display text-2xl font-semibold text-white">Subscriptions</h2>
        <div class="mt-4 space-y-3">@foreach ($subscriptions as $subscription)<div class="rounded-2xl border border-white/10 bg-white/5 p-4 flex items-center justify-between gap-4"><div><div class="font-medium text-white">{{ $subscription->plan_name }}</div><div class="text-sm text-slate-400">{{ $subscription->gateway }} • {{ $subscription->currency }} {{ number_format($subscription->amount, 2) }}</div></div><div class="text-sm text-slate-300">{{ $subscription->status }}</div></div>@endforeach</div>
        <div class="mt-6">{{ $subscriptions->links() }}</div>
    </div>
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
            <h2 class="font-display text-2xl font-semibold text-white">Transactions</h2>
            <div class="mt-4 space-y-3">@foreach ($transactions as $transaction)<div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="font-medium text-white">{{ $transaction->transaction_id }}</div><div class="text-sm text-slate-400">{{ $transaction->gateway }} • {{ $transaction->status }} • {{ $transaction->currency }} {{ number_format($transaction->amount, 2) }}</div></div>@endforeach</div>
            <div class="mt-6">{{ $transactions->links() }}</div>
        </div>
        <div class="rounded-[2rem] border border-white/10 bg-slate-900/70 p-6">
            <h2 class="font-display text-2xl font-semibold text-white">Invoices</h2>
            <div class="mt-4 space-y-3">@foreach ($invoices as $invoice)<div class="rounded-2xl border border-white/10 bg-white/5 p-4"><div class="font-medium text-white">{{ $invoice->invoice_number }}</div><div class="text-sm text-slate-400">{{ $invoice->status }} • {{ $invoice->currency }} {{ number_format($invoice->amount, 2) }}</div></div>@endforeach</div>
            <div class="mt-6">{{ $invoices->links() }}</div>
        </div>
    </div>
</section>
@endsection