@extends('layouts.app')
@section('title', 'Trial balance')

@section('content')
<x-page-header title="Trial balance" :subtitle="'As of '.$asOf->format('d M Y').' · every account with its debit or credit balance'">
    <button class="btn btn-ghost d-print-none" type="button" onclick="window.print()"><i class="bi bi-printer" aria-hidden="true"></i> Print</button>
</x-page-header>
@include('ledger._asof', ['export' => true])

<div class="card mb-3 {{ $balanced ? '' : 'border-danger' }}">
    <div class="card-body py-3 d-flex flex-wrap align-items-center gap-3">
        <span class="icon-chip {{ $balanced ? 'chip-success' : 'chip-danger' }}"><i class="bi bi-{{ $balanced ? 'check2-circle' : 'exclamation-triangle' }}"></i></span>
        <div>
            <div class="fw-semibold">{{ $balanced ? 'The books balance' : 'The books are out of balance' }}</div>
            <div class="small text-muted">{{ $balanced ? 'Total debits equal total credits.' : 'Debits and credits differ by '.money(abs($debit - $credit)).'. Run the Ledger check to find out why.' }}</div>
        </div>
        <div class="ms-auto d-flex gap-4 text-end">
            <div><div class="stat-label">Debits</div><div class="stat-value" style="font-size:1.2rem">{{ money($debit) }}</div></div>
            <div><div class="stat-label">Credits</div><div class="stat-value" style="font-size:1.2rem">{{ money($credit) }}</div></div>
        </div>
    </div>
</div>

<div class="card">
    <div class="table-wrap">
        <table class="table table-modern table-cards align-middle mb-0">
            <thead><tr><th style="width:90px">Code</th><th>Account</th><th>Type</th><th class="num">Debit</th><th class="num">Credit</th></tr></thead>
            <tbody>
            @foreach ($rows as $a)
                <tr>
                    <td class="cell-title tabular text-muted" data-label="Code">{{ $a->code }}</td>
                    <td data-label="Account"><a href="{{ route('ledger.accounts.show', $a) }}" class="cell-main text-decoration-none">{{ $a->name }}</a></td>
                    <td data-label="Type">{{ $a->typeLabel() }}</td>
                    <td class="num" data-label="Debit">{{ $a->tb_debit ? money($a->tb_debit) : '' }}</td>
                    <td class="num" data-label="Credit">{{ $a->tb_credit ? money($a->tb_credit) : '' }}</td>
                </tr>
            @endforeach
            </tbody>
            <tfoot><tr><td colspan="3">Totals</td><td class="num">{{ money($debit) }}</td><td class="num">{{ money($credit) }}</td></tr></tfoot>
        </table>
    </div>
</div>
@endsection