@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('purchases::supplier_receipts.edit_supplier_receipt'))
@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/pickadate/pickadate.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/pickers/daterange/daterange.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/person-details.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>
<style>
    .hide{
        display: none;
    }
    .headBtns button.save-font {
        font-size: 16px;
        font-weight: 100;
        font-family: 'Arbfont', 'Changa', sans-serif;
    }
</style>
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('company.suppliers.index', $subdomain)}}">@lang('companyuser::sidebar.Purchases')</a>
            </li>
            <li class="breadcrumb-item active">
                <a href="{{route('company.supplier-receipts.index', $subdomain)}}">@lang('purchases::supplier_receipts.Supplier Receipts')</a>
            </li>
            <li class="breadcrumb-item active">
                <a href="#">@lang('Edit')</a>
            </li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
<form action="{{ route('company.supplier-receipts.update', [$subdomain, $supplierReceipt->id]) }}" method="post" id="supplierReceiptForm" enctype="multipart/form-data">
    @method('PUT')
    @csrf
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
            <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent" style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Save')}}">
                    <span class="icon-Save action-icon"></span>
                </a>
                <div class="dropdown-menu" id="saveAndCreate">
                <input type="hidden" name="action" value="" id="action-type">
                    <button class="dropdown-item form-submit-button save-font" name="action" type="submit" value="save" @if(!isset($currentFiscalYearId)) disabled @endif>
                        {{ __('Save And Close')}}
                    </button>
                    <button class="dropdown-item form-submit-button printClick save-font" name="action" type="submit" value="save" @if(!isset($currentFiscalYearId)) disabled @endif>
                        {{ __('Save And Print') }}
                        <div class="hide">
                                <input class="form-check-input" id="is_print_option" type="checkbox" name="is_print" value="1" @if(old('is_print')) checked @endif>
                                <label class="form-check-label" for="is_print_option">@lang('Print')</label>
                                <input id="is_print" type="hidden" value="{{ request('isPrint') }}">
                                <input id="item_created_link" type="hidden" value="@if(intval(request('previousSupplierReceiptId'))){{ route('company.supplier-receipts.show',
                                        [
                                            'subdomain' => $subdomain,
                                            'supplierPaymentReceipt' =>intval(request('previousSupplierReceiptId')),
                                            'isPrint' => intval(request('isPrint'))
                                        ]
                                    ) }}@endif">
                        </div>

                    </button>
                </div>
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{ route('company.supplier-receipts.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>

    @if( !isset($currentFiscalYearId))
    <div class="row">
        <div class="col-md-12  col-xs-12 text-center">
            <div class="alert alert-white settings-alert">
                @lang('superadmin::Dashboard.Please set your ')&nbsp;
                <a href="{{route('company.accounting-settings.index', $subdomain)}}">
                    @lang('settings::general_settings.accounting settings') </a>
                    &nbsp;
                @lang('superadmin::Dashboard.to start adding accounting transactions')
            </div>
        </div>
    </div>
    @endif
    <div class=" match-height">
        <div class="">
            {{-- @include('companyuser::errors.all') --}}
            @include('companyuser::errors.lists')
            @error('remaining')
            <div class="invalid-feedback text text-danger" role="alert">
                <p>{{ $message }}</p>
            </div>
            @enderror
            <div class="card mt-2">
                <div class="">
                {{--@if($remaining)--}}
                    <div class="card-block">
                        <input type="hidden" name="remaining" value="{{ $remaining }}">
                        <div class="row mb-2">
                            <div class="col-lg-7">
                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Reference ID')
                                        </label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="code" value="{{ $supplierReceipt->reference }}" readonly class="w-100 form-control h-45{{ $errors->has('code') ? ' is-invalid' : '' }}">
                                        @error('code')
                                        <div class="invalid-feedback text text-danger" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Supplier Invoice Reference Number')
                                        </label>
                                        <span>(@lang('optional'))</span>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="supplier_invoice_reference_number" value="{{ $supplierReceipt ? $supplierReceipt->supplier_invoice_reference_number : '' }}" class="w-100 form-control h-45 english-only{{ $errors->has('supplier_invoice_reference_number') ? ' is-invalid' : '' }}">
                                        @error('supplier_invoice_reference_number')
                                        <div class="invalid-feedback text text-danger" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                        <div class="text-danger english-error" style="display:none;"  role="alert">
                                            <p>@lang('validation.english-only')</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label for="description">@lang('accounting::chart_of_accounts.Description')</label>
                                        ( @lang('optional') )
                                    </div>
                                    <div class="col-md-8">
                                        <textarea name="description" id="description" rows="5" cols="450" maxlength="500" class="w-100 form-control{{ $errors->has('description') ? ' is-invalid' : '' }}">{{ $supplierReceipt->description }}</textarea>
                                        @error('description')
                                        <span class="invalid-feedback text text-danger" role="alert">
                                            <p>{{ $message }}</p>
                                        </span>
                                        @enderror
                                    </div>

                                </div>
                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Supplier')</label>
                                    </div>
                                    <div class="col-md-8">
                                        <div class='input-group'>
                                            {{-- <select name="supplier" id="supplier"
                                                    class="w-100 select2-tag py-1 h-45 form-control @if($errors->has('supplier')) is-invalid @endif">
                                                @foreach($suppliersForDropdown as $supplier)
                                                    @if(($supplierReceipt && $supplierReceipt->supplier_id == $supplier->id) || (request('supplier') == $supplier->id))
                                                        <option selected value="{{$supplier->id}}" data-value="{{$supplier}}">{{$supplier->name}}</option>
                                                    @else
                                                        <option @if(!$supplier->status) disabled title="{{__('purchases::suppliers.deactivated_supplier')}}" @endif value="{{$supplier->id}}" data-value="{{$supplier}}">{{$supplier->name}}</option>
                                                    @endif
                                                @endforeach
                                            </select> --}}
                                            <suppliers-dropdown-component
                                                            :selected="{{ 
                                                                json_encode(\Modules\Purchases\Models\Supplier::getForDropdown($supplierReceipt->supplier_id))
                                                            }}"
                                                            :create-new="true"
                                                            :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain]) }}'"
                                                            :lang="'{{ app()->getLocale() }}'"
                                                            :multi-select="false"
                                                            :input-name="'supplier'"
                                                            :display-key="'name'"
                                                            :is-invalid='@json($errors->has("supplier"))'
                                                            :translations="{
                                                                placeholder: '{{ __('purchases::supplier_receipts.select supplier') }}',
                                                                searchPlaceholder: '{{ __('purchases::suppliers.search_suppliers') }}',
                                                                noResultsText: '{{ __('purchases::suppliers.no_suppliers_found') }}',
                                                                createNewText: '{{ __('purchases::suppliers.add_new_supplier') }}'
                                                            }"
                                                            class="w-100"
                                                            @change="handleSupplierChange({
                                                                supplier: $event,
                                                                countryCodes: @js(\App\Enums\PhoneCode::map())  
                                                            })"
                                                            @mounted="handleSupplierChange({
                                                                supplier: @js($supplierReceipt->supplier),
                                                                countryCodes: @js(\App\Enums\PhoneCode::map())  
                                                            })"
                                                    />
                                        </div>

                                        @error('supplier')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Payment Date')</label>
                                    </div>
                                    <div class="col-md-8">
                                        <x-date-picker 
                                            name="payment_date" 
                                            id="payment_date"
                                            :value="old('payment_date', $supplierReceipt->date->format(Date::rawFormat('date')))"
                                            input-class="h-45"
                                            :is-invalid="$errors->has('payment_date')"
                                            :max-date="Date::now('date')"
                                            data-fiscal-year="{{$currentFiscalYear ?? null }}"
                                        />
                                        <input type="hidden" name="current_fiscal_year_id" value="{{ $currentFiscalYearId ?? 0 }}">
