@php
$invoiceRawCurrency = $invoice->invoice->getRawOriginal('currency');
@endphp

@if ($invoicePayment->id)
{!! Form::model($invoicePayment, ['route' => ['admin.finances.payments.update', $invoicePayment, 'event' => isset($event) ? $event : request()->event, 'table_id' => @$table_id], 'method' => 'PUT']) !!}
@else
{!! Form::model($invoicePayment, ['route' => ['admin.finances.payments.store', 'event' => isset($event) ? $event : '', 'table_id' => @$table_id], 'method' => 'POST']) !!}
@endif

<div class="row add-payment-form">
{{-- @if(!$invoicePayment->id) --}}
{{-- Company --}}
<div class="form-group col-6">
{{ Form::label('company_id', __('Client'), ['class' => 'col-form-label']) }}
{!! Form::select('company_id', $companies ?? [], $selectedCompany ?? null, [
'data-placeholder' => __('Select Client'),
'class' => 'form-select globalOfSelect2Remote dependent-select',
'data-url' => route('resource-select', ['groupedCompany', 'hasinv']),
'id' => 'payment-company-id',
'disabled' => isset($invoiceId)
])!!}
</div>

{{-- Contract --}}
<div class="form-group col-6">
{{ Form::label('contract_id', __('Contract'), ['class' => 'col-form-label']) }}
{!! Form::select('contract_id', $contracts ?? [], $selectedContract ?? null, [
'data-placeholder' => __('Select Contract'),
'class' => 'form-select globalOfSelect2Remote dependent-select',
'data-url' => route('resource-select', ['Contract', 'dependent' => 'company_id']),
'data-dependent_id' => 'payment-company-id',
'id' => 'payment-contract-id',
'disabled' => isset($invoiceId)
])!!}
</div>
{{-- invoice type --}}
<div class="form-group col-6">
{{ Form::label('invoice_type', __('Invoice Type'), ['class' => 'col-form-label']) }}
{!! Form::select('invoice_type', ['Invoice' => 'Customer', 'AuthorityInvoice' => 'Tax Authority'], $invoice_type ?? null, [
'class' => 'form-select globalOfSelect2 dependent-select',
'disabled' => isset($invoiceId),
'id' => 'payment-invoice-type',
]) !!}
</div>
{{-- invoice --}}
<div class="form-group col-6">
{{ Form::label('invoice_id', __('Invoice'), ['class' => 'col-form-label']) }}
{!! Form::select('invoice_id', $invoiceId ?? [], $invoicePayment->payable->uuid ?? null, [
'disabled' => $invoicePayment->id ? true : false,
'data-placeholder' => 'Select Invoice',
'data-allow-clear' => 'true',
'class' => 'form-select globalOfSelect2Remote',
'data-url' => route('resource-select', ['InvoiceOrAuthorityInvoice', 'dependent' => 'contract_id', 'notvoid' => '1']),
'data-dependent_id' => 'payment-contract-id',
'data-dependent_2' => 'payment-invoice-type',
'disabled' => isset($invoiceId),
'id' => 'payment-invoice-id',
])!!}
</div>
{{-- Unpaid Amount --}}
<div class="form-group col-6">
{{ Form::label('unpaid_amount', __('Total Balance'), ['class' => 'col-form-label']) }}
{!! Form::number('unpaid_amount', isset($invoice) ? ($invoice->total - $invoice->paid_amount + ($invoicePayment->amount/($invoicePayment->conversion_rate ? $invoicePayment->conversion_rate : 1))) : null, ['class' => 'form-control', 'placeholder' => __('0.0'), 'disabled']) !!}
</div>

{{-- retentions amount --}}
<div class="form-group col-6 retention-amount d-none">
{{ Form::label('retention_amount', __('Retention Amount'), ['class' => 'col-form-label']) }}
{!! Form::number('retention_amount', null, ['class' => 'form-control', 'placeholder' => __('0.0'), 'disabled']) !!}
</div>

{{-- payable amoun --}}
<div class="form-group col-6 payable-amount ">
{{ Form::label('payable_amount', __('Payable Amount'), ['class' => 'col-form-label']) }}
{!! Form::number('payable_amount', isset($invoice) ? ($invoice->payableAmount() + ($invoicePayment->amount/($invoicePayment->conversion_rate ? $invoicePayment->conversion_rate : 1))) : null, ['class' => 'form-control', 'placeholder' => __('0.0'), 'disabled']) !!}
</div>

@if(($invoicePayableWht = ($invoice->payableWHT() + ($invoicePayment->type == 2 ? ($invoicePayment->amount/($invoicePayment->conversion_rate ? $invoicePayment->conversion_rate : 1)) : 0))) > 0)
{{-- payable withholding tax --}}
<div class="form-group col-6">
  {{ Form::label('payable_wht', __('Payable Withholding Tax'), ['class' => 'col-form-label']) }}
  {!! Form::number('payable_wht', $invoicePayableWht, ['class' => 'form-control', 'placeholder' => __('0.0'), 'disabled']) !!}
</div>
@endif

