@extends('layouts.app')
@section('title', 'Chart of accounts')

@section('content')
<x-page-header title="Chart of accounts" subtitle="Every place money can sit or come from. Open an account to see its full ledger.">
    @can('ledger.manage')
    <a href="{{ route('ledger.accounts.create') }}" class="btn btn-ghost"><i class="bi bi-plus-lg" aria-hidden="true"></i> New account</a>
    @endcan
    @can('ledger.manage')
    <a href="{{ route('ledger.journal.create') }}" class="btn btn-primary"><i class="bi bi-journal-plus" aria-hidden="true"></i> Journal entry</a>
    @endcan
</x-page-header>

<div class="row g-3">
@foreach ($types as $type => $label)
    @php($rows = $groups[$type] ?? collect())
    @continue($rows->isEmpty())
    <div class="col-12">
        <div class="card">
            <div class="card-header"><span class="card-title">{{ $label }}</span><span class="card-sub">{{ $rows->count() }} {{ \Illuminate\Support\Str::plural('account', $rows->count()) }}</span></div>
            <div class="table-wrap">
                <table class="table table-modern table-cards table-compact align-middle mb-0">
                    <thead><tr><th style="width:90px">Code</th><th>Account</th><th class="num d-none d-md-table-cell">Debits</th><th class="num d-none d-md-table-cell">Credits</th><th class="num">Balance</th><th class="num d-none d-md-table-cell">Entries</th><th><span class="visually-hidden">Actions</span></th></tr></thead>
                    <tbody>
                    @foreach ($rows as $a)
                        <tr class="{{ $a->is_active ? '' : 'opacity-50' }}">
                            <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>
                                @if ($a->is_system)<span class="badge-soft badge-soft-secondary no-dot ms-1">System</span>@endif
                                @unless ($a->is_active)<span class="badge-soft badge-soft-secondary no-dot ms-1">Inactive</span>@endunless
                                @if ($a->description)<span class="cell-sub cell-clip" style="max-width:420px">{{ $a->description }}</span>@endif
                            </td>
                            <td class="num d-none d-md-table-cell" data-label="Debits">{{ money($a->debits) }}</td>
                            <td class="num d-none d-md-table-cell" data-label="Credits">{{ money($a->credits) }}</td>
                            <td class="num fw-semibold {{ $a->balanceFromTotals() < 0 ? 'text-danger' : '' }}" data-label="Balance">{{ money($a->balanceFromTotals()) }}</td>
                            <td class="num text-muted d-none d-md-table-cell" data-label="Entries">{{ $a->lines_count }}</td>
                            <td class="actions-col">
                                <x-row-actions :label="'Actions for '.$a->name">
                                    <li><a class="dropdown-item" href="{{ route('ledger.accounts.show', $a) }}"><i class="bi bi-journal-text"></i>Open ledger</a></li>
                                    @can('ledger.manage')
                                    <li><a class="dropdown-item" href="{{ route('ledger.accounts.edit', $a) }}"><i class="bi bi-pencil"></i>Edit</a></li>
                                    @endcan
                                    @unless ($a->is_system || $a->lines_count)
                                        @can('ledger.manage')
                                        <li><hr class="dropdown-divider"></li>
                                        <li><x-delete-button item :action="route('ledger.accounts.destroy', $a)" :title="'Delete '.$a->name.'?'" confirm="This account has no entries, so nothing else is affected." /></li>
                                        @endcan
                                    @endunless
                                </x-row-actions>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endforeach
</div>
<p class="text-muted small mt-3">Expense accounts are created automatically, one per expense category. Receivable and payable are posted by orders, bills, payments and opening balances — you can't post to them by hand.</p>
@endsection