@extends('template.app')

@section('content')
<style>
  .label-distance{
    width: 100px;
  }
  .tab-content label{
    font-weight: 100!important;
  }
  .just-for-label{
     font-weight: 100!important;
  }
 h4.balance-type{
  text-align: : right!important;
}
.small-box .icon-set > i { 
  color: rgba(0, 0, 0, 0.15);
  transition: all 0.3s linear;
  position: absolute;
  top: 45px;
  left: 40px;
  font-size: 90px;
}
#confirm_disburse {
    z-index: 1999!important; 
}
#confirm_before_disburse {
    z-index: 2000!important; 
}
</style>

<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Loan Details</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Loan Transaction</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header" style="">
              <h3 class="card-title col-md-3" style="">
                Loan Details</h3>
            </div>
            <!-- /.card-header -->
            <form role="form" class="form-horizontal">
              <div class="card-body" style="">
                <ul class="nav nav-pills ml-auto mt-1 mb-2 col-md-12" style="">
                  <li class="nav-item"><a class="nav-link active" onclick="show_pribadi()" href="#data_pribadi" data-toggle="tab">Informasi Pribadi</a></li>
                  <li class="nav-item"><a class="nav-link" onclick="hide_submit()" href="#keluarga_tidak" data-toggle="tab">Keluarga Tidak Serumah</a></li>
                  <li class="nav-item"><a class="nav-link" onclick="hide_submit()" href="#info_kerja" data-toggle="tab">Informasi Pekerjaan</a></li>
                  <li class="nav-item"><a class="nav-link" onclick="show_submit()" href="#jenis_pinjaman" data-toggle="tab">Informasi Pinjaman</a></li>
                </ul>
                  <div class="tab-content">
                    <div class="tab-pane active" id="data_pribadi">
                      <h4 class="mt-3 mb-3 col-md-12">Data Pribadi</h4>
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-4">Selfie Photo</label>
                        <div class="col-sm-7">
                        

                        <img width="100px" src="{{ url('/') }}dist/img/nophoto.jpg">


                                                   </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-4">Identity Picture</label>
                        <div class="col-sm-7">
                           

                        <img width="100px" src="{{ url('/') }}dist/img/nophoto.jpg">


                                               </div>
                      </div>
                      <div class="form-group form-group-sm mb-3 mt-3 row col-md-12 float-left" style="border-bottom: 0.5px solid #C1C1C1;">
                      </div>
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-4">Nama Lengkap</label>
                        <div class="col-sm-7">
                          <input type="text" value="" class="form-control form-control-sm" id="nama_lengkapf" name="nama_lengkap" readonly>
                        </div>
                      </div>
                      
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-3">Nomor KTP</label>
                        <div class="col-sm-8">
                          <input type="text" value="" class="form-control form-control-sm" id="nama_lengkapf" name="nama_lengkap" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-4">Tempat Lahir</label>
                        <div class="col-sm-7">
                          <input type="text" value="" class="form-control form-control-sm" id="tempat_lahir" name="tempat_lahir" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm row mb-2 col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-3">Tanggal Lahir</label>
                        <div class="col-sm-8">
                          <input type="text" value="" class="form-control form-control-sm" id="tanggal_lahir" name="tanggal_lahir" readonly>
                        </div>
                      </div>
                      <div class="form-group row form-group-sm mb-2 col-md-6 float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-4">Jenis Kelamin</label>
                        <div class="col-sm-7">
                          <input type="text" value="Perempuan" class="form-control form-control-sm" id="jenis_kelamin" name="jenis_kelamin" readonly>
                        </div>
                      </div>
                      
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Telp Rumah</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control form-control-sm" id="telp_rumah" name="telp_rumah" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="col-form-label-sm control-label col-sm-4">No HP 1</label>
                        <div class="col-md-7">
                          <input type="text" value="" class="form-control form-control-sm" id="no_hp_1" name="no_hp_1" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm label-distance col-sm-3">No HP 2</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control form-control-sm" id="no_hp_2" name="no_hp_2" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 row col-md-6 float-left">
                        <label for="inputsm" class="col-form-label-sm control-label col-sm-4">Kewarganegaraan</label>
                        <div class="col-sm-7">
                          <input type="text" value="" class="form-control form-control-sm" id="kewarganegaraan" name="kewarganegaraan" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-3">Email</label>
                        <div class="col-sm-8">
                          <input type="text" value="" class="form-control form-control-sm" id="email" name="email" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="control-label col-form-label-sm col-sm-4" style="width:150px;">Status Tempat Tinggal</label>
                        <div class="col-sm-7">
                          <input type="text" class="form-control form-control-sm" id="status_tempat_tinggal" name="status_tempat_tinggal" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left ">
                        <label for="inputsm" class="col-form-label-sm control-label col-sm-3" style="width: 112px;">Lama Tinggal</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control form-control-sm" id="lama_tinggal" name="lama_tinggal" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm control-label col-sm-4">Status Pernikahan</label>
                        <div class="col-sm-7">
                          <input type="text" class="form-control form-control-sm" value="" id="status_pernikahan" name="status_pernikahan" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm col-md-6 row mb-2 float-left">
                        <label for="inputsm" class="col-form-label-sm control-label col-sm-3">Pendidikan Terakhir</label>
                        <div class="col-sm-8">
                          <input type="text" class="form-control form-control-sm" id="pendidikan_terakhir" name="pendidikan_terakhir" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-1 col-md-6 row float-left">
                          <label for="inputsm" class="control label col-form-label-sm col-sm-4">Nama Gadis Ibu Kandung</label>
                          <div class="col-sm-7">
                            <input type="text" value="" class="form-control form-control-sm" id="status_tempat_tinggal" name="status_tempat_tinggal" readonly>
                          </div>
                      </div>
                                           
                      <div class="form-group form-group-sm mb-1 col-md-6 row float-left">
                        <label style="visibility: hidden;" for="inputsm" class="col-form-label-sm col-sm-3">Kode Pos</label>
                        <div class="col-sm-7">
                        <input style="visibility: hidden;" type="text" class="form-control form-control-sm" id="" name="" readonly>
                        </div>
                      </div>
                    </div>
                    <div class="tab-pane" id="keluarga_tidak">
                      <h4 class="mt-3 mb-3 col-md-12">Data Keluarga Tidak Serumah</h4>
                          
                    </div>
                    <div class="tab-pane" id="info_kerja">
                      <h4 class="mt-3 mb-3 col-md-12">Informasi Pekerjaan</h4>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Foto Tempat Usaha</label>
                        <div class="col-sm-6"> 
                                                    <img width="100px" src="{{ url('/') }}dist/img/nophoto.jpg">
                                                 </div>
                      </div>
                      <div class="form-group form-group-sm mb-3 mt-3 row col-md-12 float-left" style="border-bottom: 0.5px solid #C1C1C1;">
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Jenis Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="tempat_lahir" name="tempat_lahir" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Nama Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="nama_usaha" name="nama_usaha" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Bidang Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="bidang_usaha" name="bidang_usaha" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">NPWP</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="npwp" name="npwp" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Alamat Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="alamat_usaha" name="alamat_usaha" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Telp Tempat Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="telp_tempat_usaha" name="telp_tempat_usaha" value=""readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Jumlah karyawan</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="jumlah_karyawan" name="jumlah_karyawan" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Penghasilan perHari</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="penghasilan_perhari" name="penghasilan_perhari" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Kepemilikan Tempat Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="kepemilikan_tempat_usaha" name="kepemilikan_tempat_usaha" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Status Tempat Usaha</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="status_tempat_usaha" name="status_tempat_usaha" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Lama Bermitra Dengan Iki</label>
                        <div class="col-sm-6"> 
                        <input type="text" class="form-control form-control-sm" id="nama_usaha" name="nama_usaha" value="" readonly>
                        </div>
                      </div>
                     
                    </div>
                    <div class="tab-pane" id="jenis_pinjaman" class="jenis_pinjaman">
                      <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-4">Jenis Pinjaman</label>
                        <div class="col-sm-6">
                          <input type="text" value="" class="form-control form-control-sm" id="jenis_pinjaman" name="jenis_pinjaman" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Tujuan</label>
                        <div class="col-sm-6">
                          <input type="text" value="" class="form-control form-control-sm" id="tujuan_pinjaman" name="tujuan_pinjaman" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-4">Plafond Pengajuan </label>
                        <div class="col-sm-6">
                          <input type="text" value="Rp 0,00" class="form-control form-control-sm" id="plafond_pengajuan" name="plafond_pengajuan" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Tenor</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control form-control-sm" id="tenor" value=" Hari" name="tenor" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-4">Score</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control form-control-sm" id="scoring" value="" name="scoring" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                        <label for="inputsm" class="col-form-label-sm col-sm-3">Plafond Terbilang</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control form-control-sm" value="" name="tenor" readonly>
                        </div>
                      </div>
                    </div>
                  </div>
              </div>
            </form>
        </div>

        <div id="alamat_ktp" class="card">
                  <div class="card-header" style="">
                    <h3 class="card-title col-md-3" style="">
                      Alamat KTP
                    </h3>
                  </div>
                  <div class="card-body">
                    <form id="alamat_ktp" class="">
                      <div class="form-group form-group-sm mb-2 col-md-6 float-left row ">
                        <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">RT</label>
                        <div class="col-sm-7">
                          <input type="text" value="" class="form-control form-control-sm" id="rt_ktp" name="rt_ktp" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left ml-1">
                        <label for="inputsm" class="col-form-label-sm col-sm-2 just-for-label">RW</label>
                        <div class="col-sm-7">
                          <input type="text" value="" class="form-control form-control-sm" id="rw_ktp" name="rw_ktp" readonly>
                        </div>
                      </div>
                       <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Kelurahan</label>
                        <div class="col-sm-7">
                          <input type="text" value="" class="form-control form-control-sm" id="Kelurahan_ktp" name="Kelurahan_ktp" readonly>
                        </div>
                      </div>
                       <div class="form-group form-group-sm mb-2 col-md-6 row float-left ml-1">
                        <label for="inputsm" class="col-form-label-sm col-sm-2 just-for-label">Kota</label>
                        <div class="col-sm-7">
                          <input type="text" class="form-control form-control-sm" id="kota_ktp" name="kota_ktp" value="" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-1 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Kode Pos</label>
                        <div class="col-sm-7">
                          <input type="text" class="form-control form-control-sm" id="kode_pos_ktp" name="kode_pos_ktp" readonly>
                        </div>
                      </div>
                  </form>
              </div>
        </div>
        <div id="alamat_ktp_ini" class="card">
                  <div class="card-header" style="">
                    <h3 class="card-title col-md-3" style="">
                      Alamat Saat Ini
                    </h3>
                  </div>
                  <div class="card-body">
                  <form id="alamat_ktp_ini" class="">
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Alamat </label>
                        <div class="col-sm-7">
                        <textarea class="form-control form-control-sm" id="rt_current" name="rt_current" readonly></textarea>
                        </div>
                      </div>
                      
                      
                      <div class="form-group form-group-sm mb-2 col-md-5 row float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Propinsi</label>
                        <div class="col-sm-8">
                        <input type="text" class="form-control form-control-sm" id="kota_current" name="kota_current" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 col-md-12 row float-left"></div>
                      <div class="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Kode Pos</label>
                        <div class="col-sm-7">
                        <input type="text" class="form-control form-control-sm" id="kode_pos_current" name="kode_pos_current" readonly>
                        </div>
                      </div>
                  </form>
              </div>
        </div>
            <div id="interest" class="card">
                  <div class="card-header" style="">
                    <h3 class="card-title col-md-3" style="">
                      Interest Details
                    </h3>
                  </div>
                  <div class="card-body">
                    <form id="interest" class="">
                      <div class="form-group form-group-sm mb-2 float-left row col-md-4">
                        <label for="inputsm" class=" col-sm-4 just-for-label">Interest</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control form-control-sm" id="interest" value="Rp 0,00 " name="interest" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-4 ">
                        <label for="inputsm" class=" col-sm-4 just-for-label">Admin Fee</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control form-control-sm" id="admin_fee" value="Rp 0,00 " name="admin_fee" readonly>
                        </div>
                      </div>
                      <div class="form-group form-group-sm mb-2 float-left row col-md-4 ">
                        <label for="inputsm" class="col-form-label-sm col-sm-5 just-for-label">Accrued Liabilities</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control form-control-sm" id="accrued_liabilities" value="Rp 0,00" name="accrued_liabilities" readonly>
                        </div>
                      </div>
                  </form>
              </div>
        </div>

        <div id="submit_form" class="card">
                  <div class="card-header" style="">
                    <h3 class="card-title col-md-3" style="">
                      Submit Offer                    </h3>
                  </div>
                  <div class="card-body">
                    <form id="submit_offering" class="">
                      <input type="hidden" name="" id="">
                        <input type="hidden" id="id_loan" name="id_loan" value="">
                        <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-6">
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Offering Date</label>
                          <div class="col-sm-6">
                            <input type="text" class="form-control form-control-sm" value="2025-03-16" id="offering_date" name="offering_date" readonly>
                          </div>
                        </div>

                        <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-6">
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Offering Time</label>
                          <div class="col-sm-6">
                            <input type="text" class="form-control form-control-sm" id="offering_time" value="" name="offering_time"   readonly>
                          </div>
                        </div>
                        <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-6">
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Offering Letter Number</label>
                          <div class="col-sm-6">
                            <input type="text" class="form-control form-control-sm" readonly value="" id="offering_letter_number" name="offering_letter_number" >
                          </div>
                        </div>

                        <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-6">
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Final Scoring</label>
                          <div class="col-sm-6">
                            <input type="text" class="form-control form-control-sm" id="final_scoring" name="final_scoring" placeholder="" value="" readonly >
                          </div>
                        </div>
                        <div class="form-group form-group-sm float-left row col-md-12"></div>
                        <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Offering Plafond</label>
                          <div class="col-sm-6">
                            <input type="text" class="form-control form-control-sm" id="offering_plafond" name="offering_plafond" value="Rp 0,00" readonly >
                          </div>
                        </div>
                        <div class="form-group form-group-sm mb-2 float-left row col-md-6">
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Offering Tenor</label>
                          <div class="col-sm-6">
                            <input type="text" class="form-control form-control-sm" id="offering_tenor" name="offering_tenor" readonly value="" >
                          </div>
                        </div>
                        <div class="form-group form-group-sm mb-2 mt-3 float-left row col-md-12"></div>
                                                    {{-- <button type="button" class="btn btn-success btn-sm col-sm-1  float-right" style="" onclick="show_offer()">Offering</button><!-- api_offer() -->
                          <button type="button" class="btn btn-danger btn-sm mr-3 col-sm-1 float-right" onclick="show_reject()">Reject</button> --}}

                                                                </form>
                  </div>
                </div>

                <div class="modal fade" id="confirm_before_disburse" style="z-index: 3!important;">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header" style="background-color: green;">
                        <h4 class="modal-title" style="color: white;">Disburse Confirmation</h4>
                      </div>
                      <div class="modal-body">
                        Disburse This loan to 
                      </div>
                    <!-- /.modal-content -->
                      <div class="modal-footer ">
                          <button type="button" class="btn btn-default" data-dismiss="modal" >Close</button>
                          <button type="submit" class="btn btn-success" onclick="api">Disburse Loan</button>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="modal fade" id="confirm_reject">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header" style="background-color: #DC3545;">
                        <h4 class="modal-title" style="color: white;">Confirm Reject</h4>
                      </div>
                      <div class="modal-body">
                        Reject Loan Transaction?
                      </div>
                    <!-- /.modal-content -->
                      <div class="modal-footer ">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                          <button type="submit" class="btn btn-danger" onclick="api_reject()">Reject</button>
                      </div>
                    </div>
                  <!-- /.modal-dialog -->
                    </div>
                  <!-- /.modal-dialog -->
                </div>

                <div class="modal fade" id="confirm_offering">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header" style="background-color: green;">
                        <h4 class="modal-title" style="color: white;">Confirm Offering</h4>
                      </div>
                      <div class="modal-body">
                        Submit this loan to Offering?
                      </div>
                    <!-- /.modal-content -->
                      <div class="modal-footer ">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                          <button type="submit" class="btn btn-success" onclick="api_offer()">Offer</button>
                      </div>
                    </div>
                  <!-- /.modal-dialog -->
                    </div>
                  <!-- /.modal-dialog -->
                </div>
                
      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <script>
    $(document).ready(function() {
      $('#submit_form').hide();
      $('#interest').hide();
    });

    function hide_submit(){
    $('#submit_form').hide();
    $('#interest').hide();
    $('#alamat_ktp').hide();
    $('#alamat_ktp_ini').hide();

  }

  function show_submit(){
    $('#submit_form').show();
    $('#interest').show();

    $('#alamat_ktp').hide();
    $('#alamat_ktp_ini').hide();
  }


  function show_pribadi(){
    $('#alamat_ktp').show();
    $('#alamat_ktp_ini').show();

    $('#submit_form').hide();
    $('#interest').hide();
  }
  </script>
@endsection