@if(($invoicePayableRC = ($invoice->payableRC() + ($invoicePayment->type == 3 ? ($invoicePayment->amount/($invoicePayment->conversion_rate ? $invoicePayment->conversion_rate : 1)) : 0))) > 0)
{{-- payable reverse charge --}}
<div class="form-group col-6">
  {{ Form::label('payable_rc', __('Payable Reverse Charge'), ['class' => 'col-form-label']) }}
  {!! Form::number('payable_rc', $invoicePayableRC, ['class' => 'form-control', 'placeholder' => __('0.0'), 'disabled']) !!}
</div>
@endif
{{-- @endif --}}


{{-- Payment Type --}}
<div class="form-group col-6">
{{ Form::label('payment_type', __('Payment Type'), ['class' => 'col-form-label']) }}
{!! Form::select('payment_type', ['wht' => 'Withholding Tax', 'rc' => 'Reverse Charge'], $invoicePayment->type == 2 ? 'wht' : 'rc', [
'class' => 'form-select globalOfSelect2',
'id' => 'invoice-payment-type'
]) !!}
</div>

  {{-- Account --}}
  <div class="form-group col-6">
    {{ Form::label('account_balance_id', __('Account'), ['class' => 'col-form-label']) }}
    {!! Form::select('account_balance_id', $selectedAccountBalance ?? [], @$invoicePayment->accountTransaction->account_balance_id ?? @array_keys($selectedAccountBalance ?? [])[0], [
    'class' => 'form-select globalOfSelect2Remote',
    'data-url' => route('resource-select', ['AccountBalance', 'dependent' => 'invoice_id', 'dependent_2_col' => 'inv-type', 'dependent_3_col' => 'pay-type', 'mainInvoice' => $invoice->invoice->type]),
    'data-dependent_id' => 'payment-invoice-id',
    'data-dependent_2' => 'payment-invoice-type',
    'data-dependent_3' => 'invoice-payment-type',
    'data-placeholder' => __('Select Account'),
    'data-allow-clear' => 'true'
    ]) !!}
  </div>

{{-- vat_paid_amount --}}
<div class="form-group col-6 d-none">
{{ Form::label('vat_paid_amount', __('VAT Amount'), ['class' => 'col-form-label']) }}
{!! Form::number('vat_paid_amount', null, ['class' => 'form-control', 'placeholder' => __('0.0')]) !!}
</div>

{{-- excluding_vat_paid_amount --}}
<div class="form-group col-6 d-none">
{{ Form::label('excluding_vat_paid_amount', __('Excluding VAT Amount'), ['class' => 'col-form-label']) }}
{!! Form::number('excluding_vat_paid_amount', null, ['class' => 'form-control', 'placeholder' => __('0.0')]) !!}
</div>

{{-- conversion rate --}}
<div class="form-group col-6 {{($isForeignCurrencyInvoice = $invoice->invoice->isForeignCurrency()) ? '' : 'd-none' }}">
  <label class="col-form-label" for="conversion_rate">{{  __('Conversion Rate') }}</label>
  @if($invoice->invoice->isForeignCurrency() && ($used_conversion_rates = $invoice->payments->pluck('conversion_rate'))->count() > 0)
    <span data-bs-toggle="tooltip" data-bs-html="true" title="Previous rates: <br>
      @foreach($used_conversion_rates as $conversion_rate)
        {{floatval($conversion_rate)}}<br>
      @endforeach"
    >
      <i class="fa-solid fa-circle-info"></i>
    </span>
  @endif
  <div class="input-group col-6">
    <span class="input-group-text">1 {{ $invoice->invoice->getRawOriginal('currency') }} = </span>
    {!! Form::number('conversion_rate', floatval($invoicePayment->conversion_rate), ['class' => 'form-control']) !!}
    <span class="input-group-text">{{ cCurrency()->getSymbol() }}</span>
  </div>
</div>

{{-- Currency --}}
<div class="form-group col-6 {{($isForeignCurrencyInvoice = $invoice->invoice->isForeignCurrency()) ? '' : 'd-none' }}">
  {{ Form::label('currency', __('Currency'), ['class' => 'col-form-label']) }}
  {!! Form::select('currency', [cCurrency()->getSymbol() => cCurrency()->getSymbol(), $invoiceRawCurrency => $invoiceRawCurrency], $invoiceRawCurrency, [
    'class' => 'form-select',
    'data-kt-select2' => 'true'
  ],
  [
    cCurrency()->getSymbol() => ['data-is-base' => '1', 'data-symbol' => cCurrency()->getSymbol()],
    $invoiceRawCurrency => ['data-is-base' => '0', 'data-symbol' => $invoiceRawCurrency],
  ]) !!}
</div>

{{-- Amount --}}
<div class="form-group col-6">
  {{ Form::label('amount', __('Amount'), ['class' => 'col-form-label']) }}
  <div class="input-group">
    {!! Form::number('amount', $invoicePayment->amount/($invoicePayment->conversion_rate ? $invoicePayment->conversion_rate : 1), ['class' => 'form-control', 'placeholder' => __('0.0')]) !!}
    <span class="input-group-text paying-currency">{{ $invoiceRawCurrency }}</span>
  </div>
