@extends('Utama.master')
@section('sidebar')
<li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link"></a>
</li>
<li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link"></a>
</li>
@stop
@section('content')
            <!-- Main content -->
            <section class="content">
                <div class="container-fluid">
                    <div class="row">
                    <h3 style="margin-left : 10px;"> NIP : <span id="nip">-</span>/<span id="nama">-</span> </h3>
                        <!-- left column -->
                        <div class="col-md-12">
                            <!-- jquery validation -->
                            <div class="card card-primary">
                                <div class="card-header">
                                <h3 class="card-title">Pelatihan dan Sertifikasi Profesional</h3>
                                </div>
                                <form id="quickForm">
                                    <input type="hidden" name="id_user" value="{{$_GET['id_user']}}">
                                    <div class="card-body">
                                    <div class="form-group">
                                            <label for="exampleInputPassword1">Nama Pelatihan/Setifikasi</label>
                                            <input type="text" name="nama_ps" class="form-control" id="nama_ps" placeholder="Nama Pelatihan/Setifikasi" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Tanggal Sertifikasi</label>
                                            <input type="date" name="tgl_sertifikasi" class="form-control" id="tgl_sertifikasi" placeholder="Tanggal Sertifikasi" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Nomor Sertifikasi</label>
                                            <input type="number" name="nomor_sertifikasi" class="form-control" id="nomor_sertifikasi" placeholder="Nomor Sertifikasi" required>
                                        </div>                                    
                                        <div class="form-group">
                                            <label for="example">Upload File Sertifikasi</label>
                                            <input type="file" name="file_sertifikasi">
                                           
                                        </div>
                                    </div>
                                    <!-- /.card-body -->
                                    <div class="card-footer">
                                        <button type="submit" class="btn btn-primary">Tambah</button>
                                    </div>
                                </form>
                            </div>
                            <!-- /.card -->
                        </div>
                        <div class="col-md-6">
                        </div>
                    </div>
                </div>
            </section>
            <!-- /.content -->
@stop 
@push('js')
<script type="text/javascript">
    var url = "{{url('')}}/";
    // var url_api = "http://103.77.207.53:8000/api/";
    var url_api = "https://apisdm.ukitoraja.ac.id/api/";
    var id_user = "{{$_GET['id_user']}}";

$(document).ready(function(){
    load_data_karyawan();
  });


    function load_data_karyawan(){
   // alert("load data nama & foto user yang login ");
    $.ajax({
      url: url_api+"user/getData", 
      method:"GET",
      data:{
        _token : "{{csrf_token()}}",
        id_user : id_user
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
      $('#nip').html(data.nip);
      $('#nama').html(data.nama_lengkap);
      }
  });
  }


    quickForm.onsubmit = async (e) => {
    e.preventDefault();
    let response = await fetch(url_api+'pelatihan-profesional/addData', {
      method: 'POST',
      headers:{
        Authorization : "Bearer " + getCookie("passport_token"),
      },
      body: new FormData(quickForm)
    });

    let result = await response.json();
    alert(result.message); //pesan berhasil / error
    if(result.status == "OK"){
    location.href = url+"SertifikasiProfesional";
    }
  };
</script>
@endpush