@extends('layouts.inspinia')

@section('title', 'Account: ' . $chartOfAccount->account_code)

@section('content_header', $chartOfAccount->account_code . ' — ' . $chartOfAccount->account_name)

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('chart-of-accounts.index') }}">Chart of Accounts</a></li>
    <li class="breadcrumb-item active"><strong>{{ $chartOfAccount->account_code }}</strong></li>
@endsection

@section('content')

    <div class="row">
        {{-- Details + Sub-accounts ──────────────────────────────────── --}}
        <div class="col-md-5">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>Account Details</h5>
                    <div class="ibox-tools">
                        @can('chart_of_accounts.edit')
                            <a href="{{ route('chart-of-accounts.edit', $chartOfAccount) }}" class="btn btn-warning btn-sm">
                                <i class="fas fa-edit"></i> Edit
                            </a>
                        @endcan
                        <a href="{{ route('chart-of-accounts.index') }}" class="btn btn-secondary btn-sm ml-1">
                            <i class="fas fa-arrow-left"></i> Back
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <dl class="row mb-0">
                        <dt class="col-sm-5">Group</dt>
                        <dd class="col-sm-7">{{ $chartOfAccount->group->name ?? '—' }}</dd>

                        <dt class="col-sm-5">Type</dt>
                        <dd class="col-sm-7">{{ ucfirst($chartOfAccount->account_type) }}</dd>

                        <dt class="col-sm-5">Normal Balance</dt>
                        <dd class="col-sm-7">{{ ucfirst($chartOfAccount->normal_balance) }}</dd>

                        <dt class="col-sm-5">Parent</dt>
                        <dd class="col-sm-7">{{ $chartOfAccount->parent?->displayNameWithCode() ?? '—' }}</dd>

                        <dt class="col-sm-5">Cash Account</dt>
                        <dd class="col-sm-7">{{ $chartOfAccount->is_cash_account ? 'Yes' : 'No' }}</dd>

                        <dt class="col-sm-5">Bank Account</dt>
                        <dd class="col-sm-7">{{ $chartOfAccount->is_bank_account ? 'Yes' : 'No' }}</dd>

                        <dt class="col-sm-5">Control Account</dt>
                        <dd class="col-sm-7">{{ $chartOfAccount->is_control_account ? 'Yes' : 'No' }}</dd>

                        <dt class="col-sm-5">Opening Balance</dt>
                        <dd class="col-sm-7">
                            {{ number_format($chartOfAccount->opening_balance, 2) }}
                            {{ $chartOfAccount->opening_balance_type ? ucfirst($chartOfAccount->opening_balance_type) : '' }}
                        </dd>

                        <dt class="col-sm-5">Status</dt>
                        <dd class="col-sm-7">
                            <span class="badge badge-{{ $chartOfAccount->is_active ? 'success' : 'secondary' }}">
                                {{ $chartOfAccount->is_active ? 'Active' : 'Inactive' }}
                            </span>
                        </dd>

                        @if($chartOfAccount->notes)
                            <dt class="col-sm-5">Notes</dt>
                            <dd class="col-sm-7">{{ $chartOfAccount->notes }}</dd>
                        @endif
                    </dl>
                </div>
            </div>

            @if($chartOfAccount->children->count())
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>Sub-accounts</h5>
                    </div>
                    <div class="ibox-content p-0">
                        <ul class="list-group list-group-flush">
                            @foreach($chartOfAccount->children as $child)
                                <li class="list-group-item py-2">
                                    <a href="{{ route('chart-of-accounts.show', $child) }}">
                                        {{ $child->displayNameWithCode() }}
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
        </div>

        {{-- Recent Posted Lines ──────────────────────────────────────── --}}
        <div class="col-md-7">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>Recent Posted Lines</h5>
                    <div class="ibox-tools">
                        <a href="{{ route('general-ledger.index', ['account_id' => $chartOfAccount->id]) }}"
                           class="btn btn-sm btn-outline-primary">
                            <i class="fas fa-book"></i> View Full Ledger
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    @if($recentLines->isEmpty())
                        <p class="text-muted text-center py-2 mb-0">No posted journal lines yet.</p>
                    @else
                        <div class="table-responsive">
                            <table class="table table-sm table-bordered table-hover mb-0">
                                <thead>
                                    <tr>
                                        <th>Date</th>
                                        <th>Voucher</th>
                                        <th>Description</th>
                                        <th class="text-right">Debit</th>
                                        <th class="text-right">Credit</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($recentLines as $line)
                                        <tr>
                                            <td class="text-nowrap">{{ $line->journalVoucher->journal_date->format('d/m/Y') }}</td>
                                            <td>
                                                <a href="{{ route('journal-vouchers.show', $line->journalVoucher) }}">
                                                    {{ $line->journalVoucher->journal_number }}
                                                </a>
                                            </td>
                                            <td class="text-muted">{{ $line->description ?? $line->journalVoucher->description }}</td>
                                            <td class="text-right text-nowrap">{{ $line->debit > 0 ? number_format($line->debit, 2) : '' }}</td>
                                            <td class="text-right text-nowrap">{{ $line->credit > 0 ? number_format($line->credit, 2) : '' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection