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

@section('content')
    <div class="page-head">
        <div>
            <h1>Trial balance</h1>
            <p>All posted and reversed entries up to {{ $to->format('d M Y') }}.</p>
        </div>
        <div class="page-actions">
            <form method="GET" class="inline-form">
                <div class="field" style="margin:0;">
                    <label>As at</label>
                    <input type="date" name="to" value="{{ $to->format('Y-m-d') }}">
                </div>
                <button class="btn secondary" type="submit">Run</button>
            </form>
            <a href="{{ route('journal.index') }}" class="btn secondary">Ledger</a>
        </div>
    </div>

    <div class="grid grid-3 mb-2">
        @include('components.kpi', ['label' => 'Total debits', 'value' => money($totalDebit), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Total credits', 'value' => money($totalCredit), 'variant' => 'info'])
        @include('components.kpi', [
            'label' => 'In balance',
            'value' => abs($totalDebit - $totalCredit) < 0.005 ? 'Yes' : 'No',
            'variant' => abs($totalDebit - $totalCredit) < 0.005 ? 'good' : 'bad',
        ])
    </div>

    <div class="card">
        <div class="card-head"><h3>Accounts with movement</h3></div>
        <div class="card-body" style="padding:0;">
            @if ($rows->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#9878;',
                    'title' => 'Nothing to balance',
                    'message' => 'No posted entries on or before the selected date.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th style="width:10%;">Code</th><th>Account</th><th>Type</th>
                        <th class="num">Debit</th><th class="num">Credit</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($rows as $row)
                        <tr>
                            <td class="mono">{{ $row['account']->code }}</td>
                            <td>{{ $row['account']->name }}</td>
                            <td><span class="badge muted">{{ title_case_words($row['account']->type) }}</span></td>
                            <td class="num">{{ $row['debit'] > 0 ? money($row['debit']) : '' }}</td>
                            <td class="num">{{ $row['credit'] > 0 ? money($row['credit']) : '' }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <td colspan="3" class="strong">Totals</td>
                        <td class="num strong">{{ money($totalDebit) }}</td>
                        <td class="num strong">{{ money($totalCredit) }}</td>
                    </tr>
                    </tfoot>
                </table>
            @endif
        </div>
    </div>
@endsection