</div>

{{-- Transaction Id --}}
<div class="form-group col-6">
{{ Form::label('transaction_id', __('Transaction Id'), ['class' => 'col-form-label']) }}
{!! Form::text('transaction_id', null, ['class' => 'form-control', 'placeholder' => __('Transaction Id')]) !!}
</div>

{{-- payment date --}}
<div class="form-group col-6">
{{ Form::label('payment_date', __('Payment Date'), ['class' => 'col-form-label']) }}
{!! Form::date('payment_date', $paymentDate ?? $invoicePayment->payment_date, ['class' => 'form-control flatpickr', 'placeholder' => __('Payment Date')]) !!}
</div>

{{-- Note --}}
<div class="form-group col-12">
{{ Form::label('note', __('Note'), ['class' => 'col-form-label']) }}
{!! Form::textarea('note', null, ['class' => 'form-control', 'rows' => 4, 'placeholder' => __('Note')]) !!}
</div>
</div>
<div class="mt-3">
<div class="btn-flt float-end">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
<button type="submit" data-form="ajax-form" class="btn btn-primary">{{ __('Save') }}</button>
</div>
</div>
{!! Form::close() !!}
</div>
<script nonce="{{ csp_nonce() }}">
// show amount when payment type is partial
$(document).on('change', '.add-payment-form [name="payment_type"]', function() {
if ($(this).val() == 'Partial') {
// $('.add-payment-form [name="amount"]').closest('.form-group').removeClass('d-none')
$('.add-payment-form [name="vat_paid_amount"]').closest('.form-group').removeClass('d-none')
$('.add-payment-form [name="excluding_vat_paid_amount"]').closest('.form-group').removeClass('d-none')
} else {
// $('.add-payment-form [name="amount"]').closest('.form-group').addClass('d-none')
$('.add-payment-form [name="vat_paid_amount"]').closest('.form-group').addClass('d-none')
$('.add-payment-form [name="excluding_vat_paid_amount"]').closest('.form-group').addClass('d-none')
}
})

// get and fill invoice data on change of invoice
$(document).on('change', '.add-payment-form [name="invoice_id"]', function() {
var invoiceId = $(this).val()
var invoiceType = $('.add-payment-form [name="invoice_type"]').val()
if (invoiceId) {
$.ajax({
url: invoiceType == 'Invoice' ? route('admin.invoices.show', {invoice: invoiceId, 'json': true}) : route('admin.tax-authority-invoices.show', {tax_authority_invoice: invoiceId, 'json': true}),
type: 'GET',
dataType: 'JSON',
success: function(data) {
const unpaidAmount = (data.total - data.paid_amount).toFixed(3)
const payableAmount = (data.total - data.paid_amount - data.retention_amount - data.downpayment_amount).toFixed(3) < 0 ? 0 : (data.total - data.paid_amount - data.retention_amount - data.downpayment_amount).toFixed(3)
$('.add-payment-form [name="unpaid_amount"]').val(unpaidAmount)
$('.add-payment-form [name="retention_amount"]').val(data.retention_amount)
$('.add-payment-form [name="payable_amount"]').val(payableAmount)
$('.add-payment-form [name="amount"]').val(payableAmount)
if (data.retention_amount > 0) {
  $('.add-payment-form .retention-amount').removeClass('d-none')
} else {
  $('.add-payment-form .retention-amount').addClass('d-none')
}
if (payableAmount > 0) {
  $('.add-payment-form .payable-amount').removeClass('d-none')
} else {
  $('.add-payment-form .payable-amount').addClass('d-none')
}
}
})
}
})

// amount should not be greater than payable amount
// $(document).on('change keyup', '.add-payment-form [name="amount"]', function() {
// const payableAmount = $('.add-payment-form [name="payable_amount"]').val() * 100
// const amount = $(this).val() * 100
// if (amount > payableAmount) {
// $(this).val(payableAmount / 100)
// }
// })

// vat_paid_amount should not be greater than payable vat amount
$(document).on('change keyup', '.add-payment-form [name="vat_paid_amount"]', function() {
const payableVatAmount = $('.add-payment-form [name="payable_vat_amount"]').val() * 100
const vatPaidAmount = $(this).val() * 100
if (vatPaidAmount > payableVatAmount) {
$(this).val(payableVatAmount / 100)
}
})

// excluding_vat_paid_amount should not be greater than payable amount without vat
$(document).on('change keyup', '.add-payment-form [name="excluding_vat_paid_amount"]', function() {
const payableAmountWithoutVat = $('.add-payment-form [name="payable_amount_without_vat"]').val() * 100
const excludingVatPaidAmount = $(this).val() * 100
if (excludingVatPaidAmount > payableAmountWithoutVat) {
$(this).val(payableAmountWithoutVat / 100)
}
})

// update currency symbol on change of currency
$(document).on('change', '.add-payment-form [name="currency"]', function() {
  const symbol = $(this).find('option:selected').data('symbol')
  $('.add-payment-form .paying-currency').text(symbol)
})
</script>