@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('sales::invoice_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
@php
    if (array_keys(request()->query()) && array_keys(request()->query())[0] != 'type') {
        request()->merge(['type' => array_keys(request()->query())[0]]);
    }
    $queryType = request()->query()['type'];
    $isSimplifiedType = false;
    if (in_array($queryType, Modules\Sales\Enums\InvoiceTypesEnum::SIMPLIFIED_TYPES) && $isNotSimplifiedOnlyInvoiceCompany) {
        $isSimplifiedType = true;
    }
@endphp
@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.customers.index', $subdomain)}}">@lang('companyuser::sidebar.Sales')</a></li>
            <li class="breadcrumb-item active"><a href="{{route('company.invoice-returns.index', $subdomain)}}">@lang('companyuser::sidebar.Invoice 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.invoice-returns.store', $subdomain) }}" method="POST" id="invoiceReturnForm" enctype="multipart/form-data" class="add_form">
        @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="invoiceReturnForm"
                    action-input-id="action-type"
                    :can-save="isset($currentFiscalYearId)"
                    :support-drafts="false"
                    :show-print="true"
                    date-field-name="payment_date"
                    before-submit-callback="onInvoiceReturnBeforeSubmit"
                />
            </div>
            <div class="mb-1 pull-left">
                <a class="text-green" href="{{ route('company.invoice-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 ($isSimplifiedType && $companyInfo->zatca_comply)
            <div class="mt-2 font-weight-bold text-danger">
                <p>{{ __('sales::invoices.note_for_simplified_invoice_b2b_client') }}</p>
            </div>
        @endif
        @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
        <input type="hidden" value="{{array_keys(request()->query())[0] ?? $type ?? ''}}" name="type">
        <div class=" match-height">
            <div class="">
                <div class="card mt-2">
                    <div class="">
                        {{-- @include('companyuser::errors.all') --}}
                        @include('companyuser::errors.operation-locked')
                        @include('companyuser::errors.lists')

                        <div class="card-block">
                            <div class="row mb-2">
                                <div class="col-lg-7">
                                    <div class="row mb-half">
                                        <div class="col-md-3">
                                            <label>@lang('sales::invoice_returns.Reference ID')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <input type="text" name="code" value="{{ old('code', $suggested_code ?? null) }}" 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-3">
                                            <label for="description">{{ __('accounting::chart_of_accounts.Description') }}</label>
                                            ( @lang('optional') )
                                        </div>
                                        <div class="col-md-9">
                                            <textarea name="description" id="description" rows="5" cols="450" maxlength="500" placeholder="{{ $companyInfo->zatca_comply ? __('sales::invoice_returns.description_placeholder') : '' }}" class="w-100 form-control h-45 @error('description') is-invalid @enderror">{{ old('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-3">
                                            <label>@lang('sales::invoice_returns.customer')</label>
                                            <span class="text-danger">*</span>
                                        </div>
                                        <div class="col-md-9">
                                            <div class='input-group'>
                                                @php
                                                    $selectedCustomerId = old('customer') 
                                                        ?? ($invoiceReturn ? $invoiceReturn->customer_id : null)
                                                        ?? request('customer') 
                                                        ?? request('customer_id');
                                                @endphp
                                                <customers-dropdown-component
                                                    :selected="{{ json_encode(\Modules\Sales\Models\Customer::getForDropdown($selectedCustomerId, ['id', 'name', 'email', 'mobile', 'country_code', 'current_balance', 'type'])) }}"
                                                    :create-new="true"
                                                    :required="true"
                                                    :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'invoice-returns']) }}'"
                                                    :lang="'{{ app()->getLocale() }}'"
                                                    :multi-select="false"
                                                    :disable-inactive="true"
                                                    :input-name="'customer'"
                                                    :display-key="'name'"
                                                    :is-invalid='@json($errors->has("customer"))'
                                                    :translations="{
                                                        placeholder: '{{ __('sales::estimates.please_select_customer') }}',
                                                        searchPlaceholder: '{{ __('sales::customers.search_customers') }}',
                                                        noResultsText: '{{ __('sales::customers.no_customers_found') }}',
                                                        createNewText: '{{ __('sales::customers.add_new_customer') }}',
                                                        validationMessage: '{{ __("sales::estimates.please_select_customer") }}'
                                                    }"
                                                    class="w-100"
                                                    @change="handleInvoiceReturnCustomerChange($event)"
                                                    @php
                                                        $mountedCustomer = null;
                                                        if ($selectedCustomerId) {
                                                            $mountedCustomer = \Modules\Sales\Models\Customer::find($selectedCustomerId);
                                                        }
                                                    @endphp
                                                    @if($mountedCustomer)
                                                    @mounted="handleInvoiceReturnCustomerChange(@js($mountedCustomer->toArray()))"
                                                    @endif
                                                />
                                            </div>

                                            @error('customer')
                                            <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-3">
                                            <label>@lang('sales::invoice_returns.bill_date')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <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')"
                                                :show-clear="false"
                                                data-fiscal-year="{{$currentFiscalYear ?? null }}"
                                            />
                                            <div id="payment_date_past_note" class="text-info small mt-1" style="display:none;">
                                                @lang('sales::invoice_returns.late_issuance_note')
                                            </div>
                                            <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-3">
                                            <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-9">
                                            <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.create')
                                                    <option value="0">
                                                        {{__('products::cost_center.main center')}}
                                                    </option>
                                                @endcan
                                                @foreach($costCenters as $costCenter)
                                                    @if($costCenter->parent_id)
                                                        <option @if(old('cost_center_id', $invoiceReturn? $invoiceReturn->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', $invoiceReturn? $invoiceReturn->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-3">
                                            <label>@lang('sales::invoice_returns.payment_term')</label>
                                            <span class="text-danger">*</span>
                                        </div>
                                        <div class="col-md-9">
                                            @php
                                                // Replicate the original select logic:
                                                if (old('payment_term')) {
                                                    $oldPaymentTermId = old('payment_term');
                                                } elseif ($invoiceReturn) {
                                                    $oldPaymentTermId = $invoiceReturn->payment_term_id ?? '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>
                                    <input type="hidden" type="number" name="zatca_comply" value="{{ old('zatca_comply', $zatcaComply) }}">
                                    <input type="hidden" name="invoice_id" value="{{ old('invoice_id') ?? (($invoiceReturn && $invoiceReturn->invoice_id) ? $invoiceReturn->invoice_id : null) }}"/>
                                    <input type="hidden" name="invoice_link" id="invoice_link" value="1"/>
                                    <input type="hidden" value="{{ ($invoiceReturn && $productIds) ?  json_encode($productIds) : null }}" id="productIds" />
                                    @if (!isset($invoiceReturn->invoice_id))
                                        <div class="row mb-half">
                                            <div class="col-md-3">
                                                <label>@lang('sales::invoices.supply_date')</label>
                                            </div>
                                            <div class="col-md-9">
                                                <x-date-picker 
                                                    name="supply_date" 
                                                    id="supply_date"
                                                    :default-today="true"
                                                    :value="old('supply_date')"
                                                    input-class="h-45"
                                                    :show-clear="false"
                                                    :is-invalid="$errors->has('supply_date')"
                                                />

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

                                            </div>
                                        </div>
                                    @endif
                                    @if ($companyInfo->zatca_comply)
                                        <div class="row mb-half">
                                            <div class="col-md-3">
                                                <label>@lang('sales::invoices.reason')</label>
                                                <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <div class='input-group'>
                                                    <textarea name="reason" rows="2" cols="450" maxlength="127" placeholder="{{ __('sales::invoices.reason_placeholder') }}" class="w-100 form-control{{ $errors->has('reason') ? ' is-invalid' : '' }}">{{ old('reason', $invoiceReturn ? $invoiceReturn->reason : null) }}</textarea>
                                                </div>
                                                @error('reason')
                                                <div class="invalid-feedback text text-danger w-100 d-block" role="alert">
                                                    <p>{{ $message }}</p>
                                                </div>
                                                @enderror

                                            </div>
                                        </div>
                                    @endif
                                    <div class="row mb-half" style="display:none" id="paymentAccountDropdown">
                                        <div class="col-md-3">
                                            <label>@lang('sales::invoice_returns.Payment Account')</label>
                                        </div>
                                        <div class="col-md-9">
                                            <select name="payment_account" id="payment-account" class="w-100 py-1 form-control h-45 select2-tag payment-account{{ $errors->has('payment_account') ? ' is-invalid' : '' }}" data-current-balance="{{ $paymentAccounts }}" style="width:100%">
                                                <option value="">{{ trans('sales::invoice_returns.select payment account') }}</option>
                                                @foreach($paymentAccountsForDropdown as $key => $value)
                                                    <option value="{{ $key }}" {{ (old('payment_account') ?? ($invoiceReturn ? $invoiceReturn->payment_account_id : null)) == $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('sales::invoice_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('sales::invoice_returns.customer Details'):</h3>
                                        </div>
                                        <div class="card-body">
                                            <table class="table table-borderless person-details">
                                                <tbody>
                                                    <tr>
                                                        <th scope="row"><b>@lang('sales::invoice_returns.Phone'):</b></th>
                                                        <td>
                                                            <a tabindex="-1" id="customer-phone"></a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row"><b>@lang('sales::invoice_returns.Email'):</b>
                                                        </th>
                                                        <td>
                                                            <a tabindex="-1" target="_top" id="customer-email"></a>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th scope="row">
                                                            <b>@lang('sales::invoice_returns.Outstanding Balance'):</b>
                                                        </th>
                                                        <td>
                                                            <a target="_top" id="customer-balance"></a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            @php
                                $returnFormInvoice = str_contains(url()->current(), 'create-invoice-return-from-invoice');
                                $canMultipleReturn = $invoiceReturn ? $invoiceReturn->canMultipleReturn : true;
                            @endphp
                            <input type="hidden" value="{{$returnFormInvoice}}" name="current_url">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="d-flex">
                                        <input name="checkedItemType" type="radio" value="" id="productServices"
                                        @if(old('checkedItemType')) checked @endif/>
                                        <button class="mb-1 btn btn-default w-100 filterbtn" id="productServicesBtn" type="button" data-toggle="collapse" data-target="#collapseProductServices" aria-expanded="false" aria-controls="collapseProductServices">
                                            <div class="d-flex justify-content-between">
                                                <span>{{ __('sales::invoice_returns.return_products_services') }} </span><i class="fa fa-angle-down"></i>
                                            </div>
                                        </button>
                                    </div>
                                    <div class="collapse" id="collapseProductServices">
                                        <div class="card card-body mb-0">
                                            @if ($invoiceReturn)
                                            <new-product-sales-return-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')) }}"
                                            :total="{{ json_encode(__('sales::estimates.total_amount')) }}"
                                            :total_with_service="{{ json_encode(__('sales::estimates.total_amount_with_service')) }}"
                                            :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() : ($invoiceReturn ? ['products' => $invoiceReturn->invoiceReturnDetails] : 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) }}"
                                            :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
                                            :other_fee_services="{{ json_encode($otherFeeServices) }}"
                                            :other_fees_can_create="{{ json_encode(auth()->user() && auth()->user()->can('settings.other-fees.create')) }}"
                                            :other_fees_quick_create_url="{{ json_encode(route('company.other-fees.store', $subdomain)) }}"
                                            :other_fees_quick_create_data_url="{{ json_encode(route('company.other-fees.quick-create-data', $subdomain)) }}"
                                            :fee_services_lang="{{ json_encode(array_merge(__('settings::other_fees.component'), [
                                                'fees_lang' => __('settings::other_fees.other_fees'),
                                                'fees_settings_url' => route('company.other-fees.index', $subdomain),
                                                'name_en' => __('settings::other_fees.name_en'),
                                                'name_ar' => __('settings::other_fees.name_ar'),
                                                'fee_value_label' => __('settings::other_fees.fee_value_label'),
                                                'tax' => __('settings::other_fees.tax'),
                                                'account' => __('settings::other_fees.account'),
                                                'please_select_tax' => __('settings::other_fees.please_select_tax'),
                                                'please_select_account' => __('settings::other_fees.please_select_account'),
                                                'reference_id' => __('settings::other_fees.reference_id'),
                                            ])) }}"
                                            :zatca_comply="{{ json_encode($zatcaComply) }}"
                                            :is_simplified_type="{{ json_encode($isSimplifiedType) }}"
                                            :is_new_return="{{ json_encode(!$returnFormInvoice) }}"
                                            :taxes_status="{{ $taxes_status }}"
                                            :currency="{{json_encode(__('settings::currencies.'.$currency))}}"
                                            :services_title="{{ json_encode(__('sales::invoices.services')) }}"
                                            :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,
                                                'service_identifier' => $service_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'),
                                            ]) }}">
                                        </new-product-sales-return-component>
                                            @else
                                            <product-sales-return-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')) }}"
                                            :total="{{ json_encode(__('sales::estimates.total_amount')) }}"
                                            :total_with_service="{{ json_encode(__('sales::estimates.total_amount_with_service')) }}"
                                            :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() : ($invoiceReturn ? ['products' => $invoiceReturn->invoiceReturnDetails] : 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) }}"
                                            :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
                                            :other_fee_services="{{ json_encode($otherFeeServices) }}"
                                            :other_fees_can_create="{{ json_encode(auth()->user() && auth()->user()->can('settings.other-fees.create')) }}"
                                            :other_fees_quick_create_url="{{ json_encode(route('company.other-fees.store', $subdomain)) }}"
                                            :other_fees_quick_create_data_url="{{ json_encode(route('company.other-fees.quick-create-data', $subdomain)) }}"
                                            :fee_services_lang="{{ json_encode(array_merge(__('settings::other_fees.component'), [
                                                'fees_lang' => __('settings::other_fees.other_fees'),
                                                'fees_settings_url' => route('company.other-fees.index', $subdomain),
                                                'name_en' => __('settings::other_fees.name_en'),
                                                'name_ar' => __('settings::other_fees.name_ar'),
                                                'fee_value_label' => __('settings::other_fees.fee_value_label'),
                                                'tax' => __('settings::other_fees.tax'),
                                                'account' => __('settings::other_fees.account'),
                                                'please_select_tax' => __('settings::other_fees.please_select_tax'),
                                                'please_select_account' => __('settings::other_fees.please_select_account'),
                                                'reference_id' => __('settings::other_fees.reference_id'),
                                            ])) }}"
                                            :zatca_comply="{{ json_encode($zatcaComply) }}"
                                            :is_simplified_type="{{ json_encode($isSimplifiedType) }}"
                                            :is_new_return="{{ json_encode(!$returnFormInvoice) }}"
                                            :taxes_status="{{ $taxes_status }}"
                                            :currency="{{json_encode(__('settings::currencies.'.$currency))}}"
                                            :services_title="{{ json_encode(__('sales::invoices.services')) }}"
                                            :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,
                                                'service_identifier' => $service_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'),
                                            ]) }}">
                                        </product-sales-return-component>
                                            @endif
                                           
                                            <p class="mx-1 text-danger" id="validate_minimum_quantity">
                                                @lang('sales::invoices.validate_minimum_quantity_message')</p>
                                            <p class="mx-1 text-danger hidden" id="validate_maximum_quantity"
                                                data-base-text="@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ':quantity'])">@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ''])</p>
                                        </div>
                                    </div>
                                    @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>
                            @if (!$returnFormInvoice && $canMultipleReturn)
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="d-flex">
                                        <input name="checkedItemType" type="radio" value="" id="customerInvoices"
                                            @if(old('checkedItemType')) checked @endif />
                                        <button class="mb-1 btn btn-default w-100 filterbtn" id="customerInvoicesBtn" type="button" data-toggle="collapse" data-target="#collapseCustomerInvoices" aria-expanded="false" aria-controls="collapseCustomerInvoices">
                                            <div class="d-flex justify-content-between">
                                                <span>{{ __('sales::invoice_returns.return_from_customer_invoices') }}</span><i class="fa fa-angle-down"></i>
                                            </div>
                                        </button>
                                    </div>
                                    <div class="collapse" id="collapseCustomerInvoices">
                                        <div id="" class="table-responsive">
                                            <credit-customer-invoices-component {{-- child invoices product --}}
                                            :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)) }}"
                                            :search="{{ json_encode(__('purchases::purchase_bills.search')) }}"
                                            :description="{{ json_encode(__('sales::estimates.description')) }}"
                                            :total="{{ json_encode(__('sales::estimates.total_amount')) }}"
                                            :total_with_service="{{ json_encode(__('sales::estimates.total_amount_with_service')) }}"
                                            :clear_all="{{ json_encode(__('sales::estimates.clear_all')) }}"
                                            :lang="{{ json_encode(Lang::locale()) }}"
                                            :old="{{ json_encode(old() ? old() : '') }}"
                                            :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')) }}"
                                            :is_description_appear="{{ json_encode($isDescriptionAppear) }}"
                                            :is_tax_appear="{{ json_encode($isTaxAppear) }}"
                                            :is_discount_appear="{{ json_encode($isDiscountAppear) }}"
                                            :company_default_tax="{{ json_encode($companyDefaultTax) }}"
                                            :products="{{ json_encode($products) }}"
                                            :taxes="{{ json_encode($taxes) }}"
                                            :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
                                            :invoice_details_route="{{ json_encode(route('company.customers.customerInvoiceDetails', [$subdomain])) }}"
                                            :other_fee_services="{{ json_encode($otherFeeServices) }}"
                                            :query_type="{{ json_encode(array_keys(request()->query())[0] ?? ($type ?? '')) }}"
                                            :customer_invoices="{{ json_encode(__('sales::invoices.customer_invoices')) }}"
                                            :save_changes="{{ json_encode(__('sales::invoices.save_changes')) }}"
                                            :close="{{ json_encode(__('sales::invoices.close')) }}"
                                            {{-- Parent customer's invoices table --}}
                                            :nodata="{{ json_encode(__('sales::invoices.no_available_data')) }}"
                                            :select="{{ json_encode(__('sales::invoices.select')) }}"
                                            :reference_id="{{ json_encode(__('sales::invoices.Reference ID')) }}"
                                            :customer="{{ json_encode(__('sales::invoices.Customer')) }}"
                                            :date="{{ json_encode(__('sales::invoices.Date')) }}"
                                            :status="{{ json_encode(__('sales::invoices.status')) }}"
                                            :cost_center="{{ json_encode(__('products::cost_center.Cost Center')) }}"
                                            :amount="{{ json_encode(__('sales::invoices.Amount')) }}"
                                            :outstanding="{{ json_encode(__('sales::invoices.outstanding')) }}"
                                            :product="{{ json_encode(__('products::product.product service')) }}"
                                            :type="{{ json_encode(__('sales::invoices.type')) }}"
                                            :default_parent_center="{{ json_encode(__('products::cost_center.Parent Center')) }}"
                                            :currency="{{ json_encode(__('settings::currencies.'.$currency)) }}"
                                            :zatca_comply="{{ json_encode($zatcaComply) }}"
                                            :is_simplified_type="{{ json_encode($isSimplifiedType) }}"
                                            :other_fees_can_create="{{ json_encode(auth()->user() && auth()->user()->can('settings.other-fees.create')) }}"
                                            :other_fees_quick_create_url="{{ json_encode(route('company.other-fees.store', $subdomain)) }}"
                                            :other_fees_quick_create_data_url="{{ json_encode(route('company.other-fees.quick-create-data', $subdomain)) }}"
                                            :fee_services_lang="{{ json_encode(array_merge(__('settings::other_fees.component'), [
                                                'fees_lang' => __('settings::other_fees.other_fees'),
                                                'fees_settings_url' => route('company.other-fees.index', $subdomain),
                                                'name_en' => __('settings::other_fees.name_en'),
                                                'name_ar' => __('settings::other_fees.name_ar'),
                                                'fee_value_label' => __('settings::other_fees.fee_value_label'),
                                                'tax' => __('settings::other_fees.tax'),
                                                'account' => __('settings::other_fees.account'),
                                                'please_select_tax' => __('settings::other_fees.please_select_tax'),
                                                'please_select_account' => __('settings::other_fees.please_select_account'),
                                                'reference_id' => __('settings::other_fees.reference_id'),
                                            ])) }}">
                                        </credit-customer-invoices-component>
                                        </div>
                                    </div>
                                    @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>
                            @endif
                            <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>{{ __('sales::invoice_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>{{ __('sales::invoice_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">
                                    @if($companyInfo->zatca_comply)
                                        <p>@lang('sales::invoice_returns.toc_zatca_note')</p>
                                    @endif
                                    <rich-text-editor-component :lang="{{ json_encode(app()->getLocale()) }}" :path="{{ json_encode('sales/invoice_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>{{ __('sales::invoice_returns.notes') }} </span><i class="fa fa-angle-down"></i>
                                </div>
                            </button>
                            <div class="collapse" id="collapseNote">
                                <div class="card card-body mb-0">
                                    @if($companyInfo->zatca_comply)
                                        <p>@lang('sales::invoice_returns.notes_zatca_note')</p>
                                    @endif
                                    <rich-text-editor-component :lang="{{ json_encode(app()->getLocale()) }}" :path="{{ json_encode('sales/invoice_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($invoiceReturn->attachments ?? []) }}"
                    ></attachments-component>
                    </div>

                    <div class="modal fade" id="confirmationModal" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="favoritesModalLabel">
                                        @lang('accounting::manual_journal_entries.confirmation_date')</h4>
                                </div>
                                <div class="modal-body">
                                    <p>
                                        @lang('accounting::manual_journal_entries.confirmation_date_in_past')
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
                                    <span class="pull-right">
                                        <button type="button" name="action" value="" class="btn btn-primary" id="continue_button">@lang('Continue')</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </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('sales::invoice_returns.invoice_confirmation')</h4>
                                </div>
                                <div class="modal-body">
                                    <p>
                                        @lang('sales::invoice_returns.invoice_confirmation_message')
                                    </p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default mx-1 linkContinue_button" action-value="save" data-invoice="0">@lang('No')</button>
                                    <span class="pull-right">
                                        <button type="button" class="btn btn-primary linkContinue_button"  action-value="save" data-invoice="1">@lang('Yes')</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if($invoiceReturn)
                    {{---------------- 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($invoiceReturn->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>
</section>
@endsection
@section('extra_scripts')
@include('sales::scripts.get_products_sales_script')
    <script>
        gtag('event', 'web_sales_sales_returns_create');
        console.log('web_sales_sales_returns_create event');
    </script>
    <script src="{{ asset('vendor/sweetalert/sweetalert.all.js')  }}" defer></script>
    <script src="{{ asset('js/validation/quantity-messages.js') }}" defer></script>

    <script >
        // Make country codes available globally for Vue component
        window.countryCodes = @js(\App\Enums\PhoneCode::map());

        window.addEventListener('disable_form_submit', function(){
            Swal.fire({
                icon: "error",
                text: "{{__('sales::invoices.exceeded_simplified_invoice_amount')}}",
                confirmButtonText: "{{__('sales::invoices.ok')}}",
            });
            $('.swal2-container').css('z-index', 99999);
            $("#isSimplifiedType p").text("{{ __('sales::invoices.note_for_simplified_invoice_b2b_client') }}")
            $("#isSimplifiedType").removeClass('hidden')
            this.disableSaveBtn()
        })
        window.addEventListener('enable_form_submit', function(){
            $("#isSimplifiedType").addClass('hidden')
            this.enableSaveBtn()
        })
        function disableSaveBtn() {
            $("#saveAndCreate").attr('hidden', 'hidden');
            $(".headBtns .btn-group a").css('cursor', 'not-allowed')
        }
        function enableSaveBtn() {
            $("#saveAndCreate").attr('hidden', false);
            $(".headBtns .btn-group a").css('cursor', 'pointer')
        }

        window.addEventListener('load', function() {
            let parentInvoiceDate = $("#payment_date").attr("data-parent-invoice-date");
            if (parentInvoiceDate) {
                $('#payment_date')
                    .daterangepicker({
                        singleDatePicker: true,
                        showDropdowns: true,
                        minDate:moment(parentInvoiceDate).format('DD-MM-YYYY'),
                        locale: {
                            format: 'DD-MM-YYYY'
                        }
                    });
            }
        })
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        (function($) {
            $(document).on('change', '#payment_date', function() {
                var today = (new Date()).toLocaleDateString('sv-SE', {timeZone: "{{$companyInfo->timezone}}"});
                var selected = $(this).val();
                $('#payment_date_past_note').toggle(!!selected && selected < today);
            })
            let isNewReturn = '1';
            let oldInvoiceId = '{{old("invoice_id")}}';
            let oldCustomerId = '{{old("customer")}}';
            $("#payment-term option:first-child").attr("disabled","disabled");
            $("#payment-account option:first-child").attr("disabled","disabled");
            if (isNewReturn && oldInvoiceId && oldCustomerId) {
                $("#customerInvoices").prop('checked', true)
                $("#collapseCustomerInvoices").collapse('show');
                // Customer invoices will be loaded via the Vue component's @mounted event
            }else{
                $("#collapseProductServices").collapse('show');
                $("#productServices").prop('checked', true)
            }
            //Radio input toggle product / customer invoices Accordions
            $("#productServices").on('click', function(){
                $("#collapseCustomerInvoices").collapse('hide');
                $("#collapseProductServices").collapse('toggle');
            })
            $("#customerInvoices").on('click', function(){
                $("#collapseProductServices").collapse('hide');
                $("#collapseCustomerInvoices").collapse('toggle');
            })
            //Collapse button toggle product / customer invoices Accordions
            $("#productServicesBtn").on('click', function(){
                $("#collapseCustomerInvoices").collapse('hide');
                $("#productServices").prop('checked', true)
                enablePopupModal(false);
            })
            $("#customerInvoicesBtn").on('click', function(){
                $("#collapseProductServices").collapse('hide');
                $("#customerInvoices").prop('checked', true)
            })

            // Unified save-actions pre-submit callback
            window.onInvoiceReturnBeforeSubmit = async ({ action, form }) => {
                try {
                    if (isNewReturn) {
                        let isProductsSelected = $('#productServices').is(":checked");
                        if (isProductsSelected) {
                            resetInputCustomerInvoiceProductsComponent();
                            removeAllOtherFeesPayload('#invoiceProductsModal');
                        }else{
                            resetUncheckedProducts();
                            resetSalesProductInputs();
                            removeAllOtherFeesPayload('#collapseProductServices');
                        }
                    }
                    // Filter the other fees by removing rows with a zero captured value
                    $("#collapseProductServices input[name^='other_fees_details']").filter((index, value) => {
                        removeZeroServicesValue("#collapseProductServices", value)
                    });
                    $("#invoiceProductsModal input[name^='other_fees_details']").filter((index, value) => { // Popup Customer Invoices Model
                        removeZeroServicesValue("#invoiceProductsModal", value)
                    });
                    // If products changed, ask to link invoice
                    if (!checkDifferenceInProductArrays(action)) {
                        return false;
                    }

                    return true;
                } catch (e) {
                    return false;
                }
            };

            $('#continue_button').click(function() {
                $('#action-type').val($(this).attr('action-value'));
                const formElement = $('#invoiceReturnForm');
                $(this).prop('disabled', true);

                //submit form - use requestSubmit to trigger validation
                if (formElement.requestSubmit) {
                    formElement.requestSubmit();
                } else {
                    // Fallback for older browsers
                    $(formElement).submit();
                }
            });

            // Customer change logic is now handled by Vue component @change event
            // See handleInvoiceReturnCustomerChange in app.js

            $('.linkContinue_button').click(function (){
                    //take value from clicked btn
                    $('#action-type').val($(this).attr('action-value'));
                    let isLink = $(this).data('invoice');
                    $('#invoice_link').val(isLink);

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

                    //submit form - use requestSubmit to trigger validation
                    if (formElement.requestSubmit) {
                        formElement.requestSubmit();
                    } else {
                        // Fallback for older browsers
                        $(formElement).submit();
                    }
            });

            // Customer dropdown is now a Vue component - no select2 initialization needed

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



                @if( $invoiceReturn && $invoiceReturn->deletedProducts->count())
                $('#showDeletedProductsModal').modal('show');
                @endif

            function removeZeroServicesValue(idName, value) {
                let nameText = value.getAttribute('name');
                let nameIndex = (nameText.match(/\d+/g))[0];
                if (nameText.includes("total_value") && parseFloat(value.value) == 0) {
                    $(idName + " input[name^='other_fees_details["+nameIndex+"]']").remove();
                }
            }

            function removeAllOtherFeesPayload(containerSelector) {
                $(containerSelector + " input[name^='other_fees_details']").remove();
            }

            function getCustomerInvoices(customerId) {
                let routeAjax = "{{route('company.customers.customerInvoices', [$subdomain])}}"
                let queryType = $('input[name="type"]').val()
                let costCenterId = $('#cost_center_id').val() || 0;
                if (customerId && isNewReturn) {
                    $.ajax({
                        url: routeAjax + '/' + customerId + '?type=' + queryType + '&cost_center_id=' + costCenterId,
                        type: 'GET',
                        dataType: "json",
                        success: function(response) {
                            // Reset the customer products data if the user changed the customer
                            $("#invoiceProductsModal input[name^='products']").closest('tbody').remove();
                            showInvoiceProducts(true, response);
                            $('.invoiceId'+oldInvoiceId).prop('checked', true);
                            $('.invoiceId'+oldInvoiceId).closest('tr').css('background-color', '#bff0e8');
                        },
                        error: function(xhr, status, error) {
                            console.error('error   ', xhr, status, error);
                        }
                    });
                }
            }

            // Expose getCustomerInvoices globally for Vue component
            window.getCustomerInvoicesForReturn = getCustomerInvoices;

            // Add cost center change event handler
            $('#cost_center_id').on('change', function() {
                // Get customer ID from the hidden input created by the Vue component
                let customerId = $('input[name="customer"]').val();
                if (customerId && isNewReturn) {
                    getCustomerInvoices(customerId);
                }
            });
        })(jQuery);
        // Handle Tab Click
        $("#payment-term").keydown(function(e) {
            if(e.keyCode == 9){
                // Prevent the default
                e.preventDefault();
                // Focus on the element to trigger the menu
                $('.multiselect__input').first().focus();
            }
        });
    });

    function checkDifferenceInProductArrays(action){
            @if($invoiceReturn && $invoiceReturn->invoiceReturnDetails->count())
                // products from new form
                let newProductsArray = $("input[name$='[product_id]']")
                    .map(function () {
                        const val = parseInt($(this).val());
                        return isNaN(val) ? null : val;
                    })
                    .get();
                //products from purchase bill
                let oldProductsArray = JSON.parse($('#productIds').val());
                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;
                }
            @endif
            return true;

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