  <!-- Modal HistoryBayaran -->
  <div class="modal fade" id="historytebusModal" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          {{-- <h5 class="modal-title" id="ModalTitle">Rekod Tebus</h5> --}}
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-3">
              <div class="small-box bg-warning text-center"><div class="inner"><b>Harga Jualan : <span id="hargajualanmodal"></span></b></div></div>
            </div>
            <div class="col-3">
              <div class="small-box bg-warning text-center"><div class="inner"><b>Pembiayaan : <span id="pembiayaanmodal"></span></b></div></div>
            </div>
            <div class="col-3">
              <div class="small-box bg-warning text-center"><div class="inner"><b>Nilai Marhun : <span id="nilaimarhunmodal"></span></b></div></div>
            </div>
            <div class="col-3">
              <div class="small-box bg-warning text-center"><div class="inner"><b>Marhun : <span id="marhunmodal"></span></b></div></div>
            </div>
          </div>
          <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Ansuran Pembiayaan</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="custom-tabs-upah-tab" data-toggle="pill" href="#custom-tabs-upah" role="tab" aria-controls="custom-tabs-upah" aria-selected="false">Keuntungan</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Penyelesaian Pembiayaan</a>
            </li>
          </ul>
          <div class="tab-content" id="custom-content-below-tabContent">
            <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
              <hr>
              <table id="tablehistorybayaran" class="table table-striped table-hover table-bordered text-center">
                <thead class="thead-dark">
                  <tr>
                    <th>Bil</th>
                    <th>Tarikh Bayaran</th>
                    <th>Bayaran</th>
                    <th>Jenis Bayaran</th>
                    <th>Tindakan</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
            <div class="tab-pane fade show" id="custom-tabs-upah" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
              <hr>
              <table id="tablehistoryupah" class="table table-striped table-hover table-bordered text-center">
                <thead class="thead-dark">
                  <tr>
                    <th>Bil</th>
                    <th>Tarikh</th>
                    <th>Keuntungan</th>
                    <th>Tindakan</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
            <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
              <hr>
              <table id="tablehistorytebus" class="table table-striped table-hover table-bordered text-center">
                <thead class="thead-dark">
                  <tr>
                    <th>Bil</th>
                    <th>No Rujukan</th>
                    <th>Jenis Penyelesaian<br>Pembiayaan</th>
                    <th>Pembiayaan Asal</th>
                    <th>JBG</th>
                    <th>Tarikh Penyelesaian<br>Pembiayaan</th>
                    <th>Tindakan</th>
                  </tr>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>
        </div>
      </div>
    </div>
  </div>



