@extends('companyuser::layouts.master')
@section('title', __('accounting::chart_of_accounts.Show account details'))
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
@push('account-view-style')
<link href="{{ asset('css/plugins/tree/style.css') }}" rel="stylesheet">

@endpush
@push('account-view-scripts')
<script src="{{asset('js/scripts/ui/scrollable.js')}}" type="text/javascript" defer></script>
@endpush
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb ml-2">
            <li class="breadcrumb-item"><a> @lang('companyuser::sidebar.Accounting')</a></li>
            <li class="breadcrumb-item"><a href="{{route('company.chart-of-accounts.index', $subdomain)}}">@lang('companyuser::sidebar.Chart Of Accounts')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Show')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('content')

<div class="content-body">
    <section>
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    @can('reports.'.strtolower(str_replace(' ', '-', (\Modules\Reports\Enums\ReportsEnum::DATA_MAPPING[\Modules\Reports\Enums\ReportsEnum::ACCOUNT_SUMMARY]['name']))).'.view')
                        <a href="{{ route('company.reports.account-summary.index', ['subdomain' => $subdomain,'account_id'=>$account->id]) }}" class="text-green" title="@lang('accounting::chart_of_accounts.Account Summary')">
                            <span class="icon-pie-chart-report action-icon"></span>
                        </a>
                    @endcan
                    @can('reports.'.strtolower(str_replace(' ', '-', (\Modules\Reports\Enums\ReportsEnum::DATA_MAPPING[\Modules\Reports\Enums\ReportsEnum::ACCOUNT_STATEMENT]['name']))).'.view')
                        <a href="{{route('company.reports.account-statement.index', ['subdomain' => $subdomain, 'account_id' => $account->id, 'is_dates'=>0, 'fiscal_year_id' => $fiscal_year_id])}}" class="text-green" title="@lang('accounting::chart_of_accounts.Account Statement')">
                            <span class="icon-statement action-icon"></span>
                        </a>
                    @endcan
                </div>
                <div class="mb-1 pull-left">
                    <a class="text-green" href="{{route('company.chart-of-accounts.index', $subdomain)}}" title="@Lang('Back')">
                        @if(LaravelLocalization::getCurrentLocale() === 'en')
                        <span class="icon-Previous action-icon back-btnIcon"></span>
                        @else
                        <span class="icon-Next action-icon back-btnIcon"></span>
                        @endif
                    </a>
                </div>
            </div>
            <div class="card mb-0 p-1">
                <div class="card-body  in">
                    {{-- tree hierarchy --}}
                    <div class="row mb-1">
                        <div class="col-md-12">
                            <h4>@lang('accounting::chart_of_accounts.Account Hierarchy')</h4>
                        </div>
                        <div class="col-md-12">
                            <div class="vertical-scroll scroll-example height-150">
                                <ul class="tree pl-0">
                                    <li class="container tree">
                                        <p>
                                            <i class="fa fa-caret-right"></i> {{$account->accountingSubCategory->accountingCategory->name}}
                                        </p>
                                        <ul class="tree">
                                            <li class="container tree">
                                                <p>
                                                    <i class="fa fa-caret-right"></i> {{$account->accountingSubCategory->name}}
                                                </p>
                                                @if($account->is_main)
                                                <ul class="tree">
                                                    <li class="container tree">
                                                        <p><i class="fa fa-caret-right"></i> {{$account->name}}
                                                        </p>
                                                    </li>
                                                </ul>
                                                @else
                                                @php
                                                $html = $endHtml = '' ;
                                                foreach($account->accountingTree as $parentAccount) :
                                                // to the ui deveolper, maybe the account code should be in seprate span or something like these, i don't know
                                                // the point is to work corectly in the rtl & ltr ,--> ok ya khaled ^^
                                                $html .= '
                                                <ul class="tree">
                                                    <li class="container tree">
                                                        <p><i class="fa fa-caret-right"></i> <a href="' . route('company.chart-of-accounts.show', ['subdomain' => $subdomain, 'account' => $parentAccount->parent_id]) .'">' .
                                                                e($parentAccount->parent->code) .' '. e($parentAccount->parent->name)
                                                                . '</a> </p> ';

                                                        $endHtml .= '
                                                    </li>
                                                </ul>
                                                ';
                                                endforeach;
                                                $html .= '
                                                <ul class="tree">
                                                    <li class="container tree">
                                                        <p><i class="fa fa-caret-right"></i> ' . e($account->code) .' '. e($account->name) . ' </p> ';
                                                        $endHtml .= '
                                                    </li>
                                                </ul>
                                                ';
                                                @endphp
                                                {!! $html . $endHtml !!}
                                                {{-- <ul class="tree">
                                                            <li class="container tree">
                                                                <p><i class="fas fa-caret-right"></i> Testing
                                                                </p>
                                                                <ul class="tree">
                                                                    <li class="container tree">
                                                                        <p><i class="fas fa-caret-right"></i>text</p>
                                                                        <ul class="tree">
                                                                            <li class="container tree">
                                                                                <p><i class="fas fa-caret-right"></i>text </p>
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul> --}}
                                                @endif
                                            </li>
                                        </ul>

                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Account Type')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p>{{Lang::locale() == 'ar' ? $account->accountingSubCategory->name_ar : $account->accountingSubCategory->name_en}}
                                    </p>
                                </dd>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Name')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p>{{$account->name}}</p>
                                </dd>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Used in Payments')</p>
                                </dt>
                                <dt class="col-xs-6">
                                    <input type="checkbox" name="receivePayment" @if($account->used_in_payment) checked @endif disabled>
                                </dt>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.link_cost_center')</p>
                                </dt>
                                <dt class="col-xs-6">
                                    <input type="checkbox" name="linkCostCenter" @if($account->link_cost_center) checked @endif disabled>
                                </dt>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Debit Value')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p class="text-bold-500">{{number_format($account->current_total_debit, 2) }} {!! __('settings::currencies.'.$account->currency_code) !!}</p>
                                </dd>

                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Credit Value')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p class="text-bold-500">{{number_format($account->current_total_credit, 2) }} {!! __('settings::currencies.'.$account->currency_code) !!}</p>
                                </dd>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Code')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p>{{$account->code}}</p>
                                </dd>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Parent Account')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p>{{ !$account->is_main ?  $account->accountingTree->last()->parent->name ?? '' : '' }}</p>
                                </dd>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                </dt>
                                <dd class="col-xs-6">
                                </dd>
                            </div>
                            <div class="row">
                                <dt class="col-xs-6">
                                    <p>@lang('accounting::chart_of_accounts.Current Balance')</p>
                                </dt>
                                <dd class="col-xs-6">
                                    <p>{{ ($account->current_balance < 0 ) ? '(' . number_format(abs($account->current_balance), 2) . ')' : number_format($account->current_balance, 2) }} {!! __('settings::currencies.'.$account->currency_code) !!}
                                    </p>
                                </dd>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <dt class="col-md-3">
                            <p>@lang('accounting::chart_of_accounts.Description')</p>
                        </dt>
                        <div class="col-md-8">
                            <textarea name="description" cols="500" rows="5" disabled class="w-100 form-control">{{ $account->description }}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_accounting_chart_of_accounts_show');
        console.log('web_accounting_chart_of_accounts_show event');
    </script>
@endsection