@php
  $dt_picker_initial_value = "";
  if($next_quarter)
  {
    $dt_picker_initial_value = $next_quarter->funding_month_year ?? "";
  }
@endphp
<div class="offcanvas offcanvas-end" 
    data-bs-scroll="true" 
    tabindex="-1" 
    id="offcanvasAddFundingHistory" 
    aria-labelledby="offcanvasFundingHistoryLabel"
>
  <div class="offcanvas-header">
    <h5 id="offcanvasFundingHistoryLabel" class="offcanvas-title">Add Funding History Quarterly</h5>
    <button type="button" 
      class="btn-close text-reset" 
      data-bs-dismiss="offcanvas" 
      aria-label="Close">
    </button>
  </div>
  <div class="offcanvas-body mx-0 flex-grow-0">
    <form id="fund_hist_add_form" 
          action="{{ route('admin.store_funding_history') }}" 
          method="post" 
          enctype="multipart/form-data"
    >
      @csrf
      <div class="mb-3 control-group">
        <label for="fund_hist_funding_date" class="form-label">Month/Year
            <span class="text-danger">*</span>
        </label>
        <input id="fund_hist_funding_date" name="fund_hist_funding_date" type="text" class="form-control datepicker" placeholder="mm-yyyy" autocomplete="off" value="{{$dt_picker_initial_value}}"
        />
      </div>  

      <div class="mb-3 control-group">
        <label for="fund_hist_doc_upload" class="form-label">
          Funding History <span class="text-danger">*(xlsx)</span>
        </label>
        <div>
          <input id="fund_hist_doc_upload"
            name="fund_hist_doc_upload"  
            class="form-control" 
            type="file" 
          />
        </div>
      </div>

      <div class="mb-3 control-group">
        <label for="fund_hist_type_trans_id" class="form-label">Funding History Type
          <span class="text-danger">*</span>
        </label>
        <select id="fund_hist_type_trans_id" 
          name="fund_hist_type_trans_id" 
          class="form-select form-select-lg" 
          data-allow-clear="true"
          data-placeholder="Funding History Type"
        >
          <option value=""></option>
            @foreach($fund_hist_type_trans as $_fund_hist_type_trans)
              <option value="{{$_fund_hist_type_trans['id']}}" >
                {{ $_fund_hist_type_trans['name'] }}
              </option>
            @endforeach
        </select>
      </div> 

      <div class="mb-3 control-group">
        <label class="form-label" for="fund_hist_remarks">Remarks</label>
        <textarea
          type="text"
          class="form-control"
          id="fund_hist_remarks"
          name="fund_hist_remarks"
          placeholder="remarks"
        /></textarea>
      </div>

      <div class="mb-3 control-group">
        <button type="button" 
          id="fund_hist_add_submit" 
          class="btn btn-sm btn-primary me-2 submit_confirm_modal"
          onclick="setupModal('add');submitConfirm('fund_hist_add_form');" 
        >   
          Save
        </button>

        <button type="reset"  
          class="btn btn-sm btn-label-secondary"
          data-bs-dismiss="offcanvas"
        >   
          Cancel
        </button>
      </div>
    </form>
  </div>
</div>
<script>

</script>