@extends('layouts.app')

@section('title', 'Chart of Accounts')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Chart of Accounts" subtitle="Platform ledger accounts" icon="sparkles" icon-color="amber">
    <x-slot:actions>
        <a href="{{ route('super-admin.finance.index') }}" class="btn-secondary btn-sm">Finance home</a>
    </x-slot:actions>
</x-page-header>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>Code</th>
                <th>Name</th>
                <th>Type</th>
                <th>Active</th>
                <th>System</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($accounts as $account)
                <tr>
                    <td class="font-mono">{{ $account->code }}</td>
                    <td>{{ $account->name }}</td>
                    <td>{{ $account->type }}</td>
                    <td>{{ $account->is_active ? 'Yes' : 'No' }}</td>
                    <td>{{ $account->is_system ? 'Yes' : 'No' }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection