@extends('Utama.master')
@section('sidebar')
<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">
          <!-- left column -->
          <div class="col-md-12">
            <!-- jquery validation -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Tambah User Unit</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form id="quickForm">
                <div class="card-body">
                <div class="form-group">
                    <label for="exampleInputPassword1">Nama unit</label>
                    <input type="text" name="nama_unit" class="form-control" id="nama_unit" placeholder="Nama Unit" required>
                  </div>
                  <div class="form-group">
                    <label for="exampleInputEmail1">Unit Kerja</label>
                    <select name="unit_kerja" class="form-control" id="unit_kerja" placeholder="Nama_Unit" required>
                                            
                    </select>
                  </div>
                  <div class="form-group">
                    <label for="exampleInputPassword1">User Name</label>
                    <input type="text" name="username" class="form-control" id="username" placeholder="User Name" required>
                  </div>
                   <div class="form-group">
                    <label for="exampleInputEmail1">Password</label>
                    <input type="password" name="password" class="form-control" id="password" placeholder="Password" required>
                  </div>
                  <div class="form-group">
                    <label for="exampleInputPassword1">Re Type Password</label>
                    <input type="password" name="reTypePassword" class="form-control" id="reTypePassword" placeholder="Re Type Password" required>
                  </div>
                  <div class="form-group mb-0">
                  </div>
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">Tambah</button>
                </div>
              </form>
            </div>
            <!-- /.card -->
            </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-6">

          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </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/";

    $(document).ready(function(){
    console.log(getCookie("passport_token"));
    load_unit();
  });

  function load_unit(){
       $.ajax({
      url: url_api+"daftar-unit/getData",
      method:"GET",
      data:{
        _token : "{{csrf_token()}}"
      },
      headers: {"Authorization": "Bearer " + getCookie("passport_token")},
      success:function(data){
        var output = "";
         $.each(data,function(k,v){
          output += "<option value='"+v.nama_unit+"'>"+v.nama_unit+"</option>"
         });
         $('#unit_kerja').html(output);
      },error:function(jqXHR, textStatus, errorThrown){
        console.log("error");
        alert(errorThrown);
      }
    });
    }


    quickForm.onsubmit = async (e) => {
    e.preventDefault();
    let response = await fetch(url_api+'kepala-unit/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+"UserUnit";
    }
  };
</script>
@endpush