@extends('companyuser::layouts.master')
@section('title', __('products::cost_center.Show cost center details'))
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/style-svgFont.css') }}">
@push('account-view-style')
<link type="text/css" rel="stylesheet" href="{{ asset('assets/css/plugins/tree/style.css') }}">
@endpush
@push('account-view-scripts')
<script type="text/javascript" src="{{ asset('assets/js/scripts/ui/scrollable.js') }}" 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>{{ __('products::product.Products') }}</a></li>
            <li class="breadcrumb-item"><a href="{{route('company.cost-centers.index', $subdomain)}}">@lang('companyuser::sidebar.Cost Centers')</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="mb-1 pull-left">
                    <a class="text-green" href="{{route('company.cost-centers.index', $subdomain)}}" title="{{__('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">
                            <h2>@lang('products::cost_center.Cost Center Hierarchy')</h2>
                        </div>
                        <div class="col-md-12">
                            <div class="vertical-scroll scroll-example height-150">
                                <ul class="tree pl-0">
                                    <li class="container tree">
                                        <ul class="tree">
                                            @foreach($costCenterHierarchy as $key => $parentCostCenter)
                                            <li class="container tree">
                                                <p style="margin-left: {{$key * 20}}px;"><i class="fa fa-caret-right"></i>
                                                    @if($parentCostCenter->id != $costCenter->id)
                                                    <a href="{{route('company.cost-centers.show', ['subdomain' => $subdomain, 'cost_center' => $parentCostCenter->id]) }}">
                                                        {{$parentCostCenter->code .' '. $parentCostCenter->name}}
                                                    </a>
                                                    @else
                                                    {{$parentCostCenter->code .' '. $parentCostCenter->name}}
                                                    @endif
                                                </p>
                                            </li>
                                            @endforeach
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                                        <div class="row">
                        <div class="col-md-12">
                            <p><b>@lang('products::cost_center.List Name')</b>: {{$costCenter->name}}</p>
                            @if($parent)
                                <p><b>@lang('products::cost_center.Parent Center')</b>: {{$parent->name}}</p>
                            @endif
                            <p><b>@lang('products::cost_center.Code')</b>: {{$costCenter->code}}</p>
                            @if($parent)
                                <p><b>@lang('products::cost_center.Parent Center Code')</b>: {{$parent->code}}</p>
                            @endif
                            @if($costCenter->physical_address)
                                <p style="word-break: break-all;"><b>@lang('products::cost_center.physical_address')</b>: {{$costCenter->physical_address}}</p>
                            @endif
                            @if($costCenter->custom_fields)
                                <br />
                                @php $customFields = json_decode($costCenter->custom_fields, true) @endphp
                                <div class="card-title">
                                    <h2>{{ __('purchases::purchase_bills.additional_fields') }}</h2>
                                </div>
                                @foreach($customFields as $key=>$field)
                                <div class="row mb-1">
                                    <div class="col-md-4">
                                        <label for="{{$field['name_en']}}">
                                            {{ $field['name_'.app()->getLocale()] }}
                                        </label>
                                    </div>
                                    <div class="col-md-8">
                                        @if($field['type']=='checkbox')
                                        <input id="{{$field['name_en']}}" type="checkbox" @if(isset($field['value'])) checked @endif disabled>
                                        @else
                                        <input class="w-100 py-1 form-control @if($field['type']=='date') singledate @endif" type="{{ ($field['type']=='date')?'text': $field['type'] }}" id="{{$field['name_en']}}" value="{{$field['value']}}" disabled>
                                        @endif
                                    </div>
                                </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                    <hr>
                    <div class="row mb-1">
                        <div class="col-md-12">
                            <h2>@lang('products::cost_center.Transactions')</h2>
                        </div>
                        <div class="col-md-12">
                            <div class="table-responsive">
                                <table class="table mb-0 table table-striped table-bordered dataex-res-configuration @if(app()->getlocale() == 'ar') ar-language-file @endif">
                                    <thead>
                                        <tr>
                                            <th>@lang('products::cost_center.Date')</th>
                                            <th>@lang('products::cost_center.Id')</th>
                                            <th>@lang('products::product.Type')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($transactions as $transaction)
                                        <tr>
                                            <td>{{ $transaction['creation_date'] }}</td>
                                            <td><a href="{{route($transaction['route'], [$subdomain,$transaction['id']])}}">{{ $transaction['reference'] }}</a></td>
                                            <td>{{ $transaction['transaction'] }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row mb-1">
                        <div class="col-md-12">
                            <h2>@lang('products::cost_center.Activity Log')</h2>
                        </div>
                        <div class="col-md-12">
                            <div class="table-responsive  vertical-scroll scroll-example height-250">
                                <table class="table mb-0 table table-striped table-bordered dataex-res-configuration @if(app()->getlocale() == 'ar') ar-language-file @endif">
                                    <thead>
                                        <tr>
                                            <th>@lang('products::cost_center.Date')</th>
                                            <th>@lang('products::cost_center.username')</th>
                                            <th>@lang('products::cost_center.Action')</th>
                                            <th>@lang('products::cost_center.Details')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($logs as $row)
                                        <tr>
                                            <td>{{ $row->formatDateTime($row->created_at) }}</td>
                                            <td>{{$row->user->uname}}</td>
                                            <td>{{ trans($row->event) }}</td>
                                            <td>
                                                @if($row->event!='created')
                                                @foreach($row->new_values as $key => $change)
                                                @if($key != 'updated_at')
                                                @if($key == 'name_en')
                                                <span>{{__('products::cost_center.name_en') . '  '. __('products::cost_center.changed to')  .'  '.$change}}</span> <br>
                                                @elseif($key == 'name_ar')
                                                <span>{{__('products::cost_center.name_ar') . '  '. __('products::cost_center.changed to')  .'  '.$change}}</span> <br>
                                                @endif
                                                @endif
                                                @endforeach
                                                @endif
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

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