@extends('accounting::manual_journal_entries.base_new_manual_journal_entry')

<link type="text/css" rel="stylesheet" href="{{asset('assets/css/style-svgFont.css') }}">
@section('title', __('accounting::manual_journal_entries.show_journal_entry_details'))

@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a>@lang('accounting::manual_journal_entries.Accounting')</a></li>
            <li class="breadcrumb-item active"><a href="{{url('/accounting/journal-entries')}}">@lang('accounting::manual_journal_entries.Manual Journal Entries')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Show')</a></li>
        </ol>
    </div>
</div>
@endsection
@section('open_form_tag')
    <form action="{{ route('company.manual-journal-entries.store', $subdomain) }}" method="POST" id="accountForm" enctype="multipart/form-data">
        @csrf
@endsection

@section('back_button')
<div class="headBtns mx-1 fixed-btns">
    <div class="btn-group pull-right">
        @can('accounting.manual-journal-entries.edit')
        <a class="text-green" href="{{route('company.manual-journal-entries.edit', [$subdomain, $data['entry']])}}" title="{{__('Edit')}}">
            <span class="icon-Edit action-icon"></span>
        </a>
        @endcan

    </div>
    <div class="mb-1 pull-left">
        @can('accounting.manual-journal-entries.view')
        <a class="text-green pull-left"  href="{{url('/accounting/journal-entries')}}" 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>
        @endcan
        <a class="text-green" id="print_button"  target="_blank" href="{{route('company.manual-journal-entries.print', [$subdomain,$data['entry']['id']])}}" title="@lang('Print')">
            <span class="icon-Print action-icon"></span>
        </a>
    </div>
</div>

@endsection
@section('vue_component')
<show-manual-journal-entry-component :account="{{ json_encode(__('accounting::manual_journal_entries.account')) }}" :debit="{{ json_encode(__('accounting::manual_journal_entries.debit')) }}" :credit="{{ json_encode(__('accounting::manual_journal_entries.credit')) }}" :description="{{ json_encode(__('accounting::manual_journal_entries.description')) }}" :reference="{{ json_encode(__('accounting::manual_journal_entries.reference')) }}" :tax="{{ json_encode(__('accounting::manual_journal_entries.tax')) }}" :total="{{ json_encode(__('accounting::manual_journal_entries.total')) }}" :clear_all="{{ json_encode(__('accounting::manual_journal_entries.clear_all')) }}" :add_new_line="{{ json_encode(__('accounting::manual_journal_entries.add_new_line')) }}" :subcategories="{{ json_encode($data['subcategories']) }}" :taxes="{{ json_encode($data['taxes']) }}" :customer="{{ json_encode(__('accounting::manual_journal_entries.customer')) }}" :supplier="{{ json_encode(__('accounting::manual_journal_entries.supplier')) }}" :supplier="{{ json_encode(__('accounting::manual_journal_entries.supplier')) }}" :lang="{{ json_encode(app()->getLocale()) }}" :old="{{ json_encode(old()) }}" :entry="{{ json_encode($data['entry']) }}" :cost_center="{{ json_encode(__('products::cost_center.Cost Centers')) }}" :main_center="{{ json_encode(__('products::cost_center.main center')) }}"
    :taxes_status="{{ json_encode($data['taxes_status']) }}" :tax_status="{{ json_encode(__('accounting::manual_journal_entries.tax_status')) }}"
    :is_manual_journal_entry="{{ json_encode(request()->has('manual_journal_entry')) }}" 
></show-manual-journal-entry-component>
@endsection

@section('action-buttons')
<div class="d-flex align-items-center w-100 mt-1" id="actions-when-journal-date-not-in-past">
    <div class="col-md-12">
        <input type="hidden" name="action" value="" id="dev-action-holder">
        <button class="btn-min-width btnWidth btn btn-primary mr-1 saveDraftBtn dev-account-submit" name="action" type="submit" dev-value="save">{{ __('Save And Close')}}</button>
        <button class="btn-min-width btnWidth btn btn-primary mr-1 saveDraftBtn dev-account-submit" name="action" type="submit" dev-value="save_new">{{ __('Save And New') }}</button>
    </div>
