@extends('layouts.app')
@section('title', __('Accounting ledger'))
@section('content')
<section class="grid gap-4 sm:grid-cols-3">
  <article class="metric-card"><p class="text-sm text-slate-500">{{ __('Recorded income') }}</p><p class="mt-3 text-2xl font-extrabold text-emerald-700">৳{{ number_format($income, 2) }}</p></article>
  <article class="metric-card"><p class="text-sm text-slate-500">{{ __('Recorded expenses and payroll') }}</p><p class="mt-3 text-2xl font-extrabold text-rose-700">৳{{ number_format($expenses, 2) }}</p></article>
  <article class="metric-card"><p class="text-sm text-slate-500">{{ __('Net recorded balance') }}</p><p class="mt-3 text-2xl font-extrabold text-slate-900">৳{{ number_format($income - $expenses, 2) }}</p></article>
</section>
<section class="panel-card mt-5 p-5 sm:p-7">
  <h2 class="text-lg font-bold text-slate-900">{{ __('Record income or expense') }}</h2>
  <p class="mt-1 text-xs text-slate-500">{{ __('This organization ledger is separate from member wallet transactions.') }}</p>
  <form method="POST" action="{{ route('admin.finance.store') }}" class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">@csrf
    <label class="block text-sm font-semibold">{{ __('Entry type') }}<select name="type" class="field-control mt-2" required><option value="income">{{ __('Income') }}</option><option value="expense">{{ __('Expense') }}</option></select></label>
    <label class="block text-sm font-semibold">{{ __('Category') }}<input name="category" class="field-control mt-2" required maxlength="100"></label>
    <label class="block text-sm font-semibold">{{ __('Amount') }}<input name="amount" type="number" min="0.01" step="0.01" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold">{{ __('Date') }}<input name="entry_date" type="date" value="{{ now()->toDateString() }}" class="field-control mt-2" required></label>
    <label class="block text-sm font-semibold">{{ __('Related account (optional)') }}<select name="user_id" class="field-control mt-2"><option value="">{{ __('None') }}</option>@foreach($users as $user)<option value="{{ $user->id }}">{{ $user->name }} · {{ $user->member_id }}</option>@endforeach</select></label>
    <label class="block text-sm font-semibold">{{ __('Description') }}<input name="description" class="field-control mt-2" required maxlength="255"></label>
    <button class="rounded-xl bg-blue-900 px-5 py-3 text-sm font-bold text-white sm:col-span-2 lg:col-span-3">{{ __('Save ledger entry') }}</button>
  </form>
</section>
<section class="panel-card mt-5 overflow-hidden">
  <div class="border-b border-slate-100 px-5 py-4"><h2 class="font-bold">{{ __('Account ledger') }}</h2></div>
  <div class="table-scroll"><table class="w-full text-left text-sm"><thead class="bg-slate-50 text-xs uppercase text-slate-400"><tr><th class="px-5 py-3">{{ __('Date') }}</th><th class="px-5 py-3">{{ __('Type / category') }}</th><th class="px-5 py-3">{{ __('Description') }}</th><th class="px-5 py-3">{{ __('Related account') }}</th><th class="px-5 py-3">{{ __('Reference') }}</th><th class="px-5 py-3 text-right">{{ __('Amount') }}</th></tr></thead><tbody class="divide-y divide-slate-100">
    @forelse($entries as $entry)<tr><td class="whitespace-nowrap px-5 py-4">{{ $entry->entry_date->format('M d, Y') }}</td><td class="px-5 py-4"><span class="font-bold">{{ __(ucfirst($entry->type)) }}</span><span class="block text-xs text-slate-400">{{ $entry->category }}</span></td><td class="px-5 py-4">{{ $entry->description }}</td><td class="px-5 py-4">{{ $entry->user?->name ?? '—' }}</td><td class="px-5 py-4 text-xs text-slate-400">{{ $entry->reference }}</td><td class="whitespace-nowrap px-5 py-4 text-right font-bold">৳{{ number_format($entry->amount, 2) }}</td></tr>@empty<tr><td colspan="6" class="px-5 py-10 text-center text-slate-400">{{ __('No finance entries recorded yet.') }}</td></tr>@endforelse
  </tbody></table></div><div class="border-t border-slate-100 px-5 py-4">{{ $entries->links() }}</div>
</section>
@endsection