<style>
  .select2-results__message {
    padding: 0 !important;
  }
</style>

<div class="right_col mt-sm-3" role="main">
  <div class="bussniess_setting max-w-1440">
    <div class="row row-gap-20">
      <div class="col-xl-12 col-lg-12">
        <a class="back-link" href="<%= (tutorId) ? '/staff-invoices/staff/'+ tutorId +'#account' : '/families-invoices#FamilyAccounts' %>"><span class="fa fa-chevron-left mr-2"></span>Back to Staff Invoices</a>
        <h2 class="title-text mt-3 mb-4">Edit Transaction</h2>
        <div class="card">
          <div class="card-body settings_content">
            <h2 class="title-text mb-4" id="transactionHeading"><%= editTransaction.transaction_type %> Details</h2>
            <div class="form-wizard">
              <form id="multi-step-form" method="post" action="/staff-invoices/transaction/update/<%= editTransaction._id %>" class="form-design" autocomplete="off">
                <%- include('./partials/_form',{tutorId:editTransaction.tutor_id, staffs: staffs, recurringFrequency: recurringFrequency, repeatDays: repeatDays, taxes: taxes, chargeCategories: chargeCategories, formType: 'edit', transaction: editTransaction }); %>
                <div class="ln_solid"></div>
                <div class="text-right">
                  <input type="hidden" name="transaction_type" value="<%= editTransaction.type %>">
                  <button type="submit" class="btn theme-btn">Update</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<%- include('./form_script'); %>

<script>
  $(function(){
    if($('#tutor_id').length > 0){
      $('#tutor_id').val(`<%= editTransaction.tutor_id?._id %>`).trigger('change');
    }

    if($('#category-select').length > 0){
      $('#category-select').val(`<%= editTransaction.category %>`).trigger('change');
    }
  });
</script>