@extends('layouts.app')
@section('title', $account->name)

@section('content')
<x-page-header :title="$account->name" :subtitle="$account->code.' · '.$account->typeLabel().($account->description ? ' · '.$account->description : '')">
    @can('ledger.manage')
    <a href="{{ route('ledger.accounts.edit', $account) }}" class="btn btn-ghost"><i class="bi bi-pencil" aria-hidden="true"></i> Edit</a>
    @endcan
    <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('reports._range', ['export' => true])

<div class="row g-3 mb-3 stagger">
    @foreach ([['Opening balance', $opening, ''], ['Debits', $debit, ''], ['Credits', $credit, ''], ['Closing balance', $closing, $closing < 0 ? 'text-danger' : '']] as [$label, $value, $class])
        <div class="col-6 col-xl-3"><div class="card card-body py-3"><div class="stat-label">{{ $label }}</div><div class="stat-value {{ $class }}" style="font-size:1.25rem">{{ money($value) }}</div></div></div>
    @endforeach
</div>

<div class="card">
    <div class="table-wrap">
        <table class="table table-modern table-cards table-sm align-middle mb-0">
            <thead><tr><th>Date</th><th>Entry</th><th>Reference</th><th>Party</th><th>Description</th><th class="num">Debit</th><th class="num">Credit</th><th class="num">Balance</th><th class="text-center">Rec.</th></tr></thead>
            <tbody>
                <tr class="d-none d-md-table-row"><td colspan="7" class="fw-semibold text-muted">Opening balance</td><td class="num fw-semibold">{{ money($opening) }}</td><td></td></tr>
            @forelse ($lines as $l)
                <tr>
                    <td class="cell-title" data-label="Date">{{ $l->entry_date->format('d M Y') }}</td>
                    <td data-label="Entry"><a href="{{ route('ledger.journal.show', $l->journal_entry_id) }}" class="tabular">{{ $l->entry->number() }}</a></td>
                    <td data-label="Reference"><a href="{{ $l->entry->sourceUrl() }}">{{ $l->entry->reference ?: '—' }}</a></td>
                    <td data-label="Party">{{ $l->partyName() ?: '—' }}</td>
                    <td data-label="Description"><span class="cell-clip" style="max-width:300px">{{ $l->memo ?: $l->entry->memo }}</span></td>
                    <td class="num" data-label="Debit">{{ $l->debit > 0 ? money($l->debit) : '' }}</td>
                    <td class="num" data-label="Credit">{{ $l->credit > 0 ? money($l->credit) : '' }}</td>
                    <td class="num fw-semibold {{ $l->running < 0 ? 'text-danger' : '' }}" data-label="Balance">{{ money($l->running) }}</td>
                    <td class="text-center" data-label="Reconciled">@if ($l->reconciliation_id)<i class="bi bi-check2-circle text-success" title="Reconciled {{ $l->reconciliation?->statement_date?->format('d M Y') }}"></i><span class="visually-hidden">Reconciled</span>@endif</td>
                </tr>
            @empty
                <tr class="empty-row"><td colspan="9"><x-empty icon="journal-text" title="No entries in this period" text="Try a wider date range." /></td></tr>
            @endforelse
            </tbody>
            <tfoot><tr><td colspan="5">Totals · closing balance</td><td class="num">{{ money($debit) }}</td><td class="num">{{ money($credit) }}</td><td class="num {{ $closing < 0 ? 'text-danger' : '' }}">{{ money($closing) }}</td><td></td></tr></tfoot>
        </table>
    </div>
    <div class="card-footer">
        Balance is shown the normal way for {{ strtolower($account->typeLabel()) }} accounts ({{ $account->isDebitNormal() ? 'debits add, credits subtract' : 'credits add, debits subtract' }}).
        @if ($account->role === 'receivable' || $account->role === 'payable') For a statement of one {{ $account->role === 'receivable' ? 'client' : 'vendor' }}, open their page and choose <em>Statement</em>.@endif
    </div>
</div>
@endsection