@extends('layouts.app')

@section('content')
<div class="page-frame bg-pale-navy">
  <div class="content-wrapper">
    <section class="wrapper bg-light">
      <div class="container py-5 py-md-7">
        <div class="row">
          <div class="col-md-12">
            <ul class="nav nav-tabs nav-tabs-basic">
              <!-- <li class="nav-item"> <a class="nav-link active" data-bs-toggle="tab" href="#tab_tagihan">Cek Tagihan</a></li> -->
              <!-- <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tab_data_kkpr">Data KKPR Non Berusaha</a> </li> -->
            </ul>

            <div class="tab-content mt-0 mt-md-5">

              {{-- Tab Cek Tagihan --}}
              <div class="tab-pane fade show active" id="tab_tagihan">
                <div class="card mb-4">
                  <!-- <div class="card-header">
                    
                  </div> -->
                  <div class="card-body px-5">
                    <h2 class="display-5"> Cek Permohonan SKT</h2>
                    <form id="form_cek_skt" method="post" action="{{ route('e_rekomendasi.cek_skt') }}">
                      @csrf
                      <div class="row">
                        <div class="form-floating mb-4 col-8">
                          <input id="kode" name="kode" type="text" class="form-control kode" onkeypress="return event.keyCode != 13;" placeholder="00000000000000" autofocus>
                          <label for="kode">Kode SKT</label>
                        </div>
                        <div class="col-4">
                          <button type="button" onclick="valid_form()" class="btn btn-sm btn-primary btn-icon btn-icon-start rounded"> <i class="uil uil-search"></i> Cari </button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>
@endsection

@section('script')
<script>
  $(document).ready(function() {
   
  });

  function valid_form(){
      var kode = $('#kode').val();
        var char = kode.length;
        if(char > 0)
        {
            // showSwalLoading('Loading...','Mencari Data');
            $('#form_cek_skt').submit();
        }else{
            showSwal('warning','Perhatian','Mohon Isikan Kode SKT Dahulu !');
        }
    }
</script>
@endsection