</div>
@endsection
@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <div class="container-fluid">
        <div class="col-md-6 headTitle">
            <h3 class="d-inline">@lang('accounting::manual_journal_entries.show_journal_entry_details')</h3>
        </div>
        @yield('back_button')
        <div class="row">
            <div class="col-md-12">
                @include('companyuser::errors.all')
                @include('companyuser::errors.lists')
                <div class="card">
                    <div class="card-body in">
                        <div class="alert alert-warning" id="journal-data-in-the-future" style="display: none">
                            @lang('accounting::manual_journal_entries.warning_journal_date_in_the_future')
                        </div>

                        <div class="card-block">
                            <div class="form-body mt-2">
                                @if( !is_null($data['entry']->created_by ))
                                    <div class="form-group">
                                        <div class="d-flex align-items-center">
                                            <div class="col-md-12">
                                                <label><strong>@lang('accounting::manual_journal_entries.Created By')</strong>
                                                    &nbsp;&nbsp;&nbsp;{{ $data['entry']->created_by }}
                                                </label>

                                            </div>
                                        </div>
                                    </div>
                                @endif
                                <div class="form-group">
                                    <div class="d-flex align-items-center">
                                        <div class="col-md-12">
                                            <label>@lang('accounting::manual_journal_entries.Journal Date')&nbsp;&nbsp;&nbsp;{{ $data['entry']->formatDate($data['entry']->journal_date) }}</label>
                                            <label style="@if(app()->getLocale() == 'en')margin-left: 55%; @else margin-right:55%;@endif">
                                                @lang('accounting::manual_journal_entries.Journal Number')&nbsp;&nbsp;&nbsp;
                                                {{ $data['entry']->display_code }}
                                            </label>
                                        </div>
                                    </div>
                                </div>

                                @yield('vue_component')
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <label>{{__('accounting::manual_journal_entries.memo')}}</label>
                                            <textarea name="memo" cols="10" rows="5" class="w-100 form-control @if($errors->has('memo')) is-invalid @endif" disabled>{{ $data['entry']->memo }}</textarea>
                                            @error('memo')
                                            <span class="invalid-feedback text text-danger" role="alert">
                                                <span>{{ $message }}</span>
                                            </span>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-4">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseAttachment" aria-expanded="false" aria-controls="collapseAttachment">
                                        <div class="d-flex justify-content-between">
                                            <span>{{ __('general.attachments') }} </span><i class="fa fa-angle-down"></i>
                                        </div>
                                    </button>
                                    <div class="collapse" id="collapseAttachment">
                                        <div class="card card-body mb-0">
                                            @if(count($data['entry']->attachments))
                                            @foreach ($data['entry']->attachments as $attachment)
                                            <div>
                                                <a href={{ $attachment->file_path }} target="_blank">{{$attachment->name}}</a>
                                            </div>
                                            @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @if($data['entry']->custom_fields)
                                @php $customFields = json_decode($data['entry']->custom_fields, true) @endphp
                                <div class="col-md-12">
                                    <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                                        <div class="d-flex justify-content-between">
                                            <span>{{ __('accounting::manual_journal_entries.additional fields') }} </span><i class="fa fa-angle-down"></i>
                                        </div>
                                    </button>
                                    <div class="collapse" id="collapseExample">
                                        <div class="card card-body mb-0">
                                            @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'])||isset(old('custom_fields')[$key+1]['value'])) checked @endif disabled>
                                                    @else
                                                        <input value="{{$field['value']}}" class="w-100 py-1 form-control @if($field['type']=='date') singledate @endif" type="{{ ($field['type']=='date')?'text':$field['type'] }}" id="{{$field['name_en']}}" disabled>
                                                    @endif
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                @endif
                                <div class="col-md-12 mt-2">
                                    @if (checkAddonAvailability(request()->get('tenant_current_subscription')->id, \Modules\Tenant\Enums\SystemAddonEnum::RECURRING_TRANSACTIONS))
                                        <configure-recurring-entities-component
                                            id="recurring-entity-configuration-component"
                                            :entity-type="{{ json_encode('journal_entry') }}"
                                            :entity-id="{{ json_encode($data['entry']->id) }}"
                                            :recurring-entity="{{ json_encode($data['entry']->GetRecurringEntity()) }}"
                                            :translations="{{ json_encode(__('recurring_entities.general', ['entity' => __('accounting::manual_journal_entries.Manual Journal Entries')])) }}"
                                            :entity-api-url="{{ json_encode('/api/v2/accounting/journal-entries') }}"
                                            :entity-show-url-pattern="{{ json_encode(str_replace('PLACEHOLDER_ID', '{id}', route('company.manual-journal-entries.show', ['subdomain' => $subdomain, 'entry' => 'PLACEHOLDER_ID']))) }}"
                                        ></configure-recurring-entities-component>
                                    @else
                                        <div class="col-md-12" style="padding: 8px;margin-bottom:15px">
                                            @include('companyuser::components.addon-not-available', ['addon' => __('companyuser::addons.recurring_transactions')])
                                        </div>
                                    @endif
                                </div>
                                @if($data['fiscalYear'])
                                    <input type="hidden" id="fiscal_year" value="{{ $data['fiscalYear']['month'].'/'.$data['fiscalYear']['day'].'/'.$data['fiscalYear']['year'] }}">
                                    <input name="fiscal_year_id" type="hidden" value="{{ $data['fiscalYear']->id }}">
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')

<script type="module">
    import { triggerAutoPrint } from '/js/utils/print.js';
    // Prints only when #is_print has a value or ?isPrint is in the URL
    triggerAutoPrint();
    </script>
    
    <script>
        gtag('event', 'web_accounting_manual_journal_entries_show');
        console.log('web_accounting_manual_journal_entries_show event');
    </script>
@endsection