{{-- RETIRED: main_sub_accounts removed from hierarchy --}}
@extends('layouts.master')
@section('title', 'Main Sub-Accounts')

@section('content')
<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-2">
        <div>
            <h5 class="mb-0">
                Main Sub-Accounts —
                {{ $generalLedger->account_name }} ({{ $generalLedger->code }})
            </h5>
        </div>
        <a href="{{ route('ledger.create') }}" class="btn btn-primary mb-1">Add</a>
    </div>

    <div class="card-header bg-primary text-white py-3">
        <h5 class="mb-0"><i class="fas fa-layer-group me-2"></i>Main Sub-Accounts</h5>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <div class="card shadow-sm border-0 mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('chart-of-accounts.general-ledger.main-sub-accounts.index', $generalLedger) }}" class="row g-2 align-items-end">
                <div class="col-md-4">
                    <label class="form-label mb-1">Account Type</label>
                    <select class="form-control" disabled>
                        <option>{{ $generalLedger->accountType->name ?? $generalLedger->account_type }}</option>
                    </select>
                </div>

                <div class="col-md-4">
                    <label class="form-label mb-1">Financial Category</label>
                    <select class="form-control" disabled>
                        <option>{{ $generalLedger->financial_category }}</option>
                    </select>
                </div>

                <div class="col-md-4 d-flex gap-2">
                    <a class="btn btn-outline-secondary" href="{{ route('chart-of-accounts.general-ledger.main-sub-accounts.index', $generalLedger) }}">Reset</a>
                    <a class="btn btn-outline-primary" href="{{ route('chart-of-accounts.general-ledger.index') }}">Back</a>
                </div>
            </form>
        </div>
    </div>

    <table class="table table-bordered table-hover">
        <thead class="table-light">
            <tr>
                <th>#</th>
                <th>Account Code</th>
                <th>Sub Name</th>
                <th>Sub-Accounts</th>
                <th width="180px">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($mainSubAccounts as $row)
                <tr>
                    <td>{{ ($mainSubAccounts->currentPage() - 1) * $mainSubAccounts->perPage() + $loop->iteration }}</td>
                    <td>{{ $row->account_code }}</td>
                    <td>{{ $row->sub_name }}</td>
                    <td>
                        <a class="btn btn-secondary btn-sm"
                           href="{{ route('chart-of-accounts.main-sub-accounts.sub-accounts.index', $row) }}">
                            View
                        </a>
                    </td>
                    <td>
                        <a href="{{ route('ledger.create') }}" class="btn btn-secondary btn-sm">Edit</a>
                        <form action="{{ route('chart-of-accounts.general-ledger.main-sub-accounts.destroy', [$generalLedger, $row]) }}" method="POST" style="display:inline;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5">No main sub-accounts found.</td></tr>
            @endforelse
        </tbody>
    </table>

    {{ $mainSubAccounts->links() }}
</div>
@endsection