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

@section('content')
    <div class="page-head">
        <div>
            <h1>Chart of accounts</h1>
            <p>{{ $accounts->count() }} account(s). System accounts are referenced by code from the automatic postings.</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('journal.trial-balance') }}" class="btn secondary">Trial balance</a>
            <a href="{{ route('journal.index') }}" class="btn secondary">Ledger</a>
        </div>
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Add an account</h3></div>
            <form method="POST" action="{{ route('journal.accounts.store') }}">
                @csrf
                <div class="card-body">
                    <div class="grid grid-2">
                        <div class="field">
                            <label>Code <span class="req">*</span></label>
                            <input type="text" name="code" class="mono" maxlength="30" required
                                   value="{{ old('code') }}" placeholder="7000">
                            @error('code')<span class="err">{{ $message }}</span>@enderror
                        </div>
                        <div class="field">
                            <label>Type <span class="req">*</span></label>
                            <select name="type" required>
                                @foreach ($types as $t)
                                    <option value="{{ $t }}" @selected(old('type') === $t)>{{ title_case_words($t) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="field">
                        <label>Name <span class="req">*</span></label>
                        <input type="text" name="name" maxlength="140" required
                               value="{{ old('name') }}" placeholder="Tower lease income">
                        @error('name')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label>Subtype</label>
                        <input type="text" name="subtype" maxlength="40" value="{{ old('subtype') }}"
                               placeholder="operating">
                    </div>
                </div>
                <div class="card-foot"><button class="btn" type="submit">Create account</button></div>
            </form>
        </div>

        <div class="card">
            <div class="card-head"><h3>Conventions</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Assets &amp; expenses</dt><dd>Debit-normal — a debit increases them.</dd>
                    <dt>Liabilities, equity &amp; income</dt><dd>Credit-normal — a credit increases them.</dd>
                    <dt>Balances</dt><dd>Maintained automatically by <span class="mono">JournalEntry::post()</span>; never edit them directly.</dd>
                    <dt>System accounts</dt><dd>Name and subtype only. Their code and type are fixed because automatic postings look them up by code.</dd>
                </dl>
            </div>
        </div>
    </div>

    @forelse ($grouped as $type => $group)
        <div class="card">
            <div class="card-head"><h3>{{ title_case_words($type) }} accounts</h3>
                <span class="badge muted">{{ $group->count() }}</span></div>
            <div class="card-body" style="padding:0;">
                <table class="data">
                    <thead>
                    <tr><th style="width:10%;">Code</th><th>Name</th><th>Subtype</th>
                        <th class="num">Balance</th><th>State</th><th></th></tr>
                    </thead>
                    <tbody>
                    @foreach ($group as $account)
                        <tr>
                            <td class="mono">{{ $account->code }}</td>
                            <td>
                                <form method="POST" action="{{ route('journal.accounts.update', $account) }}"
                                      class="inline-form">
                                    @csrf @method('PUT')
                                    <input type="hidden" name="is_active" value="{{ $account->is_active ? 1 : 0 }}">
                                    <input type="text" name="name" maxlength="140" required
                                           value="{{ $account->name }}" style="min-width:180px;">
                                    @if ($account->is_system)
                                        <input type="hidden" name="subtype" value="{{ $account->subtype }}">
                                    @else
                                        <input type="text" name="subtype" maxlength="40"
                                               value="{{ $account->subtype }}" style="min-width:110px;">
                                    @endif
                                    <button class="btn xs" type="submit">Save</button>
                                </form>
                            </td>
                            <td class="small muted">{{ $account->subtype ?: '—' }}</td>
                            <td class="num strong">{{ money($account->balance) }}</td>
                            <td>
                                <span class="badge {{ $account->is_active ? 'success' : 'muted' }}">
                                    <span class="dot"></span>{{ $account->is_active ? 'Active' : 'Inactive' }}</span>
                                @if ($account->is_system)<span class="badge muted">system</span>@endif
                            </td>
                            <td class="right">
                                <form method="POST" action="{{ route('journal.accounts.update', $account) }}">
                                    @csrf @method('PUT')
                                    <input type="hidden" name="name" value="{{ $account->name }}">
                                    @if ($account->subtype)<input type="hidden" name="subtype" value="{{ $account->subtype }}">@endif
                                    <input type="hidden" name="is_active" value="{{ $account->is_active ? '' : '1' }}">
                                    <button class="btn xs secondary" type="submit">
                                        {{ $account->is_active ? 'Deactivate' : 'Activate' }}</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @empty
        @include('components.empty-state', [
            'icon' => '&#128210;',
            'title' => 'No accounts yet',
            'message' => 'Run the chart of accounts seeder, or add accounts manually above.',
        ])
    @endforelse
@endsection