@extends('dashboard.layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card h-100 border-0 shadow-sm overflow-hidden p-3">
                    <div class="card-header border-bottom py-3 px-5 d-flex align-items-center flex-wrap justify-content-between gap-3">
                        <div class="mb-0">Account Details: {{ $account->title }}</div>
                        <x-table-action type="view" url="{{ route('chart_of_accounts.index') }}" label="Back to List" :icon="false" />
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <strong>Code:</strong> {{ $account->code }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Account Name Arabic:</strong> {{ $account->title }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Account Name English:</strong> {{ $account->name_en ?: '-' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Slug:</strong> {{ $account->slug }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Status:</strong> 
                                <span class="badge {{ $account->status == 'Active' ? 'bg-success' : 'bg-secondary' }}">
                                    {{ $account->status }}
                                </span>
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Parent Account:</strong> {{ $account->parent ? $account->parent->title : 'Root' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Account Type:</strong> {{ \App\Services\ChartOfAccountService::ACCOUNT_TYPES[$account->account_type] ?? 'Not set' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Account Subtype:</strong> {{ \App\Services\ChartOfAccountService::ACCOUNT_SUBTYPES[$account->account_subtype] ?? 'Not set' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Account Nature:</strong> {{ \App\Services\ChartOfAccountService::ACCOUNT_NATURES[$account->account_nature] ?? 'Not set' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Nature Inherited:</strong> {{ $account->is_nature_inherited ? 'Yes' : 'No' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Child Accounts:</strong> {{ $account->children_count }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Created By:</strong> {{ $account->creator ? $account->creator->name : 'System' }}
                            </div>
                            <div class="col-md-6 mb-3">
                                <strong>Created At:</strong> {{ $account->created_at }}
                            </div>
                        </div>

                        @if($account->children->count() > 0)
                            <hr>
                            <div class="fw-bold mb-3 text-primary">Child Accounts</div>
                            <x-table :headers="['Code', 'Account Name', 'Account Subtype', 'Account Nature', 'Status']">
                                @foreach($account->children as $child)
                                    <tr>
                                        <td>{{ $child->code }}</td>
                                        <td>{{ $child->title }}</td>
                                        <td>{{ \App\Services\ChartOfAccountService::ACCOUNT_SUBTYPES[$child->account_subtype] ?? 'Not set' }}</td>
                                        <td>{{ \App\Services\ChartOfAccountService::ACCOUNT_NATURES[$child->account_nature] ?? 'Not set' }}</td>
                                        <td>
                                            <span class="badge {{ $child->status == 'Active' ? 'bg-success' : 'bg-primary' }} rounded-pill">
                                                {{ $child->status }}
                                            </span>
                                        </td>
                                    </tr>
                                @endforeach
                            </x-table>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection