@extends('layouts.app')
@section('header_title', 'General Ledger Journal Entries')
@section('content')
<div class="bg-white rounded-2xl border p-6">
    <h3 class="font-bold text-[#060453] text-lg mb-4">📓 Double-Entry Bookkeeping Ledger</h3>
    <table class="w-full text-left text-sm">
        <thead class="bg-gray-50 text-xs uppercase text-gray-500"><tr><th class="p-3">Entry #</th><th class="p-3">Date</th><th class="p-3">Account & Memo</th><th class="p-3">Debit</th><th class="p-3">Credit</th></tr></thead>
        <tbody class="divide-y font-mono">
            @foreach($journals as $jrn)
                @foreach($jrn->items as $item)
                <tr>
                    <td class="p-3 font-bold text-[#060453]">{{ $loop->first ? $jrn->entry_number : '' }}</td>
                    <td class="p-3">{{ $loop->first ? $jrn->entry_date : '' }}</td>
                    <td class="p-3 font-sans"><strong>{{ $item->account->account_name }}</strong><br><span class="text-xs text-gray-400">{{ $item->memo }}</span></td>
                    <td class="p-3 text-green-700 font-bold">{{ $item->debit > 0 ? '₦'.number_format($item->debit,2) : '-' }}</td>
                    <td class="p-3 text-amber-700 font-bold">{{ $item->credit > 0 ? '₦'.number_format($item->credit,2) : '-' }}</td>
                </tr>
                @endforeach
            @endforeach
        </tbody>
    </table>
</div>
@endsection