{% extends "layouts/base.html" %}

{% block title %} SDM {% endblock %} 

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}


{% block content %}
    <div class="content">
        <div class="page-inner">
                <div class="page-header">
                    <h4 class="page-title">SDM</h4>
                    <ul class="breadcrumbs">
                        <li class="nav-home">
                            <a href="{% url 'home' %}">
                                <i class="flaticon-home"></i>
                            </a>
                        </li>
                        <li class="separator">
                            <i class="flaticon-right-arrow"></i>
                        </li>
                        <li class="nav-item">
                            <a href="#">Ekosistem Digital</a>
                        </li>
                        <li class="separator">
                            <i class="flaticon-right-arrow"></i>
                        </li>
                        <li class="nav-item">
                            <a href="#">SDM</a>
                        </li>
                        <!-- <li class="separator">
                            <i class="flaticon-right-arrow"></i>
                        </li>
                        <li class="nav-item">
                            <a href="#">{{ object.title }}</a>
                        </li> -->
                    </ul>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            
                            <div class="card-body">        
                            <!---Content-->

                              <div class="container-fluid">
                                        
                                        <div class="tab-content" id="nav-tabContent">
                                            <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"><br>
                                                <h4 class="page-title">Sumber Daya Manusia</h4>                                            
                                            </div>
                                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                                                <li class="nav-item">
                                                  <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Beasiswa</a>
                                                </li>
                                                <li class="nav-item">
                                                  <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Diklat</a>
                                                </li>
                                                <li class="nav-item">
                                                  <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Cuti</a>
                                                </li>
                                              </ul>
                                              <br>
                                              <div class="tab-content" id="myTabContent">
                                                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                                    <div id="accordion">
                                                        <div class="card" class="btn btn-primary">
                                                          <div class="card-header" id="headingOne">
                                                            <h5 class="mb-0">
                                                              <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                                Magister Dalam Negeri Kemenkominfo 2019
                                                              </button>
                                                            </h5>
                                                          </div>                                                      
                                                          <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                                            <div class="card-body">
                                                             Informasi detail <a href="http://intranet.djpk.kemenkeu.go.id/2019/04/10/penawaran-beasiswa-magister-dalam-negeri-dari-kemkominfo-tahun-2019/">disini</a>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="card">
                                                          <div class="card-header" id="headingTwo">
                                                            <h5 class="mb-0">
                                                              <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                                New Zealand Scholarship 2019
                                                              </button>
                                                            </h5>
                                                          </div>
                                                          <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                                            <div class="card-body">
                                                              Informasi detail <a href="http://intranet.djpk.kemenkeu.go.id/2019/03/06/penawaran-new-zealand-scholarship/">disini</a>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="card">
                                                          <div class="card-header" id="headingThree">
                                                            <h5 class="mb-0">
                                                              <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                                Australia Awards Scholarship 2019
                                                              </button>
                                                            </h5>
                                                          </div>
                                                          <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                                                            <div class="card-body">
                                                              Informasi detail <a href="http://intranet.djpk.kemenkeu.go.id/2019/03/05/penawaran-beasiswa-aas-2019/">disini</a>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                </div>
                                                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                                    
                                                  <table class="table table-hover table-sm">
                                                    <thead>
                                                      <tr class="table-success">
                                                        <th scope="col">No.</th>
                                                        <th scope="col">Nama Pembelajaran</th>
                                                        <th scope="col">Penyelenggara</th>
                                                        <th scope="col">Status</th>
                                                        <th scope="col">Tgl Mulai</th>
                                                        <th scope="col">Tgl Selesai</th>
                                                      </tr>
                                                    </thead>
                                                    <tbody>
                                                      <tr>
                                                        <th scope="row">1</th>
                                                        <td>Diklat Proses Bisnis Keuangan Negara</td>
                                                        <td>KPK</td>
                                                        <td>Selesai</td>
                                                        <td>8/8/2021</td>
                                                        <td>10/8/2021</td>
                                                      </tr>
                                                      <tr>
                                                        <th scope="row">2</th>
                                                        <td>E-learning Cross Function Competencies</td>
                                                        <td>PSDM</td>
                                                        <td>Selesai</td>
                                                        <td>8/8/2021</td>
                                                        <td>10/8/2021</td>
                                                      </tr>
                                                      <tr>
                                                        <th scope="row">3</th>
                                                        <td>E-learning Security Awareness</td>
                                                        <td>KNPK</td>
                                                        <td>Selesai</td>
                                                        <td>8/8/2021</td>
                                                        <td>10/8/2021</td>
                                                      </tr>
                                                    </tbody>
                                                  </table>

                                                </div>
                                                <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">                                                   
                                                    
                                                  <div class="alert alert-success" role="alert">
                                                    <h3>Penjelasan Tentang Cuti Pegawai</h3><br>
                                                    Cuti adalah keadaan tidak masuk kerja yang diizinkan dalam waktu tertentu. <br>
                                                    Jenis cuti yaitu cuti tahunan, cuti sakit, cuti alasan penting, cuti melahirkan, cuti bersama, dan cuti diluar tanggungan negaara.  
                                                  </div>
                                                  <div class="alert alert-success" role="alert">
                                                    <h3>Permintaan dan Pemberian Cuti</h3><br>
                                                    Pengajuan cuti dan persetujuan cuti pegawai dapat dilakukan melalui aplikasi Nadine Kementerian Keuangan
                                                  </div>
                                                  <div class="alert alert-success" role="alert">
                                                    <h3>Ketentuan Lainnya</h3><br>
                                                    Ketentuan lebih lanjut mengenai cuti pegawai diatur oleh Surat Edaran Menteri Keuangan.
                                                  </div>

                                                </div>
                                              </div>                                          
                                        </div>
                              </div>
                                
                                <!-- <p>{{ object.isi | safe }}</p>
                                <hr/>
                                <p>Author: admin</p>
                                <p>Publikasi: 31 Desember 2021</p> -->
                            <!---End Content-->
                            </div>
                        </div>
                    </div>
                </div>            
        </div>
    </div>
{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}

{% endblock javascripts %}
