@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('purchases::bill_returns.create_new'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/pickadate/pickadate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/pickers/daterange/daterange.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/person-details.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
    <script src="{{ asset('js/app.js') }}" defer></script>
@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.bill-returns.index', $subdomain) }}">@lang('companyuser::sidebar.Bill Returns')</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.bill-returns.store', $subdomain) }}" method="POST" id="purchaseBillForm" enctype="multipart/form-data">
            @csrf
            <div class="container-fluid">
                <div class="headBtns mx-1 fixed-btns">
                    <div class="btn-group pull-right">
                        <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent" style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Save') }}">
                            <span class="icon-Save action-icon"></span>
                        </a>
                        <x-save-actions
                            id="saveAndCreate"
                            form-id="purchaseBillForm"
                            action-input-id="action-type"
                            :can-save="isset($currentFiscalYearId)"
                            :support-drafts="false"
                            :show-print="true"
                            date-field-name="payment_date"
                            before-submit-callback="onBillReturnBeforeSubmit"
                        />
                    </div>
                    <div class="mb-1 pull-left">
                        <a class="text-green" href="{{ route('company.bill-returns.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::bill_returns.Reference ID')
                                                    </label>
                                                </div>
                                                <div class="col-md-8">
                                                    <input type="text" name="code" value="{{ $suggested_code ?? '' }}" readonly class="w-100 form-control h-45 @error('code') is-invalid @enderror">
                                                    @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::bill_returns.Supplier Invoice Reference Number')</label>
                                                    <span>(@lang('optional'))</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input type="text" name="supplier_invoice_reference_number"
                                                        value="{{ $billReturn ? $billReturn->supplier_invoice_reference_number : '' }}"
                                                        maxlength="15"
                                                        class="w-100 form-control h-45 english-only @error('supplier_invoice_reference_number') is-invalid @enderror">
                                                    @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" rows="5" cols="450" maxlength="500"
                                                        class="w-100 form-control @error('description') is-invalid @enderror">{{ $billReturn ? $billReturn->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::bill_returns.Supplier')</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class='input-group'>
                                                        <suppliers-dropdown-component
                                                            :selected="{{  json_encode(\Modules\Purchases\Models\Supplier::getForDropdown(($billReturn) ? $billReturn->supplier_id : old('supplier'))) }}"
                                                            :create-new="true"
                                                            :create-new-url="'{{ route('company.suppliers.create', ['subdomain' => $subdomain]) }}'"
                                                            :lang="'{{ app()->getLocale() }}'"
                                                            :multi-select="false"
                                                            :disable-inactive="true"
                                                            :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())                                                            })"
                                                        />
                                                    </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::bill_returns.bill_date')</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <x-date-picker 
                                                        name="payment_date" 
                                                        id="payment_date"
                                                        :default-today="true"
                                                        :value="old('payment_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>
                                            <input type="hidden" name="purchase_bill_id"
                                                value="{{ $billReturn && $billReturn->purchase_bill_id ? $billReturn->purchase_bill_id : null }}" />
                                            <input type="hidden"
                                                value="{{ $billReturn && $productIds ? json_encode($productIds) : null }}"
                                                id="productIds" />
                                            <input type="hidden" name="bill_link" id="bill_link" value="1" />
                                            <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 select2-tag form-control">
                                                        @can('cost-center.main-center.create')
                                                            <option value="">
                                                                {{ __('products::cost_center.main center') }}</option>
                                                        @endcan
                                                        @foreach ($costCenters as $costCenter)
                                                            @if ($costCenter->parent_id)
                                                                <option @if (old('cost_center_id', $billReturn ? $billReturn->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', $billReturn ? $billReturn->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::bill_returns.payment_term')</label>
                                                </div>
                                                <div class="col-md-8">
                                                    @php
                                                        // Replicate the original select logic:
                                                        if (old('payment_term')) {
                                                            $oldPaymentTermId = old('payment_term');
                                                        } elseif ($billReturn) {
                                                            $oldPaymentTermId = $billReturn->payment_term_id ?? null;
                                                        } elseif (old('payment_account') && old('payment_account') !== '1') {
                                                            $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"
                                                        :select-first-by-default="true"
                                                        :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::bill_returns.Payment Account')</label>
                                                </div>
                                                <div class="col-md-8">
                                                    <select name="payment_account"
                                                        class="w-100 h-45 py-1 form-control select2-tag payment-account{{ $errors->has('payment_account') ? ' is-invalid' : '' }}"
                                                        data-current-balance="{{ $paymentAccounts }}"
                                                        placeholder="{{ trans('purchases::bill_returns.select payment account') }}"
                                                        style="width:100%">
                                                        @foreach ($paymentAccountsForDropdown as $key => $value)
                                                            <option value="{{ $key }}"
                                                                {{ (($billReturn ? $billReturn->payment_account_id : null) == $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::bill_returns.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::bill_returns.Supplier Details'):</h3>
                                                </div>
                                                <div class="card-body">
                                                    <table class="table table-borderless person-details">
                                                        <tbody>
                                                            <tr>
                                                                <th scope="row"><b>@lang('purchases::bill_returns.Phone'):</b>
                                                                </th>
                                                                <td>
                                                                    <a id="supplier-phone"></a>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th scope="row"><b>@lang('purchases::bill_returns.Email'):</b>
                                                                </th>
                                                                <td>
                                                                    <a target="_top" id="supplier-email"></a>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th scope="row"><b>@lang('purchases::bill_returns.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)) }}"
                                                :type="{{ json_encode('bill_return') }}"
                                                :description="{{ json_encode(__('sales::estimates.description')) }}"
                                                :taxes_statuses="{{ json_encode($taxes_statuses) }}"
                                                :taxes_status="{{ json_encode(1) }}"
                                                :invoice_tax_status="{{ json_encode($billReturn ? $billReturn->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(old() && old('taxes_status') == \Modules\Purchases\Enums\BillTaxesStatusEnum::NO_TAXES ? true : ($billReturn ?? $billReturn->purchaseBill->taxes_status == \Modules\Purchases\Enums\BillTaxesStatusEnum::NO_TAXES ? true : false)) }}"
                                                :total_discount="{{ json_encode(__('sales::estimates.total discount')) }}"
                                                :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() : ($billReturn ? ['products' => $billReturn->billReturnDetails] : null)) }}"
                                                :qty="{{ json_encode(__('sales::estimates.qty')) }}"
                                                :products_title="{{ 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) }}"
                                                :currency="{{ json_encode(__('settings::currencies.' . $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' => $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'),
                                                    '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'),
                                                    'opening_balance_title' => __('sales::invoices.opening_balance_title'),
                                                    '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>
                                            <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>
                                            @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::bill_returns.additional_fields') }}
                                                        </span><i class="fa fa-angle-down"></i>
                                                    </div>
                                                </button>

                                                <div class="collapse" id="collapseExample">
                                                    <div class="card card-body mb-0">
                                                        @foreach ($customFields as $key => $field)
                                                            <div class="row mb-1">
                                                                <div class="col-md-4">
                                                                    <label for="{{ $field->name_en }}">
                                                                        {{ $field->{'name_' . app()->getLocale()} }}
                                                                    </label>
                                                                </div>
                                                                <div class="col-md-8">
                                                                    @if ($field['type'] == 'checkbox')
                                                                        <input id="{{ $field->name_en }}"
                                                                            type="checkbox"
                                                                            name="custom_fields[{{ $key + 1 }}][value]"
                                                                            @isset(old('custom_fields')[$key + 1]['value']) checked @endisset>
                                                                    @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'] : null }}">
                                                                    @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::bill_returns.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/bill_returns/terms') }}"
                                                        :name="{{ json_encode('terms') }}"
                                                        :value="{{ json_encode(old('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::bill_returns.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/bill_returns/notes') }}"
                                                        :name="{{ json_encode('notes') }}"
                                                        :value="{{ json_encode(old('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($billReturn->attachments ?? []) }}"
                                        ></attachments-component>
                                    </div>

                                    <div class="modal fade" id="linkConfirmationModal" 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::bill_returns.bill_confirmation')</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <p>
                                                        @lang('purchases::bill_returns.bill_confirmation_message')
                                                    </p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button"
                                                        class="btn btn-default mx-1 linkContinue_button" action-value="save"
                                                        data-bill="0">@lang('No')</button>
                                                    <span class="pull-right">
                                                        <button type="button" class="btn btn-primary linkContinue_button"
                                                            data-bill="1" action-value="save">@lang('Yes')</button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @if ($billReturn)
                                        {{-- -------------- popup for displaying bill deleted products ------------------- --}}
                                        <div class="modal fade" id="showDeletedProductsModal" 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('Warning')</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p id="cloneMsg">
                                                            @lang('purchases::purchase_bills.deleted_products')
                                                        </p>
                                                        <ol id="deletedProducts">
                                                            @foreach ($billReturn->deletedProducts as $product)
                                                                <li> {{ $product }} </li>
                                                            @endforeach
                                                        </ol>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-default mx-1"
                                                            data-dismiss="modal">@lang('Cancel')</button>
                                                        <span class="pull-right">
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        @include('purchases::warning-modal')
    </section>



@endsection

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

            (function($) {
                $("select.select2-custom").select2({
                    allowClear: true,
                    escapeMarkup: function(markup) {
                        return markup;
                    },
                    tags: false,
                    language: {
                        noResults: function() {
                            return ` <a href="{{ route('company.suppliers.create', ['subdomain' => $subdomain, 'reference' => 'bill-returns']) }}"
                                    class="btn btn-sm btn-default" style="padding: .25rem 0rem;">
                                    <span class="pull-left lh-30">{{ __('Add new supplier') }}</span>
                                    <i class="fa fa-plus-square-o  font-large-1" aria-hidden="true"></i>

                                 </a>`;
                        }
                    },
                });

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



                // TODO: unify the submission events to only the logic inside the save-actions component
                $('.linkContinue_button').click(function() {
                    //disabled button
                    document.querySelectorAll('.linkContinue_button').forEach(function(item) {
                        $(item).prop('disabled', true);
                    });
                    //take value from clicked btn
                    $('#action-type').val($(this).attr('action-value'));
                    let action = $(this).data('bill');
                    $('#bill_link').val(action);

                    const formElement = $('#purchaseBillForm');

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

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

                // Page-level pre-submit logic now handled via save-actions callback

                @if ($billReturn && $billReturn->deletedProducts->count())
                    $('#showDeletedProductsModal').modal('show');
                @endif
                let isPopUpDisplayed = false;
                localStorage.setItem("isPopUpDisplayed", isPopUpDisplayed);

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

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

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

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

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


                function checkDifferenceInProductArrays(action) {
                    // products from new form
                    let newProductsArray = $('.product-name').map(function() {
                        if ($(this).val()) {
                            return parseInt($(this).val());
                        }
                    }).get();
                    //products from purchase bill
                    @if ($billReturn && $billReturn->billReturnDetails->count())
                        let oldProductsArray = JSON.parse($('#productIds').val());
                    @else
                        let oldProductsArray = [];
                    @endif
                    let result = $(newProductsArray).not(oldProductsArray).length === 0 &&
                        $(oldProductsArray).not(newProductsArray).length === 0 &&
                        oldProductsArray.length === newProductsArray.length;

                    if (!result) {
                        let modal = $('#linkConfirmationModal');
                        modal.modal('show');
                        // the value of the button that was clicked in form submition
                        $('.linkContinue_button').attr('action-value', action);
                        return false;
                    } else {
                        return true;
                    }
                }

                // Global pre-submit callback used by save actions component
                window.onBillReturnBeforeSubmit = async ({ action, form }) => {
                    try {
                        //Check if the user added additional information or changed the products that exist in the return
                        if (checkDifferenceInProductArrays(action)) {
                            const formElement = $('#purchaseBillForm');

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

                            //submit form
                            return true;
                        } else 
                        {
                            return false;
                        }
                    } catch (e) {
                        return false;
                    }
                };

                //for hide tax statuses dropdown select
                $('.tax-select').hide();

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