@extends('layouts.admin')
@section('title', 'Accounts')
@section('content')
@php
  $canEdit = (bool) auth()->user()?->hasPermission('accounting.edit');
  $chartMax = max([1, ...array_map(fn ($m) => max($m['incoming_cents'], $m['outgoing_cents']), $trend)]);
  $spend = ['Order costs (COGS)' => $totals['order_costs_cents'], ...$totals['expenses_by_category']];
  arsort($spend);
  $spend = array_filter($spend);
  $spendMax = max([1, ...array_values($spend)]);
  $compact = fn (int $cents): string => abs($cents) >= 100000 ? number_format(abs($cents) / 100000, 1).'k' : number_format(abs($cents) / 100);
@endphp
<x-admin.page title="Accounts" subtitle="A simple view of money in, money out, and what's left.">
    <x-slot:actions>
        @if($canEdit)
            <a href="{{ route('admin.accounts.incoming', ['add' => 1]) }}" class="admin-btn"><i data-lucide="plus" class="h-3.5 w-3.5"></i> Income</a>
            <a href="{{ route('admin.accounts.outgoing', ['add' => 1]) }}" class="admin-btn admin-btn-primary"><i data-lucide="plus" class="h-3.5 w-3.5"></i> Expense</a>
        @endif
    </x-slot:actions>

    @include('admin.accounts.partials.period')
    @include('admin.accounts.partials.kpis')

    <section class="order-ops-panel mb-6">
        <div class="order-ops-panel-head">
            <div>
                <h2 class="order-ops-panel-title">Last 12 months</h2>
                <p class="order-ops-panel-hint">Incoming vs outgoing each month</p>
            </div>
            <div class="flex items-center gap-4 text-xs text-[#6d7175]">
                <span class="flex items-center gap-1.5"><span class="acct-legend is-in"></span>Incoming</span>
                <span class="flex items-center gap-1.5"><span class="acct-legend is-out"></span>Outgoing</span>
            </div>
        </div>
        <div class="acct-chart">
            @foreach($trend as $month)
                <div class="acct-chart-col" title="{{ $month['label'] }} · In {{ $accounts->money($month['incoming_cents']) }} · Out {{ $accounts->money($month['outgoing_cents']) }}">
                    <div class="acct-chart-bars">
                        <span class="is-in" style="height: {{ round($month['incoming_cents'] / $chartMax * 100, 1) }}%"></span>
                        <span class="is-out" style="height: {{ round($month['outgoing_cents'] / $chartMax * 100, 1) }}%"></span>
                    </div>
                    <div class="acct-chart-label">{{ \Illuminate\Support\Str::before($month['label'], ' ') }}</div>
                    <div class="acct-chart-profit {{ $month['profit_cents'] < 0 ? 'is-loss' : '' }}">{{ $month['profit_cents'] === 0 ? '—' : ($month['profit_cents'] < 0 ? '−' : '').$compact($month['profit_cents']) }}</div>
                </div>
            @endforeach
        </div>
    </section>

    <div class="grid gap-6 lg:grid-cols-2">
        <section class="order-ops-panel">
            <div class="order-ops-panel-head">
                <div>
                    <h2 class="order-ops-panel-title">Where the money goes</h2>
                    <p class="order-ops-panel-hint">{{ $period['label'] }}</p>
                </div>
                <a href="{{ route('admin.accounts.outgoing', request()->only(['period', 'from', 'to'])) }}" class="text-xs font-medium text-[#2c6ecb]">All outgoing</a>
            </div>
            <div class="space-y-3 p-5">
                @forelse($spend as $name => $cents)
                    <div>
                        <div class="flex justify-between gap-2 text-sm"><span class="text-[#202223]">{{ $name }}</span><span class="font-semibold tabular-nums">{{ $accounts->money($cents) }}</span></div>
                        <div class="acct-meter mt-1.5"><span style="width: {{ round($cents / $spendMax * 100) }}%"></span></div>
                    </div>
                @empty
                    <p class="text-sm text-[#6d7175]">Nothing spent in this period yet.</p>
                @endforelse
            </div>
        </section>

        <section class="order-ops-panel">
            <div class="order-ops-panel-head">
                <div>
                    <h2 class="order-ops-panel-title">Latest entries</h2>
                    <p class="order-ops-panel-hint">Income and expenses you've recorded</p>
                </div>
            </div>
            <ul class="divide-y divide-[var(--color-admin-border)]">
                @forelse($recentEntries as $entry)
                    <li class="flex items-center justify-between gap-3 px-5 py-3">
                        <div class="flex min-w-0 items-center gap-3">
                            <span class="acct-row-icon is-{{ $entry->type }}"><i data-lucide="{{ $entry->isExpense() ? 'receipt' : 'plus-circle' }}" class="h-3.5 w-3.5"></i></span>
                            <div class="min-w-0">
                                <div class="truncate text-sm font-medium text-[#202223]">{{ $entry->description }}</div>
                                <div class="text-xs text-[#8c9196]">{{ $entry->entry_date->format('j M Y') }} · {{ $entry->category }}</div>
                            </div>
                        </div>
                        <span class="whitespace-nowrap text-sm font-semibold tabular-nums {{ $entry->isExpense() ? 'text-[var(--color-danger)]' : 'text-[var(--color-success)]' }}">{{ $entry->isExpense() ? '−' : '+' }}{{ $accounts->money($entry->amount_cents) }}</span>
                    </li>
                @empty
                    <li class="px-5 py-10 text-center text-sm text-[#6d7175]">No entries yet. Add your first expense to start tracking profit.</li>
                @endforelse
            </ul>
        </section>
    </div>
</x-admin.page>
@endsection