@extends('layouts.admin')
@section('title', $journalEntry->number)
@section('content')
@php
  $statusTone = match($journalEntry->status) {
    'posted' => 'success',
    'approved' => 'info',
    'draft' => 'muted',
    'reversed' => 'danger',
    default => 'warning',
  };
  $debitTotal = $journalEntry->lines->sum('debit_cents');
  $creditTotal = $journalEntry->lines->sum('credit_cents');
@endphp
<x-admin.page :title="$journalEntry->number" :subtitle="$journalEntry->memo ?: 'Journal entry detail'">
    <x-slot:actions>
        <a href="{{ route('admin.accounting.journals') }}" class="admin-btn">Back</a>
        @if(session('status'))
            <div class="w-full rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-900">{{ session('status') }}</div>
        @endif
        @if($errors->any())
            <div class="w-full rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-800">{{ $errors->first() }}</div>
        @endif
        @if(in_array($journalEntry->status, ['draft', 'pending_approval'], true))
            <form method="post" action="{{ route('admin.accounting.journals.approve', $journalEntry) }}">@csrf
                <button class="admin-btn">Approve</button>
            </form>
        @endif
        @if(in_array($journalEntry->status, ['draft', 'pending_approval', 'approved'], true))
            <form method="post" action="{{ route('admin.accounting.journals.post', $journalEntry) }}">@csrf
                <button class="admin-btn admin-btn-primary">Post journal</button>
            </form>
        @endif
        @if($journalEntry->status === 'posted')
            <form method="post" action="{{ route('admin.accounting.journals.reverse', $journalEntry) }}" class="flex items-center gap-2">@csrf
                <input name="memo" class="admin-input max-w-xs" placeholder="Reversal memo (optional)">
                <button class="admin-btn">Reverse</button>
            </form>
        @endif
    </x-slot:actions>

    <div class="mb-5 grid gap-4 sm:grid-cols-4">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Status</div>
            <div class="mt-2"><x-admin.badge :tone="$statusTone">{{ str($journalEntry->status)->headline() }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Fiscal period</div>
            <div class="mt-1 font-semibold text-[#202223]">{{ $journalEntry->fiscalPeriod?->name ?? '—' }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Debits</div>
            <div class="mt-1 text-2xl font-semibold text-[#202223]">AUD {{ number_format($debitTotal / 100, 2) }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Credits</div>
            <div class="mt-1 text-2xl font-semibold text-[#202223]">AUD {{ number_format($creditTotal / 100, 2) }}</div>
        </x-admin.card>
    </div>

    <x-admin.section title="Lines" hint="Posted journals are immutable; reverse to correct.">
        <div class="overflow-x-auto">
            <table class="admin-table w-full">
                <thead>
                    <tr>
                        <th>Account</th>
                        <th>Memo</th>
                        <th class="text-right">Debit</th>
                        <th class="text-right">Credit</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($journalEntry->lines as $line)
                        <tr>
                            <td>
                                <div class="font-mono text-xs text-[#6d7175]">{{ $line->account?->code }}</div>
                                <div class="font-medium">{{ $line->account?->name }}</div>
                            </td>
                            <td class="text-[#6d7175]">{{ $line->memo ?: '—' }}</td>
                            <td class="text-right tabular-nums">{{ $line->debit_cents ? number_format($line->debit_cents / 100, 2) : '—' }}</td>
                            <td class="text-right tabular-nums">{{ $line->credit_cents ? number_format($line->credit_cents / 100, 2) : '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr class="border-t border-[var(--color-admin-border)] font-semibold">
                        <td colspan="2">Totals</td>
                        <td class="text-right tabular-nums">{{ number_format($debitTotal / 100, 2) }}</td>
                        <td class="text-right tabular-nums">{{ number_format($creditTotal / 100, 2) }}</td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </x-admin.section>

    <div class="mt-5 grid gap-4 md:grid-cols-2">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Posted</div>
            <div class="mt-1 text-sm">{{ $journalEntry->posted_at?->format('d M Y H:i') ?? 'Not posted' }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Reversal of</div>
            <div class="mt-1 text-sm">
                @if($journalEntry->reversalOf)
                    <a class="text-[#2c6ecb] hover:underline" href="{{ route('admin.accounting.journals.show', $journalEntry->reversalOf) }}">{{ $journalEntry->reversalOf->number }}</a>
                @else
                    —
                @endif
            </div>
        </x-admin.card>
    </div>
</x-admin.page>
@endsection