@extends('companyuser::layouts.master')
@section('title', __('purchases::purchase_orders.new_purchase_order'))
@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/style-svgFont.css') }}">
<script src="{{ asset('js/app.js') }}" defer></script>
@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="{{url('/purchases/purchase-orders')}}">@lang('purchases::purchase_orders.purchase_orders')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Create')</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.purchase-orders.store', $subdomain) }}" method="post" id="currentForm" enctype="multipart/form-data">
    @csrf
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">
            <input type="hidden" value="{{ $data['form_design_id'] }}" name="form_design_id">
                <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">
                    <div class="" id="actions-when-issue-date-in-past" style="display: none;padding:0">
                        <a data-toggle="modal" class="dropdown-item" data-target="#favoritesModalForSaveAndClose" name="action" type="button" dev-value="save">
                            {{ __('Save And Close')}}
                        </a>
                        <a data-toggle="modal" class="dropdown-item" data-target="#favoritesModalForSaveAndNew" name="action" type="button" dev-value="save_new">
                            {{ __('Save And New') }}
                        </a>
                    </div>

                    <div class="" id="actions-when-issue-date-not-in-past" style="padding:0">
                        <a class="dropdown-item enhance-submit-action" name="action" type="submit" value="save" dev-value="save">
                            {{ __('Save And Close')}}
                        </a>
                        <a class="dropdown-item enhance-submit-action" name="action" type="submit" dev-value="save_new" value="save_new">
                            {{ __('Save And New') }}
                        </a>

                    </div>
                    <a class="dropdown-item enhance-submit-action printClick" name="action" type="submit" dev-value="save" value="save">
                        {{ __('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('previousPurchaseOrderId'))){{ route(
                                'company.purchase-orders.show',
                                [
                                    'subdomain' => $subdomain,
                                    'purchaseOrder' =>intval(request('previousPurchaseOrderId')),
                                    'isPrint' => intval(request('isPrint'))
                                ]
                            ) }}@endif">
                        </div>

                    </a>
                </div>
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{url('/purchases/purchase-orders')}}" 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=" match-height">
            <div class="">
                <div class="card ">
                    <div class="">
                        @include('companyuser::errors.all')
                        @include('companyuser::errors.lists')
                        @error('remaining')
                        <span class="invalid-feedback text text-danger" role="alert">
                            <p>{{ $message }}</p>
                        </span>
                        @enderror
                        @if($data['remaining'])
                        <div class="card-block">

                            <div class="row mb-2">
                                <div class="col-lg-7">
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::purchase_orders.reference_id')
                                            </label>
                                        </div>
                                        <div class="col-md-8">
                                            <input type="text" name="code" value="{{ $data['new_purchase_orders_code'] }}" readonly="true" class="w-100 form-control{{ $errors->has('journal_number') ? ' is-invalid' : '' }}">
                                            @error('journal_number')
                                            <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 for="description">{{ __('accounting::chart_of_accounts.Description') }}</label>
                                            ( @lang('optional') )
                                        </div>
                                        <div class="col-md-8">
                                            <textarea name="description" id="" rows="5" cols="450" maxlength="500" class="w-100 form-control{{ $errors->has('description') ? ' is-invalid' : '' }}">{{ $data['purchaseOrder']->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::purchase_orders.supplier')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <div class='input-group'>
                                                <suppliers-dropdown-component
                                                            :selected="{{ json_encode(\Modules\Purchases\Models\Supplier::getForDropdown(old('supplier_id', $data['purchaseOrder']->supplier_id)))  }}"
                                                            :disable-inactive="true"
                                                            :create-new="true"
                                                            :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain]) }}'"
                                                            :lang="'{{ app()->getLocale() }}'"
                                                            :multi-select="false"
                                                            :input-name="'supplier_id'"
                                                            :display-key="'name'"
                                                            :is-invalid='@json($errors->has("supplier_id"))'
                                                            :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($data['purchaseOrder']->supplier),
                                                                countryCodes: @js(\App\Enums\PhoneCode::map())  
                                                            })"
                                                        />
                                                {{-- <select id="supplier" name="supplier_id" class="select2 form-control select2-tag" class="{{$errors->has('supplier_id') ? ' is-invalid':''}}">
                                                    <option data-phone="" data-email="" value="">
                                                        @lang('purchases::purchase_orders.please_select_supplier')
                                                    </option>
                                                    @foreach($data['suppliers'] as $supplier)
                                                    @php $mobile = $supplier["mobile"] ? str_replace("+", "00",
                                                    App\Enums\PhoneCode::get($supplier['country_code'])) . '-' .
                                                    $supplier['mobile'] : '' @endphp

                                                    <option @if(old('supplier_id',$data['purchaseOrder']->
                                                        supplier->id)==$supplier["id"] && $supplier["status"]) selected
                                                        @endif data-phone="{{ $mobile }}"
                                                        data-email="{{ $supplier["email"] }}"
                                                        value="{{$supplier["id"]}}"
                                                        @if(!$supplier["status"]) disabled title="{{__('purchases::suppliers.deactivated_supplier')}}" @endif>
                                                        {{strlen($supplier["name"]) > 50? mb_substr($supplier["name"],0,50) . "...": $supplier["name"]}}
                                                    </option>
                                                    @endforeach
                                                </select> --}}
                                            </div>

                                            @error('supplier_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">
                                            <label>@lang('purchases::purchase_orders.issue_date')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <x-date-picker 
                                                name="issue_date" 
                                                id="issue_date"
                                                :default-today="true"
                                                :value="old('issue_date')"
                                                input-class="h-45"
                                                :is-invalid="$errors->has('issue_date')"
                                            />

                                            @error('issue_date')
                                            <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::purchase_orders.due_date')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <x-date-picker 
                                                name="due_date" 
                                                id="due_date"
                                                :default-today="true"
                                                :value="old('due_date')"
                                                input-class="h-45"
                                                :is-invalid="$errors->has('due_date')"
                                            />

                                            @error('due_date')
                                            <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">
                                    <div class="card  frame-gray">
                                        <div class="card-header border-bottom-gray p-1">
                                            <h3>@lang('purchases::purchase_orders.supplier_details'):</h3>
                                        </div>
                                        <div class="card-body p-0">
                                            <table class="table table-borderless">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row"><b>@lang('purchases::purchase_orders.phone'):</b></th>
                                                        <td>
                                                            <a href="" id="supplier-phone">-</a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row"><b>@lang('purchases::purchase_orders.email'):</b></th>
                                                        <td>
                                                            <a href="" target="_top" id="supplier-email">-</a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-md-12">
                                    <create-purchase-order-component
                                    :is_negative_inventory_allowed="{{ json_encode(isFeatureActive(Modules\Settings\Enums\FeaturesEnum::NEGATIVE_INVENTORY)) }}"
                                    :is_inventory_feature_enabled="{{ json_encode(isFeatureActive(Modules\Settings\Enums\FeaturesEnum::INVENTORY)) }}"
                                    :description="{{ json_encode(__('purchases::purchase_orders.description')) }}"
                                    :total="{{ json_encode(__('purchases::purchase_orders.total_amount')) }}"
                                    :total_with_service="{{ json_encode(__('purchases::purchase_orders.total_amount_with_service')) }}"
                                    :clear_all="{{ json_encode(__('purchases::purchase_orders.clear_all')) }}"
                                    :add_new_line="{{ json_encode(__('purchases::purchase_orders.add_new_line')) }}"
                                    :lang="{{ json_encode(Lang::locale()) }}"
                                    :old="{{ json_encode(old() ? old() : $data['purchaseOrder']) }}"
                                    :qty="{{ json_encode(__('purchases::purchase_orders.qty')) }}"
                                    :product="{{ json_encode(__('products::product.product service')) }}"
                                    :unit_price="{{ json_encode(__('purchases::purchase_orders.unit_price')) }}"
                                    :total_discount="{{ json_encode(__('purchases::purchase_orders.total discount')) }}"
                                    :discount="{{ json_encode(__('purchases::purchase_orders.discount')) }}"
                                    :vat="{{ json_encode(__('purchases::purchase_orders.vat')) }}"
                                    :vat_value="{{ json_encode(__('purchases::purchase_orders.vat_value')) }}"
                                    :gross="{{ json_encode(__('purchases::purchase_orders.gross')) }}"
                                    :amount="{{ json_encode(__('purchases::purchase_orders.amount')) }}"
                                    :photo="{{ json_encode(__('purchases::purchase_orders.photo')) }}"
                                    :is_description_appear="{{ json_encode($data['isDescriptionAppear']) }}"
                                    :is_tax_appear="{{ json_encode($data['isTaxAppear']) }}"
                                    :is_discount_appear="{{ json_encode($data['isDiscountAppear']) }}"
                                    :is_photo_appear="{{ json_encode($data['isPhotoAppear']) }}"
                                    :company_default_tax="{{ json_encode($data['companyDefaultTax']) }}"
                                    :products="{{ json_encode($data['products']) }}"
                                    :taxes="{{ json_encode($data['taxes']) }}"
                                    :taxes_status="{{json_encode($data['taxes_status'])}}"
                                    :taxes_statuses="{{ json_encode($data['taxes_statuses']) }}"
                                    :exclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::EXCLUSIVE) }}"
                                    :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
                                    :no_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES) }}"
                                    :tax_disabled="{{json_encode(false)}}"
                                    :invoice_tax_status="{{json_encode($data['taxes_status'])}}"
                                    :currency="{{json_encode(__('settings::currencies.'.$data['currency']))}}"
                                    :loading_label="{{ json_encode(__('general.loading')) }}"
                                    :add_product_popup_data="{{ json_encode([
                                        'product_title' => __('New') . ' ' . __('Product'),
                                        'service_title' => __('New') . ' ' . __('Service'),
                                        'name_ar' => __('products::product.NameAr'),
                                        'name_en' => __('products::product.Name'),
                                        'product_type' => \Modules\Products\Models\Product::TYPE_PRODUCT,
                                        'service_type' => \Modules\Products\Models\Product::TYPE_SERVICE,
                                        'identifier' => __('products::product.Id'),
                                        'product_identifier' => $data['product_identifier'],
                                        'subcategories' => $data['subcategories'],
                                        'cancel' => __('Cancel'),
                                        'continue' => __('Continue'),
                                        'create' => __('Create'),
                                        'edit' => __('Edit'),
                                        'inventory_item' => __('products::product.Inventory Item'),
                                        'selling_price' => __('products::product.Selling Price'),
                                        'buying_price' => __('products::product.Buying Price'),
                                        'category_id' => $data['categoryId'],
                                        'unit_id' => $data['unitId'],
                                        'tax' => __('products::product.Taxes'),
                                        'inventory_account_id' => $data['inventory_account_id'],
                                        'selling_account_id' => $data['selling_account_id'],
                                        'purchasing_account_id' => $data['purchasing_account_id'],
                                        'no_tax' => __('No Default Tax Rate'),
                                        'url' => route('company.products.store', ['subdomain' => $subdomain]),
                                        'default_elements_validation' => __('products::product.default_elements_validation'),
                                        'addProductButtonText' => __('products::product.a Product'),
                                        'addServiceButtonText' => __('products::product.Service'),
                                        'addButtonImg' => asset('assets/images/svg/plus.svg'),
                                        'saving_product_message' => __('sales::invoices.saving_product_message'),
                                        'saving_service_message' => __('sales::invoices.saving_service_message'),
                                        'product_created_success_refresh_failed' => __('sales::invoices.product_created_success_refresh_failed'),
                                        'service_created_success_refresh_failed' => __('sales::invoices.service_created_success_refresh_failed'),
                                        'no_warehouses_for_cost_center' => __('sales::invoices.no_warehouses_for_cost_center'),
                                        'product_creation_failed' => __('sales::invoices.product_creation_failed'),
                                        'service_creation_failed' => __('sales::invoices.service_creation_failed'),
                                        // Warehouse Assignment Titles
                                        'warehouse_assignment_title' => __('sales::invoices.warehouse_assignment_title'),
                                        'warehouse_title' => __('sales::invoices.warehouse_title'),
                                        'buying_price_title' => __('sales::invoices.buying_price_title'),
                                        'selling_price_title' => __('sales::invoices.selling_price_title'),
                                        'opening_balance_title' => __('sales::invoices.opening_balance_title'),
                                        'buying_account_title' => __('products::product.Buying Account'),
                                        'selling_account_title' => __('products::product.Selling Account'),
                                        'buying_product_title' => __('products::product.Buying Product'),
                                        'selling_product_title' => __('products::product.Selling Product'),
                                        'min_quantity_title' => __('sales::invoices.min_quantity_title'),
                                        'notify_low_quantity_title' => __('sales::invoices.notify_low_quantity_title'),
                                        'inventory_account_title' => __('sales::invoices.inventory_account_title'),
                                        'actions_title' => __('sales::invoices.actions_title'),
                                        'warehouse_assignment_placeholder' => __('sales::invoices.warehouse_assignment_placeholder'),
                                        'add_new_line_title' => __('sales::invoices.add_new_line_title'),
                                        'clear_all_title' => __('sales::invoices.clear_all_title'),
                                        'select_inventory_account' => __('sales::invoices.select_inventory_account'),
                                        // Update Messages
                                        'updating_products_message' => __('sales::invoices.updating_products_message'),
                                        'products_update_failed_message' => __('sales::invoices.products_update_failed_message'),
                                        'invalid_response_format_message' => __('sales::invoices.invalid_response_format_message'),
                                    ]) }}"
                                    ></create-purchase-order-component>
                                    <p class="mx-1 text-danger" id="validate_minimum_quantity">@lang('sales::invoices.validate_minimum_quantity_message')
                                    </p>
                                    <p class="mx-1 text-danger hidden" id="validate_maximum_quantity"
                                        data-base-text="@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ':quantity'])">@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ''])</p>
                                </div>
                            </div>
                            <div class="row">
                                @if($data['purchaseOrder']->custom_fields)
                                <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>{{ __('purchases::purchase_orders.additional_fields') }} </span><i class="fa fa-angle-down"></i>
                                        </div>
                                    </button>
                                    @php $customFields = json_decode($data['purchaseOrder']->custom_fields, true) @endphp
                                    <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 name="custom_fields[{{($key+1)}}][value]" 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']}}">

                                                    @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>
                                </div>
                                @endif
                                <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::purchase_orders.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/purchase_orders/terms') }}" :name="{{ json_encode('terms') }}" :value="{{ json_encode(old('terms',($data['purchaseOrder']->terms)?$data['purchaseOrder']->terms:$data['terms'])) }}">
                                            </rich-text-editor-component>
                                        </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="#collapseNote" aria-expanded="false" aria-controls="collapseNote">
                                        <div class="d-flex justify-content-between">
                                            <span>{{ __('purchases::purchase_orders.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/purchase_orders/notes') }}" :name="{{ json_encode('notes') }}" :value="{{ json_encode(old('notes',($data['purchaseOrder']->notes)?$data['purchaseOrder']->notes:$data['notes'])) }}">
                                            </rich-text-editor-component>
                                        </div>
                                    </div>
                                </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($data['purchaseOrder']->attachments ?? []) }}"
                                ></attachments-component>

                            </div>
                            <div class="modal fade" id="favoritesModalForSaveAndClose" 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('purchases::purchase_orders.confirmation_date')</h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>
                                                @lang('purchases::purchase_orders.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 name="action" type="submit" value="save" class="btn btn-primary enhance-submit-action" dev-value="save">@lang('Continue')</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" id="favoritesModalForSaveAndNew" 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('purchases::purchase_orders.confirmation_date')</h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>
                                                @lang('purchases::purchase_orders.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="save_new" class="btn btn-primary enhance-submit-action" dev-value="save_new">@lang('Continue')</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="action" value="" id="dev-action-holder">
                            <input type="hidden" name="remaining" value="{{$data['remaining']}}">


                        </div>
                        @else
                        @include('info.limit_reached')
                        @endif

                    </div>
                </div>
            </div>
        </div>
        {{--</div> --}}


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


@if($data['fiscalYear'])
<input type="hidden" id="fiscal_year" value="{{ $data['fiscalYear']['month'].'/'.$data['fiscalYear']['day'].'/'.$data['fiscalYear']['year'] }}">
@endif
@endsection

@section('extra_scripts')
    @include('purchases::scripts.get_products_script')
    <script>
        gtag('event', 'web_purchases_purchase_orders_clone');
        console.log('web_purchases_purchase_orders_clone event');
    </script>
            <script src="{{ asset('js/validation/quantity-messages.js') }}" defer></script>

<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            $(".printClick").on("click", function() {
                $('[name=is_print]').prop('checked', true);
            })
            //adjust submit buttons
            $('.enhance-submit-action').click(function() {
                $('#dev-action-holder').val($(this).attr('dev-value'))
                $('#currentForm').submit();
                //disabled form
                $(this).prop('disabled', true);
            });

            setTimeout(function() {
                $('#supplier').trigger("change");
            }, 0)

            // TODO when user select supplier the supplier info (phone and email) should appear in the side menu
            // if the supplier comes from url then the action should be the same the supplier info (phone and email) should appear in the side menu
            // the second case we need to handle if the user change the supplier by him self to unrecorded supplier

            // 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();
                }

            }
        })(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>

@endsection