<!

-- SECTION 1 -->
<h2>
<span class="step-icon"><i class="fa-solid fa-
user-chef"></i></span>
<span class="step-text">Pilih Atasan</span>
</h2>
<section>
<form class="form-group" action="#">
<div class="row">
<h3>Atasan Langsung:</h3>
<div class="col-md-6">
<label>Nip
Atasan :&nbsp;</label>
<input type="text"
id="nipatasan" name="nipatasan" class="form-control">
</div>
<div class="col-md-6">
<div class="icheck-
primary d-inline">
<input
type="checkbox" id="pilihplt"
onmousedown="this.form.jabatanplt.enabled=this.checked">
&nbsp<label
for="pilihplt"> Centang jika atasan yang dipilih sebagai Plt
</label>
</div>
</div>
<div class="col-md-6">

<input
type="text" id="jabatanplt" name="jabatanplt" class="form-control"
placeholder="Ketik Jabatan sebagai PLT..." disabled>
</div>

</div>
</form>
</section>
<!-- SECTION 2 -->
<h2>
<span class="step-icon"><i class="zmdi zmdi-
lock"></i></span>
<span class="step-text">Penyusunan SKP</span>
</h2>
<section>
<form name="formskp">
<div class="inner">

<div class="row">
<div class="col-md-4">
<label>Lokasi SKP dibuat
:&nbsp;</label>
<input type="text"
id="lokasi" name="lokasi" class="form-control" placeholder="Lokasi SKP dibuat">
</div>

<div class="col-md-4">
<label>Tanggal SKP:
</label>
<div class="input-group
date" id="tglskpdibuat" data-target-input="nearest">
<input type="text"
class="form-control datetimepicker-input" data-target="#tglskpdibuat"/>
<div class="input-
group-append" data-target="#tglskpdibuat" data-toggle="datetimepicker">
<div
class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</div>
</div>
</div>
</div>
<p></p>
<div class="row">
<div class="col-md-6">
<div class="card card-
danger">
<div class="card-
header">
<h4 class="card-
title">Profile Pegawai</h4>
</div>
<div class="card-body">

<div class="form-
group">
<table>
<tr>
<td>Nama
Pegawai &nbsp; </td>
<td>: Bapak
xxxxx</td>
</tr>
<tr>
<td>NIP
</td>
<td>:
1234567898</td>
</tr>

<tr>

<td>Jabatan</td>
<td>: Kepala
Badan xxx</td>
</tr>
<tr>
<td>Unit
Kerja</td>
<td>: Badan
xxxx</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-
primary">
<div class="card-
header">
<h4 class="card-
title">Pejabat Penilai Kinerja</h4>
</div>
<div class="card-body">

<div class="form-
group">
<table>
<tr>
<td>Nama
Pegawai &nbsp;</td>
<td>:
Gubernur</td>
</tr>
<tr>
<td>NIP
</td>
<td>: -</td>
</tr>

<tr>

<td>Jabatan</td>
<td>:
Gubernur </td>
</tr>
<tr>
<td>Unit
Kerja</td>
<td>: -</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
<button id="btntambahskp"
class="btn btn-primary btn-flat form-control" data-toggle="modal" data-
target="#tambahskpjpt">Tambah</button>
</div>
<div class="col-md-4">
<button id="btnambilpk" class="btn
btn-info" data-toggle="modal" data-target="#ambilpk">Ambil dari PK</button>
</div>
</div>
<div class="card-
body">
<table
class="table table-bordered table-hover">
<thead>
<tr>
<th
style="width: 10px">No</th>
 <th>Rencana Hasil Kerja</th>

<th>Indikator</th>
<th
style="width: 40px">Target</th>

<th>Jenis Kinerja</th>

<th>Perspektif</th>

<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>

<td>1.</td>

<td>Terwujudnya xxxxx</td>

<td>Indeks Kepuasan xxxx</td>

<td>0,82</td>

<td>Utama</td>

<td>Proses Bisnis</td>
<td>
<div
class="btn-group">

<button type="button" class="btn btn-warning">Action</button>

<button type="button" class="btn btn-warning dropdown-toggle dropdown-hover

dropdown-icon" data-toggle="dropdown">

<span class="sr-only">Toggle Dropdown</span>

</button>

<div class="dropdown-menu" role="menu">

<a class="dropdown-item" href="#">Edit</a>

<a class="dropdown-item" onclick="">Hapus</a>

</div>
</div>

</td>
</tr>

</tbody>
</table>
</div>
</form>
 </section>

<!-- SECTION 3 -->

<h2>
<span class="step-icon"><i class="zmdi zmdi-
receipt"></i></span>
<span class="step-text">Manual IKU</span>
</h2>
<section>
<form name="formmanualiku">
<div class="row">
<div class="col-md-2">
<button id="btntambahmanual"
class="btn btn-primary btn-flat form-control" data-toggle="modal" data-
target="#tambahmanual">Tambah</button>
</div>
</div>

<br>

<div class="card-body">
<table class="table table-bordered table-
hover">
<thead>
<tr>
<th style="width: 10px">No</th>
<th>Rencana Hasil Kerja</th>
<th>Ukuran Keberhasilan</th>
<th>Tujuan</th>
<th>Satuan</th>
<th>Periode</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Terwujudnya xxxxx</td>
<td>Indeks Kepuasan xxxx</td>

<td>Mencapai xxx</td>
<td>Indeks</td>
<td>Tahunan</td>
<td>
<div class="btn-group">
<button type="button"
class="btn btn-warning">Action</button>
<button type="button"
class="btn btn-warning dropdown-toggle dropdown-hover dropdown-icon" data-
toggle="dropdown">
<span class="sr-only">Toggle
Dropdown</span>
</button>
</div>
<div class="dropdown-menu"
role="menu">
<a class="dropdown-item"
href="#">Edit</a>
<a class="dropdown-item"
onclick="">Hapus</a>
</div>
</div>

</td>
</tr>

</tbody>
</table>
</form>
</section>
<!-- SECTION 4 -->
<h2>
<span class="step-icon"><i class="zmdi zmdi-
receipt"></i></span>
<span class="step-text">Workblock</span>
</h2>
<section>
<form name="formworkblock">

<br>

<div class="card-body">
<table class="table table-bordered table-
hover">
<thead>
<tr>
<th style="width:
10px">No</th>
<th>Rencana Hasil Kerja</th>
<th>Ukuran Keberhasilan</th>
<th>Tujuan</th>
<th>Satuan</th>
<th>Periode</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Terwujudnya
xxxxx</td>
<td>Indeks Kepuasan
xxxx</td>

<td>Mencapai xxx</td>
<td>Indeks</td>
<td>Tahunan</td>
<td>
<div class="btn-group">
<button
type="button" class="btn btn-warning">Action</button>
<button
type="button" class="btn btn-warning dropdown-toggle dropdown-hover dropdown-icon"
data-toggle="dropdown">
<span class="sr-
only">Toggle Dropdown</span></button>
<div class="dropdown-
menu" role="menu">
<a
class="dropdown-item" href="#">Edit</a>
<a
class="dropdown-item" onclick="">Hapus</a>
</div>
</div>
</td>
</tr>

</tbody>
</table>
</div>
</form>
</section>

</div>
</div>