@extends('layouts.app')

@section('title', 'Finance Transactions')

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

<x-page-header title="Income & Expense" subtitle="Record and review platform finance transactions" icon="sparkles" icon-color="amber">
    <x-slot:actions>
        <a href="{{ route('super-admin.finance.index') }}" class="btn-secondary btn-sm">Dashboard</a>
    </x-slot:actions>
</x-page-header>

<div class="grid lg:grid-cols-3 gap-6 mb-6">
    <form method="POST" action="{{ route('super-admin.finance.transactions.store') }}" class="glass-card p-5 space-y-3 lg:col-span-1">
        @csrf
        <h3 class="font-semibold">Record transaction</h3>
        <div>
            <label class="field-label">Type</label>
            <select name="type" class="field-select" x-data x-ref="type">
                <option value="income">Income</option>
                <option value="expense">Expense</option>
            </select>
        </div>
        <div>
            <label class="field-label">Date</label>
            <input type="date" name="txn_date" class="field-input" value="{{ old('txn_date', now()->toDateString()) }}" required>
        </div>
        <div>
            <label class="field-label">Amount</label>
            <input type="number" step="0.01" min="0.01" name="amount" class="field-input" value="{{ old('amount') }}" required>
        </div>
        <div>
            <label class="field-label">Account</label>
            <select name="account_id" class="field-select" required>
                @foreach ($accounts as $account)
                    <option value="{{ $account->id }}">{{ $account->code }} — {{ $account->name }} ({{ $account->type }})</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="field-label">Category</label>
            <select name="category_id" class="field-select">
                <option value="">— None —</option>
                <optgroup label="Income">
                    @foreach ($incomeCategories as $cat)
                        <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                    @endforeach
                </optgroup>
                <optgroup label="Expense">
                    @foreach ($expenseCategories as $cat)
                        <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                    @endforeach
                </optgroup>
            </select>
        </div>
        <div>
            <label class="field-label">Counterparty</label>
            <input type="text" name="counterparty" class="field-input" value="{{ old('counterparty') }}">
        </div>
        <div>
            <label class="field-label">Description</label>
            <input type="text" name="description" class="field-input" value="{{ old('description') }}">
        </div>
        <div>
            <label class="field-label">Reference</label>
            <input type="text" name="reference" class="field-input" value="{{ old('reference') }}">
        </div>
        <button type="submit" class="btn-primary btn-sm">Post</button>
    </form>

    <div class="lg:col-span-2">
        <div class="flex gap-2 mb-4">
            <a href="{{ route('super-admin.finance.transactions') }}" class="btn-sm {{ !$type ? 'btn-primary' : 'btn-ghost' }}">All</a>
            <a href="{{ route('super-admin.finance.transactions', ['type' => 'income']) }}" class="btn-sm {{ $type === 'income' ? 'btn-primary' : 'btn-ghost' }}">Income</a>
            <a href="{{ route('super-admin.finance.transactions', ['type' => 'expense']) }}" class="btn-sm {{ $type === 'expense' ? 'btn-primary' : 'btn-ghost' }}">Expense</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>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($transactions 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>
                            <td>
                                @if ($txn->status === 'posted')
                                    <form method="POST" action="{{ route('super-admin.finance.transactions.void', $txn) }}" onsubmit="return confirm('Void this transaction?')">
                                        @csrf
                                        <button type="submit" class="btn-ghost btn-sm">Void</button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="text-center text-themed-muted py-8">No transactions.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-4">{{ $transactions->links() }}</div>
    </div>
</div>
@endsection