@if($is_editable && $invoice->type != 'Down Payment')
  <div class="row p-sm-2 pe-4">
    <div class="col-12 d-flex justify-content-end">
      {{-- Downpayment Menu --}}
      <div class="m-0">
        <button type="button" class="btn btn-sm me-1 btn-outline-{{count($invoice->deductableDownpayments) == 0 ? 'muted disabled' : 'primary'}} rounded-pill" data-kt-menu-trigger="click" data-kt-menu-placement="top-start">Down payment</button>
        <!--begin::Menu 1-->
        <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">
          <!--begin::Header-->
          <div class="d-flex justify-content-between px-7 py-5">
            <b>Down payment</b>
            <button type="button" class="btn-close" aria-label="Close" data-kt-menu-dismiss="true"></button>
          </div>
          <!--end::Header-->
          <!--begin::Separator-->
          <div class="separator border-gray-200"></div>
          <!--end::Separator-->
          <!--begin::Content-->
          <div class="px-7 py-5">
              <!--begin::Input group-->
              <div class="mb-0">
                <form method="POST" action="{{route('admin.invoices.downpayments.store', [$invoice])}}">
                  <div>
                    <div class="form-group">
                      {{ Form::label('downpayment_id', __(' Downpayment'), ['class' => 'col-form-label']) }}
                      <select name="downpayment_id" id="downpayment_id" class="form-select" data-kt-select2="true">
                        <option value="">{{__('Select Down payment')}}</option>
                        @forelse ($invoice->deductableDownpayments as $dp)
                          <option data-amount="{{$dp->total}}" value="{{$dp->id}}">{{$dp->invoice_number}} ( Total: @cMoney($dp->total, $invoice->currency, true) )</option>
                        @empty
                        @endforelse
                      </select>
                    </div>
                    <div class="form-group">
                      {{ Form::label('downpayment_type', __('Amount Type'), ['class' => 'col-form-label']) }}
                      {!! Form::select('downpayment_type', ['Fixed' => 'Fixed', 'Percentage' => 'Percentage', 'InvPerc' => 'Percentage of Invoice'], null, ['class' => 'form-select', 'data-kt-select2' => 'true']) !!}
                    </div>
                    <div class="form-group">
                      {{ Form::label('downpayment_value', __('Retention Value'), ['class' => 'col-form-label']) }}
                      {!! Form::number('downpayment_value', null, ['class' => 'form-control', 'placeholder' => __('0.00')]) !!}
                    </div>
                    <div class="form-group d-none">
                      {{ Form::label('downpayment_amount', __('Actual Amount'), ['class' => 'col-form-label']) }}
                      {!! Form::number('downpayment_amount', null, ['class' => 'form-control', 'placeholder' => __('0.00'), 'disabled']) !!}
                    </div>
                  </div>
                  <div class="d-flex justify-content-end mt-2">
                    <button class="btn btn-primary btn-sm" data-form="ajax-form">Update</button>
                  </div>
                </form>
              </div>
              <!--end::Input group-->
          </div>
        </div>
      </div>
      {{-- End Downpayment Menu --}}

      {{-- Retention Menu --}}
      <div class="m-0">
        <button type="button" class="btn btn-sm me-1 btn-outline-primary rounded-pill" data-kt-menu-trigger="click" data-kt-menu-placement="top-start">Retention</button>
        <!--begin::Menu 1-->
        <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">
          <!--begin::Header-->
          <div class="d-flex justify-content-between px-7 py-5">
            <b>Retention <i class="fa fa-calculator" id="invoice-retention-calculator"></i></b>
            <button type="button" class="btn-close" aria-label="Close" data-kt-menu-dismiss="true"></button>
          </div>
          <!--end::Header-->
          <!--begin::Separator-->
          <div class="separator border-gray-200"></div>
          <!--end::Separator-->
          <!--begin::Content-->
          <div class="px-7 py-5">
              <!--begin::Input group-->
              <div class="mb-0">
                  <!--begin::Input group-->
                  <form method="POST" class="retention-create-form" action="{{route('admin.invoices.update', [$invoice, 'update_retention' => 1])}}">
                    @method('PUT')
                    {{-- is fixed retention --}}
                    <div class="col-12 mt-2">
                      <label class="form-check form-switch form-check-custom form-check-solid">
                        <input class="form-check-input" name="is_fixed_retention" type="checkbox" value="1">
                        <span class="switch-label">Fixed Amount</span>
                      </label>
                    </div>
                    <div>
                      <div class="form-group">
                        {{ Form::label('retention_id', __(' Retention'), ['class' => 'col-form-label']) }}
                        <select name="retention_id" id="retention_id" class="form-select" data-kt-select2="true">
                          <option value="">{{__('Select Retention')}}</option>
                          @forelse ($tax_rates->where('config_type', 'Retention') as $ret)
                            <option value="{{$ret->id}}" data-type="{{$ret->type}}" data-amount="{{$ret->amount}}" @selected($invoice->retention_id == $ret->id)>{{$ret->name}} (
                              @if ($ret->type != 'Percent')
                                  @cMoney($ret->amount, $invoice->currency, true)
                              @else
                                  {{$ret->amount}}%
                              @endif
                            )</option>
                          @empty
                          @endforelse
                        </select>
                      </div>

                      {{-- retention calculation radio: including/excluding vat--}}
                      {{-- label --}}
                      <div class="form-group my-2 is_retention_including_vat">
                        {{ Form::label('retention_cal', __('Retention Calculation'), ['class' => 'col-form-label']) }}
                        <div class="form-check retention_is_including_vat">
                          <input class="form-check-input" type="radio" name="is_retention_including_vat" value="1" id="retention-cal-including-vat" checked>
                          <label class="form-check-label" for="retention-cal-including-vat">
                            Including VAT
                          </label>
                        </div>
                        <div class="form-check">
                          <input class="form-check-input" type="radio" name="is_retention_including_vat" value="0" id="retention-cal-excluding-vat">
                          <label class="form-check-label" for="retention-cal-excluding-vat">
                            Excluding VAT
                          </label>
                        </div>
                      </div>

                      <div class="form-group">
                        {{ Form::label('retention_value', __('Retention Value'), ['class' => 'col-form-label']) }}
                        {!! Form::number('retention_value', $invoice->retention_amount, ['class' => 'form-control', 'disabled' => ($invoice->retention_manual_amount == 0), 'placeholder' => __('0.00')]) !!}
                      </div>
                      <div class="col-12 mt-2">
                        <label class="form-check form-switch form-check-custom form-check-solid">
                          <input class="form-check-input" name="is_manual_retention" type="checkbox" value="1" @checked($invoice->retention_manual_amount != 0)>
                          <span class="switch-label">Adjust Amount</span>
                        </label>
                      </div>
                    </div>
                    <div class="d-flex justify-content-end mt-2">
                      <button class="btn btn-primary btn-sm" data-form="ajax-form">Update</button>
                    </div>
                  </form>
                  <!--end::Actions-->
              </div>
              <!--end::Input group-->
          </div>
          <!--end::Content-->
        </div>
      </div>
      {{-- End Retention Menu --}}

      {{-- Adjustment Menu --}}
      <div class="m-0">
        <button type="button" class="btn btn-sm me-1 btn-outline-primary rounded-pill" data-kt-menu-trigger="click" data-kt-menu-placement="top-start">Adjustment</button>
        <!--begin::Menu 1-->
        <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">
          <!--begin::Header-->
          <div class="d-flex justify-content-between px-7 py-5">
            <b>Adjustment</b>
            <button type="button" class="btn-close" aria-label="Close" data-kt-menu-dismiss="true"></button>
          </div>
          <!--end::Header-->
          <!--begin::Separator-->
          <div class="separator border-gray-200"></div>
          <!--end::Separator-->
          <!--begin::Content-->
          <div class="px-7 py-5">
              <!--begin::Input group-->
              <div class="mb-0">
                <form method="POST" action="{{route('admin.invoices.update', [$invoice, 'update_adjustment' => 1])}}">
                  @method('PUT')
                  <div>
                    <div class="form-group">
                      {{ Form::label('adjustment_description', __('Description'), ['class' => 'col-form-label']) }}
                      {!! Form::text('adjustment_description', null, ['class' => 'form-control']) !!}
                    </div>
                    <div class="form-group">
                      {{ Form::label('adjustment_amount', __('Adjustment Amount'), ['class' => 'col-form-label']) }}
                      {!! Form::number('adjustment_amount', null, ['class' => 'form-control', 'placeholder' => __('0.00')]) !!}
                    </div>
                  </div>
                  <div class="d-flex justify-content-end mt-2">
                    <button class="btn btn-primary btn-sm" data-form="ajax-form">Update</button>
                  </div>
                </form>
              </div>
              <!--end::Input group-->
          </div>
        </div>
      </div>
      {{-- End Adjustment Menu --}}

      {{-- Discount Menu --}}
      <div class="m-0">
        <button type="button" class="btn btn-sm me-1 btn-outline-primary rounded-pill" data-kt-menu-trigger="click" data-kt-menu-placement="top-start">Discount</button>
        <!--begin::Menu 1-->
        <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">
          <!--begin::Header-->
          <div class="d-flex justify-content-between px-7 py-5">
            <b>Discount</b>
            <button type="button" class="btn-close" aria-label="Close" data-kt-menu-dismiss="true"></button>
          </div>
          <!--end::Header-->
          <!--begin::Separator-->
          <div class="separator border-gray-200"></div>
          <!--end::Separator-->
          <!--begin::Content-->
          <div class="px-7 py-5">
              <!--begin::Input group-->
              <div class="mb-0">
                <form method="POST" action="{{route('admin.invoices.update', [$invoice, 'update_discount' => 1])}}">
                  @method('PUT')
                  <div>
                    <div class="form-group">
                      {{ Form::label('discount_type', __('Discount Value Type'), ['class' => 'col-form-label']) }}
                      {!! Form::select('discount_type', ['0' => 'Select Type', 'Fixed' => 'Fixed', 'Percentage' => 'Percentage'], null, ['class' => 'form-select']) !!}
                    </div>
                    <div class="form-group">
                      {{ Form::label('discount_value', __('Discount Value'), ['class' => 'col-form-label']) }}
                      {!! Form::number('discount_value', null, ['class' => 'form-control', 'placeholder' => __('0.00')]) !!}
                    </div>
                  </div>
                  <div class="d-flex justify-content-end mt-2">
                    <button class="btn btn-primary btn-sm" data-form="ajax-form">Update</button>
                  </div>
                </form>
              </div>
              <!--end::Input group-->
          </div>
        </div>
      </div>
      {{-- End Discount Menu --}}

      {{-- invoice-retention-calculator Popover --}}
      <div hidden>
        <div data-name="popover-invoice-retention-calculator">
          <div class="retention-calculator-form">
            <div class="d-flex justify-content-between">
              <b>Retention Calculator</b>
              <button type="button" class="btn-close" onclick="$('#invoice-retention-calculator').popover('hide');" aria-label="Close"></button>
            </div>
            <hr class="m-0">
            <div>
              <div class="form-group">
                {{ Form::label('payable_amount', __('Payable Amount'), ['class' => 'col-form-label']) }}
                {!! Form::number('payable_amount', 0, ['class' => 'form-control', 'disabled' => 'true', 'placeholder' => __('0.00')]) !!}
              </div>
              <div class="form-group">
                {{ Form::label('paying_amount', __('Willing To Pay'), ['class' => 'col-form-label']) }}
                {!! Form::number('paying_amount', 0, ['class' => 'form-control', 'placeholder' => __('0.00')]) !!}
              </div>
              <div class="form-group">
                {{ Form::label('calcultor_calculated_amount', __('Retention Amount'), ['class' => 'col-form-label']) }}
                {!! Form::number('calcultor_calculated_amount', 0, ['class' => 'form-control', 'disabled' => 'true', 'placeholder' => __('0.00')]) !!}
              </div>
            </div>
            <div class="d-flex justify-content-end mt-2">
              <button class="btn btn-primary btn-sm" onclick="populateCalculatedRetention();">Update</button>
            </div>
          </div>
        </div>
      </div>
      {{-- end invoice-retention-calculator popover --}}

      @if ($invoice->is_summary_tax)
      {{-- Tax Rates Menu --}}
        <div class="m-0">
          <button type="button" class="btn btn-sm me-1 btn-outline-primary rounded-pill" data-kt-menu-trigger="click" data-kt-menu-placement="top-start">Tax Rates</button>
          <!--begin::Menu 1-->
          <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true">
            <!--begin::Header-->
            <div class="d-flex justify-content-between px-7 py-5">
              <b>Tax Rates</b>
              <button type="button" class="btn-close" aria-label="Close" data-kt-menu-dismiss="true"></button>
            </div>
            <!--end::Header-->
            <!--begin::Separator-->
            <div class="separator border-gray-200"></div>
            <!--end::Separator-->
            <!--begin::Content-->
            <div class="px-7 py-5">
                <!--begin::Input group-->
                <div class="mb-0">
                  <form method="POST" action="{{route('admin.invoices.tax-rates.store', [$invoice])}}">
                    <div class="mt-2">
                      @forelse ($tax_rates->where('is_retention', false) as $tax)
                      <div class="form-check">
                        <input class="form-check-input" name="taxes[]" type="checkbox" value="{{$tax->id}}" id="tax-{{$tax->id}}">
                        <label class="form-check-label" for="tax-{{$tax->id}}">
                          {{$tax->name}} (
                            @if($tax->type != 'Percent')
                              @cMoney($tax->amount, $invoice->currency, true)
                            @else
                              {{$tax->amount}}%
                            @endif
                          )
                        </label>
                      </div>
                      @empty
                      @endforelse
                    </div>
                    <div class="d-flex justify-content-end mt-2">
                      <button class="btn btn-primary btn-sm" data-form="ajax-form" type="button">Update</button>
                    </div>
                  </form>
                </div>
                <!--end::Input group-->
            </div>
          </div>
        </div>
      {{-- End Tax Rates Menu --}}
      @endif
      <div class="dropdown dropup {{$invoice->type == 'Regular' ? 'd-none' : ''}}">
        <button class="btn btn-outline-primary dropdown-toggle rounded-pill btn-sm" type="button" id="tax-type" data-bs-toggle="dropdown" aria-expanded="false">
          Tax Type
        </button>
        <div>
          <div class="dropdown-menu p-2" aria-labelledby="tax-type">
            <div class="d-flex justify-content-between">
              <b>Tax Type</b>
            </div>
            <hr class="m-0">
            <form id="summary_update_from" action="{{route('admin.invoices.update', [$invoice, 'update_tax_type' => 1])}}" method="POST">
              @method('PUT')
              @csrf
              <div class="my-3 m-2">
                <select class="form-select form-select-sm" name="is_summary_tax">
                  <option @selected($invoice->is_summary_tax) value="1">Summary</option>
                  <option @selected(!$invoice->is_summary_tax) value="0">Inline</option>
                </select>
              </div>
              <div class="d-flex justify-content-end mt-2">
                <button class="btn btn-primary btn-sm" type="button" data-form="ajax-form">Update</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endif