@extends('layouts.admin')
@section('title','Chart of accounts')
@section('content')
<x-admin.page title="Chart of accounts" subtitle="Account hierarchy, controls, and posting availability.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Accounts</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['total'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Active</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['active'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Control accounts</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['control'] }}</div></x-admin.card>
    </div>
    <x-admin.advanced-table id="accounts" :search-url="route('admin.accounting.chart-of-accounts')" search-placeholder="Search code or account…" :columns="['account'=>'Account','type'=>'Type','role'=>'Role','status'=>'Status']">
        <x-slot:filters>
            <form method="get" action="{{ route('admin.accounting.chart-of-accounts') }}" class="flex items-end gap-3">
                <input type="hidden" name="q" value="{{ request('q') }}">
                <x-admin.field label="Account type" name="type"><select name="type" class="admin-input"><option value="">All types</option>@foreach(['asset','liability','equity','revenue','expense'] as $type)<option value="{{ $type }}" @selected(request('type')===$type)>{{ ucfirst($type) }}</option>@endforeach</select></x-admin.field>
                <button class="admin-btn">Apply</button>
            </form>
        </x-slot:filters>
        <thead><tr><th data-col="account">Account</th><th data-col="type">Type</th><th data-col="role">Posting role</th><th data-col="status">Status</th></tr></thead>
        <tbody>@forelse($accounts as $account)<tr>
            <td data-col="account"><div class="font-mono text-xs text-[#6d7175]">{{ $account->code }}</div><div class="{{ $account->parent_id ? 'pl-4' : 'font-semibold' }}">{{ $account->parent_id ? '↳ ' : '' }}{{ $account->name }}</div>@if($account->parent)<div class="pl-4 text-xs text-[#8c9196]">{{ $account->parent->name }}</div>@endif</td>
            <td data-col="type"><x-admin.badge tone="info">{{ $account->type }}</x-admin.badge></td>
            <td data-col="role" class="space-x-1">@if($account->is_header)<x-admin.badge tone="muted">Header</x-admin.badge>@endif @if($account->is_control)<x-admin.badge tone="warning">Control</x-admin.badge>@endif @if(!$account->is_header && !$account->is_control)<x-admin.badge tone="success">Posting</x-admin.badge>@endif</td>
            <td data-col="status"><x-admin.badge :tone="$account->active ? 'success' : 'muted'">{{ $account->active ? 'Active' : 'Inactive' }}</x-admin.badge></td>
        </tr>@empty<tr><td colspan="4" class="p-8 text-center text-[#6d7175]">No accounts match the filters.</td></tr>@endforelse</tbody>
        <x-slot:footer>{{ $accounts->links() }}</x-slot:footer>
    </x-admin.advanced-table>
</x-admin.page>
@endsection