current_fiscal_year_id
                                        @error('payment_date')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                        @error('current_fiscal_year_id')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <span class="custom-control-description pl-0 ml-0">
                                            <label for="cost_center_id">{{ __('products::cost_center.Cost Center') }}</label>
                                        </span>
                                    </div>
                                    <div class="col-md-8">
                                        <select disabled name="cost_center_id" id="cost_center_id" class="w-100 select2-tag h-45 py-1 form-control">
                                            @can('cost-center.main-center.edit')
                                            <option @if(!$supplierReceipt->cost_center_id) selected @endif value="">
                                                {{__('products::cost_center.main center')}}</option>
                                            @endcan
                                            @foreach($costCenters as $costCenter)
                                                @if($costCenter->parent_id)
                                                    <option @if(old('cost_center_id', $supplierReceipt->cost_center_id) == $costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}}
                                                        {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}</option>
                                                @else
                                                    <option @if(old('cost_center_id',$supplierReceipt->cost_center_id) == $costCenter->id) selected @endif value="{{$costCenter->id}}">{{$costCenter->code}} -
                                                        {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        @error('cost_center_id')
                                        <span class="invalid-feedback text text-danger" role="alert">
                                                        <p>{{ $message }}</p>
                                                    </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Payment Account')</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="payment_account" class="w-100 py-1 form-control h-45 select2-tag payment-account{{ $errors->has('payment_account') ? ' is-invalid' : '' }}" data-current-balance="{{ $paymentAccounts }}">
                                            <option value="">{{ trans('purchases::supplier_receipts.select payment account') }}</option>
                                            @foreach($paymentAccountsForDropdown as $key => $value)
                                                <option value="{{ $key }}" {{ $supplierReceipt->payment_account_id == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                        </select>

                                        @error('payment_account')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                    <div class="col-md-2 payment-account-balance" data-toggle="tooltip"
                                         data-placement="bottom" title="@lang('purchases::supplier_receipts.payment account balance')">
                                    </div>
                                </div>

                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Payment Amount')</label>
                                    </div>
                                    <div class="col-md-8">
                                        <input type="text" name="payment_amount" value="{{ $supplierReceipt->paid_amount }}" class="w-100 h-45 form-control number{{ $errors->has('payment_amount') ? ' is-invalid' : '' }}">

                                        @error('payment_amount')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="row mb-half">
                                    <div class="col-md-4">
                                        <label>@lang('purchases::supplier_receipts.Kind')</label>
                                    </div>
                                    <div class="col-md-8">
                                        <select name="kind" class="w-100 py-1 h-45 form-control select2-tag{{ $errors->has('kind') ? ' is-invalid' : '' }}" disabled>
                                            @foreach(Modules\Purchases\Enums\PaymentReceiptTypesEnum::translatedPaymentReceiptTypesList() as $key => $value)
                                                <option value="{{ $key }}" {{ $supplierReceipt->kind == $key ? 'selected' : '' }}>{{ $value }}</option>
                                            @endforeach
                                        </select>

                                        @error('kind')
                                        <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                            <p>{{ $message }}</p>
                                        </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-5 rounded">
                                <div class="card frame-gray" style="background-color: rgb(245, 247, 250) !important; margin: auto;">
                                    <div class="card-header border-bottom-gray p-1" style="background-color: rgb(245, 247, 250) !important;">
                                        <h3>@lang('purchases::supplier_receipts.Supplier Details'):</h3>
                                    </div>
                                    <div class="card-body">
                                        <table class="table table-borderless person-details">
                                            <tbody>
                                                <tr>
                                                    <th scope="row"><b>@lang('purchases::supplier_receipts.Phone'):</b>
                                                    </th>
                                                    <td>
                                                        <a id="supplier-phone"></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th scope="row"><b>@lang('purchases::supplier_receipts.Email'):</b>
                                                    </th>
                                                    <td>
                                                        <a target="_top" id="supplier-email"></a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th scope="row"><b>@lang('purchases::supplier_receipts.Outstanding Balance'):</b></th>
                                                    <td>
                                                        <a target="_top" id="supplier-balance"></a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mb-1">
                            <div class="col-md-12">
                                @if( $customFields->count() )
                                <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>{{ __('purchases::supplier_receipts.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" name="custom_fields[{{($key+1)}}][value]"
                                                    @if(isset($field['value'])||isset(old('custom_fields')[$key+1]['value'])) checked @endif>
                                                @else
                                                <input class="w-100 py-1 form-control @if($field->type=='date') singledate @endif"
                                                       placeholder="{{ $field->{'name_'.app()->getLocale()} }}" name="custom_fields[{{($key+1)}}][value]"
                                                       type="{{ ($field->type=='date')?'text':(($field->type=='check_box')?'checkbox':$field->type) }}"
                                                       id="{{$field->name_en}}"
                                                       value="{{old('custom_fields') ? old('custom_fields')[$key+1]['value']: $field['value']}}">
                                                @endif
                                                <input type="hidden" value="{{$field->name_ar}}"
                                                       name="custom_fields[{{ ($key+1) }}][name_ar]">
                                                <input type="hidden" value="{{$field->name_en}}"
                                                       name="custom_fields[{{ ($key+1) }}][name_en]">
                                                <input type="hidden" value="{{$field->type}}"
                                                       name="custom_fields[{{ ($key+1) }}][type]">
                                                <input type="hidden" value="{{$field->module}}"
                                                       name="custom_fields[{{ ($key+1) }}][module]">
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                                @endif
                            </div>

                            <div class="col-md-12">
                                <button class="mb-1 btn btn-default w-100 filterbtn" type="button"
                                        data-toggle="collapse" data-target="#collapseTerm" aria-expanded="false"
                                        aria-controls="collapseTerm">
                                    <div class="d-flex justify-content-between">
                                        <span>{{ __('purchases::supplier_receipts.terms_and_condition') }} </span><i
                                            class="fa fa-angle-down"></i>
                                    </div>
                                </button>
                                <div class="collapse" id="collapseTerm">
                                    <div class="card card-body mb-0">
                                        <rich-text-editor-component :lang="{{ json_encode(app()->getLocale()) }}"
                                                                    :path="{{ json_encode('purchases/supplier_receipts/terms') }}"
                                                                    :name="{{ json_encode('terms') }}"
                                                                    :value="{{ json_encode(old('terms', $supplierReceipt->terms)) }}">
                                        </rich-text-editor-component>
                                    </div>
                                </div>
                                @error('terms')
                                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                    <p>{{ $message }}</p>
                                </div>
                                @enderror
                            </div>


                            <div class="col-md-12">
                                <button class="mb-1 btn btn-default w-100 filterbtn" type="button" data-toggle="collapse"
                                        data-target="#collapseNote" aria-expanded="false" aria-controls="collapseNote">
                                    <div class="d-flex justify-content-between">
                                        <span>{{ __('purchases::supplier_receipts.notes') }} </span><i
                                            class="fa fa-angle-down"></i>
                                    </div>
                                </button>
                                <div class="collapse" id="collapseNote">
                                    <div class="card card-body mb-0">
                                        <rich-text-editor-component :lang="{{ json_encode(app()->getLocale()) }}"
                                                                    :path="{{ json_encode('purchases/supplier_receipts/notes') }}"
                                                                    :name="{{ json_encode('notes') }}"
                                                                    :value="{{ json_encode(old('notes', $supplierReceipt->notes)) }}">
                                        </rich-text-editor-component>
                                    </div>
                                </div>
                                @error('notes')
                                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                    <p>{{ $message }}</p>
                                </div>
                                @enderror
                            </div>

                            <attachments-component
                                :translations="{{ json_encode([
                                    'attachments' => __('general.attachments'),
                                    'attachments_validation' => __('general.attachments_validation'),
                                    'attachments_max_size' => __('general.attachments_max_size'),
                                    'selected_files' => __('general.selected_files'),
                                ]) }}"
                                :errors="{{ json_encode($errors->get('attachments.*')) }}"
                                :preloaded-files="{{ json_encode($supplierReceipt->attachments ?? []) }}"
                            ></attachments-component>
                        </div>
                        <div class="modal fade" id="confirmationModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="favoritesModalLabel">
                                            @lang('accounting::manual_journal_entries.confirmation_date')</h4>
                                    </div>
                                    <div class="modal-body">
                                        <p>
                                            @lang('accounting::manual_journal_entries.confirmation_date_in_past')
                                        </p>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default mx-1"
                                                data-dismiss="modal">@lang('Cancel')</button>
                                        <span class="pull-right">
                                            <button type="submit" name="action" value=""
                                                    class="btn btn-primary">@lang('Continue')</button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </form>
</section>

@include('purchases::warning-modal')


@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_purchases_supplier_receipts_edit');
        console.log('web_purchases_supplier_receipts_edit event');
    </script>
<script>
    let mainAction;
window.addEventListener('DOMContentLoaded', function () {
    (function ($) {

        $(".printClick").on("click", function() {
                $('[name=is_print]').prop('checked', true);
            })

        // this to show account balance when chose it from select
        $(".payment-account").change(function () {
            var accountId = this.value
            if (!accountId)
                return;
            var account = $(this).data('current-balance')[accountId]
            balance = account ? account['current_balance'] : '';
            $('.payment-account-balance').html(balance);

        }).change();



        $('#supplierReceiptForm .form-submit-button').on('click', function (event) {
            let date = $('input[name="payment_date"]');

            mainAction=$(this).attr('value');
            $('#action-type').val(mainAction);

            let paymentDate = date.val();
            let currentFiscalYear = date.data('fiscal-year');
            if (!currentFiscalYear)
                return false;
            paymentDate = paymentDate.split('-').reverse().join('-');
            if(localStorage.getItem("isPopUpDisplayed") == 'false'){
                    checkDuplicatedReferenceNumber()
            }
            if (new Date(paymentDate) < new Date(currentFiscalYear)) {
                // event.preventDefault();
                let modal = $('#confirmationModal');
                modal.modal('show');
                // the value of the button that was clicked in form submition
                modal.find('button[type="submit"]').val(mainAction);
                return false;

            }
        });


        $('#supplierReceiptForm').submit(function () {
            $('#action-type').val(mainAction);
            //disabled submit button
            $(this).find(":submit").prop('disabled', true);

            // form will be submitted beacuase we didn't stop the default event
        });


        // open show with print in new tab
        const isPrint = document.getElementById('is_print').value;
        if (isPrint) {
            const showLineOfCreatedItem = document.getElementById('item_created_link').value;
            if(showLineOfCreatedItem)
            {
                const win = window.open(showLineOfCreatedItem, '_blank');
                win.focus();
            }

        }

        let isPopUpDisplayed = false;
        localStorage.setItem("isPopUpDisplayed", isPopUpDisplayed);

        $('input[name=supplier_invoice_reference_number]').on('change',function () {
            localStorage.setItem("isPopUpDisplayed", isPopUpDisplayed);
            checkDuplicatedReferenceNumber();
        });

        function checkDuplicatedReferenceNumber() {
                isPopUpDisplayed = true;
                let referenceNumber = $('input[name=supplier_invoice_reference_number]').val()
                $.ajax({
                        url: "{{route('company.bill-returns.invoice-reference-number', [$subdomain])}}",
                        type: 'GET',
                        dataType: "json",
                        data:{
                            invoiceReferenceNumber:referenceNumber,
                        },
                        success: function(response) {

                            if(response == true){
                                localStorage.setItem("isPopUpDisplayed", isPopUpDisplayed);
                                $('#warningInvoiceReferenceNumber').modal();
                            }

                        },
                        error: function(xhr, status, error) {

                        },
                        complete: function(data) {
                        }
                    });
            }

    })(jQuery);
});

</script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.date.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/picker.time.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/pickadate/legacy.js')}}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/daterange/daterangepicker.js')}}" defer></script>
<script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
<script src="{{url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js')}}" defer></script>
<script src="{{asset('js/validation/regex-english-characters-numbers.js')}}" defer></script>
<script src="{{asset('js/validation/limit-digits-in-decimal-numbers.js')}}" defer></script>
@endsection