@extends('layouts.app')
@section('content')
<div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-semibold">Chart of Accounts</h1>
    <div class="flex gap-2">
        <a href="{{ route('coa.tree', $project) }}" class="px-4 py-2 rounded-xl bg-gray-800 text-white">Tree View</a>
        <form method="POST" action="{{ route('coa.seed', $project) }}">
            @csrf
            <button class="px-4 py-2 rounded-xl bg-[#1B3A6B] text-white">Seed Standard COA</button>
        </form>
        <a href="{{ route('coa.create', $project) }}" class="px-4 py-2 rounded-xl bg-[#F59E0B] text-white">Add Root Account</a>
    </div>
</div>
@if (session('success'))
    <div class="mb-4 px-4 py-3 rounded-xl bg-green-50 text-green-700 border border-green-200">{{ session('success') }}</div>
@endif
@if (session('error'))
    <div class="mb-4 px-4 py-3 rounded-xl bg-red-50 text-red-700 border border-red-200">{{ session('error') }}</div>
@endif
@php
    $typeColors = [
        'asset' => 'bg-green-50 text-green-700',
        'liability' => 'bg-red-50 text-red-700',
        'equity' => 'bg-blue-50 text-blue-700',
        'revenue' => 'bg-teal-50 text-teal-700',
        'expense' => 'bg-orange-50 text-orange-700',
        'cogs' => 'bg-orange-50 text-orange-700',
    ];
    $render = function($node, $level) use (&$render, $project, $typeColors) {
        $pad = str_repeat('&nbsp;', $level * 4);
        echo '<tr class="hover:bg-gray-50">';
        echo '<td class="px-3 py-2">'. $pad . e($node->code) .'</td>';
        echo '<td class="px-3 py-2">'. e($node->name) .'</td>';
        echo '<td class="px-3 py-2"><span class="text-xs px-2 py-1 rounded '. ($typeColors[$node->type] ?? 'bg-gray-100') .'">'. e(ucfirst($node->type)) .'</span></td>';
        echo '<td class="px-3 py-2">'. number_format($node->balance, 2) .'</td>';
        echo '<td class="px-3 py-2">'. ($node->allow_direct_posting ? 'Yes' : 'No') .'</td>';
        echo '<td class="px-3 py-2">
                <a class="text-[#1B3A6B] mr-3" href="'. e(route('coa.edit', [$project, $node])) .'">Edit</a>';
        if (! $node->is_system) {
            echo '<form action="'. e(route('coa.destroy', [$project, $node])) .'" method="POST" style="display:inline">';
            echo csrf_field(). method_field('DELETE');
            echo '<button class="text-red-600 mr-3">Delete</button></form>';
        }
        echo '<a class="text-[#F59E0B]" href="'. e(route('coa.create', [$project, 'parent_id' => $node->id])) .'">Add Child</a>';
        echo '</td></tr>';
        foreach ($node->children as $child) {
            $render($child, $level + 1);
        }
    };
@endphp
@foreach ($types as $t)
    @php $group = $roots->get($t) ?? collect(); @endphp
    @if($group->isNotEmpty())
    <div class="bg-white rounded-2xl border border-gray-100 shadow mb-6 overflow-hidden">
        <div class="px-4 py-3 border-b flex items-center justify-between">
            <div class="font-medium">{{ ucfirst($t) }}</div>
            <a href="{{ route('coa.create', [$project]) }}" class="text-sm text-[#1B3A6B]">Add Root</a>
        </div>
        <div class="overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead class="bg-gray-50 text-gray-600">
                    <tr>
                        <th class="text-left px-3 py-2">Code</th>
                        <th class="text-left px-3 py-2">Name</th>
                        <th class="text-left px-3 py-2">Type</th>
                        <th class="text-left px-3 py-2">Balance</th>
                        <th class="text-left px-3 py-2">Postable</th>
                        <th class="text-left px-3 py-2">Actions</th>
                    </tr>
                </thead>
                <tbody class="divide-y">
                @foreach ($group as $node)
                    @php $render($node, 0); @endphp
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif
@endforeach
@endsection