@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-15 py-md-17">
        <div class="row text-center mb-10">
          <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
            <h3 class="display-3 px-xl-10 mb-0" style="color: red;">PERHATIAN!!!</h3>
            <p>"Barang siapa dengan sengaja melakukan pemalsuan identitas diri atau dokumen terhadap instasi pelaksana, maka dapat terancam hukuman pidana 6 tahun tau denda sebesar 50 Juta Rupiah" Undang-Undang No.23 Tahun 2006 Bab 12</p>
          </div>
          <!-- /column -->
        </div>
        <div class="row">
          {{-- <div class="col-md-5">
            <figure class="rounded mb-0"><img class="img-fluid" src="{{asset('assets/img/illustrations/ui5.png')}}" srcset="{{asset('assets/img/illustrations/ui5@2x.png 2x')}}" alt="" /></figure>
          </div> --}}
          <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_identitas">Identitas Pemohon</a></li>
              <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tab_informasi">Informasi Perusahaan</a></li>
              <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tab_data_gkt">Data GKT</a> </li>
              <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tab_upload_dokumen">Upload Dokumen</a> </li>
              <li class="nav-item"> <a class="nav-link" data-bs-toggle="tab" href="#tab_konfirmasi">Konfirmasi</a> </li>
            </ul>
            <!-- /.nav-tabs -->
            <form action="#">
              <div class="tab-content mt-0 mt-md-5">
                
                {{-- Tab Identitas Pemohon --}}
                <div class="tab-pane fade show active" id="tab_identitas">
                  @include('pengajuan.simpatik.field_list.identitas_pemohon')
                </div>
                
                 {{-- Tab Identitas Perusahaan --}}
                 <div class="tab-pane fade" id="tab_informasi">
                  @include('pengajuan.simpatik.field_list.identitas_perusahaan')
                </div>

                {{-- Tab Identitas Perusahaan --}}
                <div class="tab-pane fade" id="tab_data_gkt">
                  @include('pengajuan.simpatik.field_list.data_gkt')
                </div>
                
                {{-- Tab Upload Dokumen --}}
                <div class="tab-pane fade" id="tab_upload_dokumen">
                  @include('pengajuan.simpatik.field_list.upload_dokumen_gkt')
                </div>

                <div class="tab-pane fade" id="tab_konfirmasi">
                  @include('pengajuan.simpatik.field_list.konfirmasi_gkt')
                </div>
                <button type="button" class="btn btn-lg btn-primary rounded-0"> Kirimkan Pengajuan <i class="uil uil-check"></i></button>

              </div>

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

@section('script')
<script>

    function showModalLayanan(_this){
        let url = $(_this).data("url");
        let nama_layanan = $(_this).data("nama_layanan");

        $('#nama_layanan').empty();
        $('#nama_layanan').append(nama_layanan);
        $('#modal_informasi_layanan').modal('show');
        console.log("link : "+url);
    }
    
    function is_kuasa_check(_this){
      let is_checked = $("#is_kuasa").is(':checked');

      if(is_checked){
        $("#nama_kuasa").removeAttr("disabled");
        $("#nomor_identitas_kuasa").removeAttr("disabled");
        $("#telp_kuasa").removeAttr("disabled");

        // console.log("dicentang");
      }else{

        $("#nama_kuasa").attr("disabled","true");
        $("#nomor_identitas_kuasa").attr("disabled","true");
        $("#telp_kuasa").attr("disabled","true");

        // console.log("tidak dicentang");
      }
    }

</script>
@endsection