@include('accounting::admin.accounting._styles')

<div class="acc-wrap">
    <div class="acc-header">
        <div class="acc-header-left">
            <div class="acc-header-icon" style="background:linear-gradient(135deg,#0891b2,#0e7490)">
                <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
            </div>
            <div><h1>Trial Balance</h1><div class="acc-header-sub">As of {{ \Carbon\Carbon::parse($asOf)->format('d M Y') }}</div></div>
        </div>
        <div style="display:flex;gap:8px;align-items:center;">
            <form method="GET" style="display:flex;gap:8px;align-items:center;">
                <input type="date" name="as_of" class="acc-form-control" value="{{ $asOf }}" style="max-width:160px;">
                <button type="submit" class="btn-acc-primary">Apply</button>
            </form>
            <a href="{{ route('admin.accounting.reports.trial-balance.export', ['as_of' => $asOf]) }}" class="btn btn-outline-secondary">Export CSV</a>
        </div>
    </div>

    <div class="acc-card">
        <div class="acc-card-body" style="padding:0;">
            <table style="width:100%;border-collapse:collapse;font-size:13px;">
                <thead>
                    <tr style="background:var(--body-bg);">
                        <th style="padding:12px 16px;">Code</th>
                        <th style="padding:12px 16px;">Account Name</th>
                        <th style="padding:12px 16px;">Group</th>
                        <th style="padding:12px 16px;text-align:right;">Debit (₹)</th>
                        <th style="padding:12px 16px;text-align:right;">Credit (₹)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($groups as $group)
                    @if($group->accounts->isNotEmpty())
                    <tr style="background:rgba(59,130,246,.05);">
                        <td colspan="5" style="padding:10px 16px;font-weight:700;color:var(--text-primary);">
                            {{ $group->name }} <span style="font-size:11px;font-weight:400;color:var(--text-muted);">({{ ucfirst($group->nature) }})</span>
                        </td>
                    </tr>
                    @foreach($group->accounts as $account)
                    <tr style="border-top:1px solid var(--card-border);">
                        <td style="padding:10px 16px;color:var(--text-muted);font-size:12px;">{{ $account->account_code }}</td>
                        <td style="padding:10px 16px;padding-left:28px;">
                            <a href="{{ route('admin.accounting.accounts.show', $account->id) }}" style="color:var(--primary);text-decoration:none;">{{ $account->account_name }}</a>
                        </td>
                        <td style="padding:10px 16px;font-size:12px;color:var(--text-muted);">{{ $group->name }}</td>
                        <td style="padding:10px 16px;text-align:right;font-weight:600;">
                            {{ ($group->nature === 'debit' && $account->trial_balance > 0) ? '₹ '.number_format($account->trial_balance, 2) : '' }}
                        </td>
                        <td style="padding:10px 16px;text-align:right;font-weight:600;color:#059669;">
                            {{ ($group->nature === 'credit' && $account->trial_balance > 0) ? '₹ '.number_format($account->trial_balance, 2) : '' }}
                        </td>
                    </tr>
                    @endforeach
                    @endif
                    @endforeach
                </tbody>
                <tfoot>
                    <tr style="background:var(--body-bg);border-top:2px solid var(--card-border);">
                        <td colspan="3" style="padding:14px 16px;text-align:right;font-weight:700;font-size:14px;">Grand Total</td>
                        <td style="padding:14px 16px;text-align:right;font-weight:700;font-size:14px;">₹ {{ number_format($totals['debit'], 2) }}</td>
                        <td style="padding:14px 16px;text-align:right;font-weight:700;font-size:14px;color:#059669;">₹ {{ number_format($totals['credit'], 2) }}</td>
                    </tr>
                    <tr>
                        <td colspan="3" style="padding:10px 16px;text-align:right;">Difference</td>
                        <td colspan="2" style="padding:10px 16px;text-align:right;font-weight:700;{{ abs($totals['debit'] - $totals['credit']) < 0.01 ? 'color:#059669;' : 'color:#dc2626;' }}">
                            {{ abs($totals['debit'] - $totals['credit']) < 0.01 ? '✓ Balanced' : '₹ '.number_format(abs($totals['debit'] - $totals['credit']),2).' (Unbalanced)' }}
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>