@extends('dashboard.layouts.app')

@section('title',  $account->name)
@section('page_heading', $account->name)

@section('breadcrumb')
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.home') }}" class="text-muted text-hover-primary">{{ __('dashboard.Home') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">
        <a href="{{ route('dashboard.accounts.index') }}" class="text-muted text-hover-primary">{{ __('accounts.Accounts') }}</a>
    </li>
    <li class="breadcrumb-item text-muted">{{ $account->name }}</li>
@endsection

@section('content')
<div class="card">
     <div class="card-header">
            <h3 class="card-title">{{ __('accounts.Account Details') }}</h3>
        </div>
    <div class="card-body">
    <table class="table table-bordered">
        <tr>
            <th>{{__('accounts.Code')}}</th>
            <td>{{ $account->code }}</td>
        </tr>
        <tr>
            <th>{{__('accounts.Name')}}</th>
            <td>{{ $account->name ?? $account->getTranslation('name', 'en')}}</td>
        </tr>
        <tr>
            <th>{{__('accounts.Type')}}</th>
            <td>{{ $account->is_main ? __('accounts.Main Account') : __('accounts.Sub Account')}}</td>
        </tr>
        <tr>
            <th>{{__('accounts.Parent Account')}}</th>
            <td>{{ $account->parent ? ($account->parent->name ?? $account->parent->getTranslation('name', 'en')) : '-' }}</td>
        </tr>
        <tr>
            <th>{{__('accounts.Currency')}}</th>
            <td>{{ $account->currency->code }}</td>
        </tr>
        <tr>
            <th>{{__('accounts.Is Main Account')}}</th>
            <td>{{ $account->is_main ? __('dashboard.Yes') : __('dashboard.No') }}</td>
        </tr>

           <tr>
            <th>{{__('accounts.Initial Balance')}}</th>
            <td>{{ $account->initial_balance ?? '0.00' }}</td>
        </tr>
    </table>

    @if ($account->children->isNotEmpty())
        <h2 class="mt-5">{{__('accounts.Sub Accounts')}}</h2>
        <div class="table-responsive">
            <table class="table table-striped table-row-bordered">
                <thead>
                    <tr>
                        <th>{{__('accounts.Code')}}</th>
                        <th>{{__('accounts.Name')}}</th>
                        <th>{{__('accounts.Actions')}}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($account->children as $child)
                        <tr>
                            <td>{{ $child->code }}</td>
                            <td>{{ $child->name ?? $child->getTranslation('name','en') }}</td>
                            <td>
                            <div class="dropdown">
                                    <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton{{ $child->id }}" data-bs-toggle="dropdown" aria-expanded="false">
                                        {{ __('dashboard.Actions') }}
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton{{ $child->id }}">
                                        <li>
                                            <a href="{{ route('dashboard.accounts.show', $child) }}" class="dropdown-item">
                                                <i class="bi bi-eye-fill me-2"></i>{{ __('dashboard.View') }}
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ route('dashboard.accounts.edit', $child) }}" class="dropdown-item">
                                                <i class="bi bi-pencil-square me-2"></i>{{ __('dashboard.Edit') }}
                                            </a>
                                        </li>
                                        <li>
                                            <form action="{{ route('dashboard.accounts.destroy', $child) }}" method="POST" style="display:inline;">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="dropdown-item" onclick="return confirm('{{ __('dashboard.Are you sure?') }}')">
                                                    <i class="bi bi-trash-fill me-2"></i>{{ __('dashboard.Delete') }}
                                                </button>
                                            </form>
                                        </li>
                                    </ul>
                                 </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>

<div class="card-footer">
    <a href="{{ route('dashboard.accounts.index') }}" class="btn btn-secondary">{{__('dashboard.Back')}}</a>
    <a href="{{ route('dashboard.accounts.edit', $account->id) }}" class="btn btn-primary">{{__('dashboard.Edit')}}</a>

</div>
</div>
@endsection