@extends('template.app')

@section('content')
<style>
	
    .consol{
        border: 1px solid red;
     }
     tbody td{
        padding: 7px!important;
     }
     .scrolledTable{ overflow-y: auto; clear:both; overflow-x: auto;}
     .small-button{
        height: 20px;
        padding-top: 0px;
     }
      .form-group label{
        text-align: right;
      }
    </style>
<style>
  .consol{
    border: 1px solid red;
  }
  .label-distance{
    width: 100px;
  }
  .tab-content label{
    font-weight: 100!important;
  }
  .just-for-label{
     font-weight: 100!important;
  }

    @media (max-width: 480px) {
        .form-group label{
            text-align: left;
        }
    }

  @media (max-width: 680px) {
        .form-group label{
            text-align: left;
        }
  }

  @media (max-width: 780px) {
    .form-group label{
        text-align: left;
    }
  }
</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">Agent 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">Agent Details</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="">

                <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="hide_submit()" href="#data_pribadi" data-toggle="tab">Data Pribadi</a></li>
                  <li class="nav-item"><a class="nav-link" onclick="hide_submit()" href="#data_account" data-toggle="tab">Data Account</a></li>
                </ul>
            </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="hide_submit()" 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="form-group form-group-sm mb-2 col-md-6 row float-left">
                        <label for="inputsm" class="col-form-label-sm col-sm-12">Data di Verfied Kosong</label>
                        <div class="col-sm-7">
                        
                        </div>
                      </div>
                              </div>
            </form>
        </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_disburse" style="">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header" style="background-color: green;">
                        <h4 class="modal-title" style="color: white;">Confirm Disbursement</h4>
                      </div>
                      <div class="modal-body">
                        <form class="" id="submit_disburse">
                          <label for="inputsm" class="col-form-label-sm col-sm-12 just-for-label">Nomor Disbursment</label>
                          <div class="col-sm-12">
                            <input type="text" class="form-control form-control-sm" id="nomor_disbursement" name="nomor_disbursement" value="" >
                          </div>
                          <label for="inputsm" class="col-form-label-sm col-sm-3 just-for-label">Nomor Rekening</label>
                          <div class="col-sm-12">
                            <input type="text" class="form-control form-control-sm" id="nomor_rekening" name="nomor_rekening" value="" >
                          </div>
                          <label for="inputsm" class="col-form-label-sm col-sm-12 just-for-label">Final Amount</label>
                          <div class="col-sm-12">
                            <input type="text" class="form-control form-control-sm" id="amount_final" name="amount_final" value="0,00" readonly>
                          </div>
                          <label for="inputsm" class="col-form-label-sm col-sm-12 just-for-label">Tanggal Disbursment</label>
                          <div class="col-sm-12">
                            <input type="text" class="form-control form-control-sm" id="tanggal_disbursement" name="tanggal_disbursement" value="2025-05-10" readonly>
                          </div>
                        </form>
                      </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()">Disburse</button>
                      </div>
                  </div>
                  <!-- /.modal-dialog -->
                </div>

                
                  <!-- /.modal-dialog -->
                </div>


      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  @endsection