@extends('layouts.app')

@section('title', 'Finance')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Finance" subtitle="Platform income, expense, and cash position" icon="sparkles" icon-color="amber">
    <x-slot:actions>
        <a href="{{ route('super-admin.finance.transactions') }}" class="btn-secondary btn-sm">Transactions</a>
        <a href="{{ route('super-admin.finance.ledger') }}" class="btn-secondary btn-sm">Ledger</a>
        <a href="{{ route('super-admin.finance.profit-loss') }}" class="btn-primary btn-sm">P&amp;L</a>
    </x-slot:actions>
</x-page-header>

<form method="GET" class="glass-card p-4 mb-6 flex flex-wrap gap-3 items-end">
    <div>
        <label class="field-label">From</label>
        <input type="date" name="from" value="{{ $from }}" class="field-input">
    </div>
    <div>
        <label class="field-label">To</label>
        <input type="date" name="to" value="{{ $to }}" class="field-input">
    </div>
    <button type="submit" class="btn-secondary btn-sm">Apply</button>
</form>

<div class="grid grid-cols-2 xl:grid-cols-4 gap-3 sm:gap-4 mb-6">
    <x-stat-card label="Income" :value="number_format($income, 2)" icon="check" color="emerald" delay="0" />
    <x-stat-card label="Expense" :value="number_format($expense, 2)" icon="alerts" color="amber" delay="40" />
    <x-stat-card label="Net" :value="number_format($net, 2)" icon="sparkles" color="violet" delay="80" />
    <x-stat-card label="Cash / Bank" :value="number_format($cashBalance, 2)" icon="bolt" color="cyan" delay="120" />
</div>

<div class="flex flex-wrap gap-2 mb-6">
    <a href="{{ route('super-admin.finance.accounts') }}" class="btn-ghost btn-sm">Chart of accounts</a>
</div>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>Date</th>
                <th>Type</th>
                <th>Amount</th>
                <th>Account</th>
                <th>Description</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($recent as $txn)
                <tr>
                    <td>{{ $txn->txn_date?->format('Y-m-d') ?? $txn->txn_date }}</td>
                    <td>{{ $txn->type }}</td>
                    <td>{{ number_format((float) $txn->amount, 2) }}</td>
                    <td>{{ $txn->account?->name ?? '—' }}</td>
                    <td class="max-w-xs truncate">{{ $txn->description }}</td>
                    <td>{{ $txn->status }}</td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center text-themed-muted py-8">No finance transactions yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection