@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('purchases::purchase_bills.edit_purchase_bill'))
@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" href="{{ asset('assets/css/custom/save-actions-loading.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="{{route('company.bills.index', $subdomain)}}">@lang('purchases::purchase_bills.purchase_bills')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Edit')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<input type="hidden" id="purchases_list" value="{{route('company.bills.index', ['subdomain' => $subdomain])}}">
<section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
    <form action="{{ route('company.bills.update', ['subdomain' => $subdomain, 'purchaseBill' => $purchaseBill->id]) }}" method="post" id="purchaseBillForm" enctype="multipart/form-data">
        @method('PUT')
        @csrf
    <div class="container-fluid">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right" id="save-actions-btn-group">
                <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="button" action-value="save" @if(!isset($currentFiscalYearId)) disabled @endif>
                        {{ __('Save And Close')}}
                    </button>
                    <button class="dropdown-item form-submit-button save-font" name="action" type="button" action-value="save_new" @if(!isset($currentFiscalYearId)) disabled @endif>
                        {{ __('Save And New') }}
                    </button>
                    @if($purchaseBill->is_draft)
                        <button class="dropdown-item form-submit-button save-font" name="action" type="button" action-value="save_as_draft" @if(!isset($currentFiscalYearId)) disabled @endif>
                            {{ __('Save As Draft') }}
                        </button>
                    @endif
                    <button class="dropdown-item form-submit-button printClick save-font" name="action" type="button" action-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('previousBillId'))){{ route('company.bills.show',
                                [
                                    'subdomain' => $subdomain,
                                    'purchaseBill' =>intval(request('previousBillId')),
                                    'isPrint' => intval(request('isPrint'))
                                ]
                            ) }}@endif">
                        </div>

                    </button>
                </div>
            </div>
            <x-save-actions-loading />
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{ route('company.bills.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="">
                <div class="card">
                    <div class="">
                        {{-- @include('companyuser::errors.all') --}}
                        @include('companyuser::errors.operation-locked')
                        @include('companyuser::errors.lists')

                        <div class="card-block mt-2">

                            <div class="row mb-2">
                                <div class="col-lg-7">
                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::purchase_bills.Reference ID')
                                            </label>
                                        </div>
                                        <div class="col-md-8">
                                            <input type="text" name="code" value="{{ $purchaseBill->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::purchase_bills.Supplier Invoice Reference Number')
                                            </label>
                                            <span>(@lang('optional'))</span>
                                        </div>
                                        <div class="col-md-8">
                                            <input type="text" name="supplier_invoice_reference_number" value="{{ $purchaseBill ? $purchaseBill->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' : '' }}">{{ $purchaseBill ? $purchaseBill->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_bills.Supplier')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <div class='input-group'>
                                                <suppliers-dropdown-component
                                                            :selected="{{ 
                                                                json_encode(\Modules\Purchases\Models\Supplier::getForDropdown($purchaseBill->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($purchaseBill->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::purchase_bills.bill_date')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <x-date-picker 
                                                name="payment_date" 
                                                id="payment_date"
                                                :value="old('payment_date', $purchaseBill->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 }}">
                                            @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 name="cost_center_id" id="cost_center_id" class="w-100 py-1 h-45 form-control select2-tag">
                                                @can('cost-center.main-center.edit')
                                                <option @if(!$purchaseBill->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', $purchaseBill->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',$purchaseBill->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
                                            @if(isFeatureActive(Modules\Settings\Enums\FeaturesEnum::INVENTORY))
                                            <span class="invalid-feedback text text-warning" role="alert">
                                                <p>{{ __('validation.change_warning', ['field' => __('products::cost_center.Cost Center')]) }}</p>
                                                </span>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="row mb-half">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::purchase_bills.payment_term')</label>
                                        </div>
                                        <div class="col-md-8">
                                            @php
                                                // Replicate the original select logic:
                                                if (old('payment_term')) {
                                                    $oldPaymentTermId = old('payment_term');
                                                } elseif ($purchaseBill) {
                                                    $oldPaymentTermId = $purchaseBill->payment_term_id ?? 'cash';
                                                } else if (old('payment_account')) {
                                                    $oldPaymentTermId = 'cash';
                                                } else {
                                                    $oldPaymentTermId = null;
                                                }
                                            @endphp
                                            <div>
                                                <payment-terms-dropdown-component
                                                class="payment-term"
                                                :selected="{{ json_encode(\Modules\Settings\Models\PaymentTerm::getForDropdown($oldPaymentTermId)) }}"
                                                :disable-inactive="true" :create-new="true"
                                                :create-new-url="'{{ route('company.payment-terms.create', ['subdomain' => $subdomain]) }}'"
                                                :lang="'{{ app()->getLocale() }}'" 
                                                :multi-select="false"
                                                :input-name="'payment_term'"
                                                input-id="payment_term"
                                                :is-invalid="{{ $errors->has('payment_term') ? 'true' : 'false' }}"
                                                data-current-balance="{{ $paymentAccounts }}"
                                                @change="handlePaymentTermChange"
                                                @mounted="handlePaymentTermChange"
                                                :translations="{
                                                    placeholder: '{{ __('settings::payment_term.select_payment_term') }}',
                                                    searchPlaceholder: '{{ __('settings::payment_term.search_payment_terms') }}',
                                                    noResultsText: '{{ __('settings::payment_term.no_payment_terms_found') }}',
                                                    createNewText: '{{ __('settings::payment_term.add_new_payment_term') }}'
                                                }" />
                                            </div>

                                            @error('payment_term')
                                            <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" style="display:none" id="paymentAccountDropdown">
                                        <div class="col-md-4">
                                            <label>@lang('purchases::purchase_bills.Payment Account')</label>
                                        </div>
                                        <div class="col-md-8">
                                            <select name="payment_account" style="width:100%" class="w-100 h-45 py-1 form-control select2-tag payment-account{{ $errors->has('payment_account') ? ' is-invalid' : '' }}" data-current-balance="{{ $paymentAccounts }}">
                                                <option value="" disabled selected>{{ trans('purchases::purchase_bills.select payment account') }}</option>
                                                @foreach($paymentAccountsForDropdown as $key => $value)
                                                    <option value="{{ $key }}" {{ ($purchaseBill && $purchaseBill->payment_account_id == $key) || old('payment_account') == $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::purchase_bills.payment account balance')">
                                        </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::purchase_bills.Supplier Details'):</h3>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-borderless person-details">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row"><b>@lang('purchases::purchase_bills.Phone'):</b></th>
                                                        <td>
                                                            <a id="supplier-phone"></a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row"><b>@lang('purchases::purchase_bills.Email'):</b></th>
                                                        <td>
                                                            <a target="_top" id="supplier-email"></a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row"><b>@lang('purchases::purchase_bills.Outstanding Balance'):</b></th>
                                                        <td>
                                                            <a target="_top" id="supplier-balance"></a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mb-2">
                                <div class="col-md-12">
                                    <bill-product-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(__('sales::estimates.description')) }}"
                                        :taxes_statuses="{{ json_encode($taxes_statuses) }}"
                                        :taxes_status="{{json_encode(1)}}"
                                        :tax_disabled="{{json_encode((old() && old('taxes_status') == \Modules\Purchases\Enums\BillTaxesStatusEnum::NO_TAXES)? true: (($purchaseBill && $purchaseBill->taxes_status == \Modules\Purchases\Enums\BillTaxesStatusEnum::NO_TAXES)?true: false)  )}}"
                                        :invoice_tax_status="{{json_encode( old()? old('taxes_status') : ($purchaseBill ? $purchaseBill->taxes_status: \Modules\Purchases\Enums\BillTaxesStatusEnum::EXCLUSIVE)  )}}"
                                        :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)}}"
                                        :total_discount="{{ json_encode(__('sales::estimates.total discount')) }}"
                                        :currency="{{ json_encode(__('settings::currencies.'.$currency)) }}"
                                        :loading_label="{{ json_encode(__('general.loading')) }}"
                                        :total="{{ json_encode(__('sales::estimates.total_amount')) }}"
                                        :clear_all="{{ json_encode(__('sales::estimates.clear_all')) }}"
                                        :add_new_line="{{ json_encode(__('sales::estimates.add_new_line')) }}"
                                        :lang="{{ json_encode(Lang::locale()) }}"
                                        :old="{{ json_encode( (old())? old() : ($purchaseBill ? ['products' => $purchaseBill->purchaseBillDetails]: null)  ) }}"
                                        :qty="{{ json_encode(__('sales::estimates.qty')) }}"
                                        :product="{{ json_encode(__('sales::estimates.product_name')) }}"
                                        :unit_price="{{ json_encode(__('sales::estimates.unit_price')) }}"
                                        :discount="{{ json_encode(__('sales::estimates.discount')) }}"
                                        :vat="{{ json_encode(__('sales::estimates.vat')) }}"
                                        :vat_value="{{ json_encode(__('sales::estimates.vat_value')) }}"
                                        :gross="{{ json_encode(__('sales::estimates.gross')) }}"
                                        :amount="{{ json_encode(__('sales::estimates.amount')) }}"
                                        :photo="{{ json_encode(__('sales::estimates.photo')) }}"
                                        :is_description_appear="{{ json_encode($isDescriptionAppear) }}"
                                        :is_tax_appear="{{ json_encode($isTaxAppear) }}"
                                        :is_discount_appear="{{ json_encode($isDiscountAppear) }}"
                                        :is_photo_appear="{{ json_encode($isPhotoAppear) }}"
                                        :company_default_tax="{{ json_encode($companyDefaultTax) }}"
                                        :products="{{ json_encode($products) }}"
                                        :taxes="{{ json_encode($taxes) }}"
                                        :products_title="{{ json_encode(__('sales::estimates.product_name')) }}"
                                        :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' => $product_identifier,
                                            'subcategories' => $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' => $categoryId,
                                            'unit_id' => $unitId,
                                            'tax' => __('products::product.Taxes'),
                                            'inventory_account_id' => $inventory_account_id,
                                            'selling_account_id' => $selling_account_id,
                                            'purchasing_account_id' => $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'),
                                            'selling_product_title' => __('products::product.Selling Product'),
                                            'buying_product_title' => __('products::product.Buying Product'),
                                            'selling_account_title' => __('products::product.Selling Account'),
                                            'buying_account_title' => __('products::product.Buying Account'),
                                            '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'),
                                        ]) }}">
                                    </bill-product-component>
                                    <p class="mx-1 text-danger" id="validate_minimum_quantity">@lang('sales::invoices.validate_minimum_quantity_message')</p>
                                    @error('products')
                                    <span class="invalid-feedback text text-danger" role="alert">
                                        <p>{!!  $message !!}</p>
                                    </span>
                                    @enderror
                                    @error('products.*')
                                    <span class="invalid-feedback text text-danger" role="alert">
                                        <p>{!!  $message !!}</p>
                                    </span>
                                    @enderror
                                </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::purchase_bills.additional_fields') }} </span><i class="fa fa-angle-down"></i>
                                        </div>
                                    </button>
                                    {{-- this to handle the case when user create item when there is no custom fields then add custom fields from setting
                                    then open the edit page
                                    this means get the custom fields in bill , if it is empty it means there wasn't customfields so get the
                                    noraml custom fields that came from settings --}}
                                    @php $customFields = json_decode($purchaseBill->custom_fields, true) ?? $customFields @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 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::purchase_bills.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_bills/terms') }}" :name="{{ json_encode('terms') }}" :value="{{ json_encode(old('terms',($purchaseBill->terms) ? $purchaseBill->terms : $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::purchase_bills.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_bills/notes') }}" :name="{{ json_encode('notes') }}" :value="{{ json_encode(old('notes',($purchaseBill->notes)? $purchaseBill->notes : $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($purchaseBill->attachments ?? []) }}"
                        ></attachments-component>
                    </div>
                    <input type="hidden" name="remaining" value="{{ $remaining }}">
                    <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="button" name="action" action-value="" class="btn btn-primary" id="continue_button">@lang('Continue')</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal fade" id="confirmationEditModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabelEdit">
                        <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="favoritesModalLabelEdit">
                                        @lang('purchases::purchase_bills.confirm_edit_title')</h4>
                                </div>
                                <div class="modal-body">
                                    <p>@lang('purchases::purchase_bills.confirm_edit_message')</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default mx-1" data-dismiss="modal" id="cancel_edit_changes">@lang('Cancel')</button>
                                    <span class="pull-right">
                                        <button type="button" name="action" action-value="" class="btn btn-primary" id="confirm_save_edit_button">@lang('Confirm')</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

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

     {{-- Warning Modal --}}
     <div class="modal fade" id="warningInvoiceReferenceNumber" tabindex="-1" role="dialog" aria-labelledby="invoiceLabel">
        <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="invoiceLabel">@lang('Warning')</h4>
                </div>
                <div class="modal-body">
                    <p>
                        @lang('purchases::purchase_bills.invoiceReferenceNumberIsExist')
                    </p>
                </div>
                <div class="modal-footer text-center">
                        <button type="button" class="btn btn-primary mx-1" data-dismiss="modal">@lang('OK')</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_purchases_bills_update_draft');
        console.log('web_purchases_bills_update_draft event');
    </script>
    @include('purchases::scripts.get_products_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);
            })

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




            $('#continue_button').click(function() {
                //take value from clicked btn
                $('#action-type').val($(this).attr('action-value'));

                const formElement = $('#purchaseBillForm');

                //disabled button
                document.querySelectorAll('.form-submit-button').forEach(function(item) {
                    $(item).prop('disabled', true);
                });

                //submit form
                formElement.submit();
            });

            $('#confirm_save_edit_button').click(function() {
                //disabled button
                document.querySelectorAll('.form-submit-button').forEach(function(item) {
                    $(item).prop('disabled', true);
                });
                //submit form
                $('#purchaseBillForm').submit();
            });

            $('#cancel_edit_changes').click(function() {
                var purchaseList = $('#purchases_list').val();
                window.location.href = purchaseList;
            });

            //adjust submit buttons
            $('.form-submit-button').click(function() {
                //take value from clicked btn
                const action = $(this).attr('action-value');
                $('#action-type').val(action);
                const formElement = $('#purchaseBillForm');

                let date = $('input[name="payment_date"]');
                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
                    $('#continue_button').attr('action-value', action);
                    return false;
                }

                if(action == 'save_as_draft'){
                    //disabled button
                    document.querySelectorAll('.form-submit-button').forEach(function(item) {
                        $(item).prop('disabled', true);
                    });
                    //submit form
                    formElement.submit();
                }else{
                    $('#confirmationEditModal').modal('show');
                }

            });

            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.bills.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) {
                        }
                    });
            }



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

            $('.check-edit').on('click',function(){
                let value = $(this).data('value');
                $('#check-input-edit-form').val(value)
                $('.form-submit-button').click()
            });

        })(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('assets/js/custom/save-actions-loading.js') }}" defer></script>
@endsection