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

{% block title %} Dashboard {% 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">Organisasi</h4>
			<ul class="breadcrumbs">
				<li class="nav-home">
					<a href="#">
						<i class="flaticon-home"></i>
					</a>
				</li>
				<li class="separator">
					<i class="flaticon-right-arrow"></i>
				</li>
				<li class="nav-item">
					<a href="/">Home</a>
				</li>
				<li class="separator">
					<i class="flaticon-right-arrow"></i>
				</li>
				<li class="nav-item">
					<a href="#">Stakeholder</a>
				</li>
			</ul>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<div class="card-body">
						<ul class="nav nav-pills nav-secondary  nav-pills-no-bd nav-pills-icons justify-content-center" id="pills-tab-with-icon" role="tablist">
							<li class="nav-item">
								<a class="nav-link active" id="pills-profile-tab-icon" data-toggle="pill" href="#pills-profile-icon" role="tab" aria-controls="pills-profile-icon" aria-selected="false">
									<i class="flaticon-user-4"></i>
									Dokumen Perjanjian
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" id="pills-contact-tab-icon" data-toggle="pill" href="#pills-contact-icon" role="tab" aria-controls="pills-contact-icon" aria-selected="false">
									<i class="flaticon-mailbox"></i>
									Stakeholder
								</a>
							</li>
						</ul>
						<div class="tab-content mt-2 mb-3" id="pills-with-icon-tabContent">
							<div class="tab-pane fade show active" id="pills-profile-icon" role="tabpanel" aria-labelledby="pills-profile-tab-icon">

								<br>

								<div class="card">
									<div class="card-header">
										<h4 class="card-title text-primary">Dokumen Perjanjian Subdirektorat Transformasi Sistem Informasi Keuangan Daerah</h4>
									</div>
									<div class="card-body">
										<div class="table-responsive">
											<div id="basic-datatables_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4"><div class="row"><div class="col-sm-12 col-md-6"><div class="dataTables_length" id="basic-datatables_length"><label>Show <select name="basic-datatables_length" aria-controls="basic-datatables" class="form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div><div class="col-sm-12 col-md-6"><div id="basic-datatables_filter" class="dataTables_filter"><label>Search:<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="basic-datatables"></label></div></div></div><div class="row"><div class="col-sm-12"><table id="basic-datatables" class="display table table-striped table-hover dataTable" role="grid" aria-describedby="basic-datatables_info">
												<thead>
													<tr>
														<th>No</th>
														<th>Stakeholders</th>
														<th>Jenis Perjanjian</th>
														<th>No Dokumen Perjanjian</th>
														<th>Tentang</th>
														<th>Output</th>
														<th>Tanggal Mulai</th>
														<th>Tanggal Selesai</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>1</td>
														<td>DJPb</td>
														<td>PKS</td>
														<td>PKS.01/2021</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														<td>21 September 2021</td>
														<td>21 September 2025</td>
													</tr>
													<tr>
														<td>2</td>
														<td>BPKP</td>
														<td>PKS</td>
														<td>PKS.01/2021</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														<td>21 September 2021</td>
														<td>21 September 2025</td>
													</tr>
													<tr>
														<td>3</td>
														<td>Kemendagri</td>
														<td>PKS</td>
														<td>PKS.01/2021</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														<td>21 September 2021</td>
														<td>21 September 2025</td>
													</tr>
													<tr>
														<td>4</td>
														<td>KPK</td>
														<td>PKS</td>
														<td>PKS.01/2021</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														<td>21 September 2021</td>
														<td>21 September 2025</td>
													</tr>
													<tr>
														<td>5</td>
														<td>World Bank</td>
														<td>PKS</td>
														<td>PKS.01/2021</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														<td>21 September 2021</td>
														<td>21 September 2025</td>
													</tr>
												</tbody>
											</table>
										</div></div><div class="row"><div class="col-sm-12 col-md-5"><div class="dataTables_info" id="basic-datatables_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div></div><div class="col-sm-12 col-md-7"><div class="dataTables_paginate paging_simple_numbers" id="basic-datatables_paginate"><ul class="pagination"><li class="paginate_button page-item previous disabled" id="basic-datatables_previous"><a href="#" aria-controls="basic-datatables" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li><li class="paginate_button page-item active"><a href="#" aria-controls="basic-datatables" data-dt-idx="1" tabindex="0" class="page-link">1</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="2" tabindex="0" class="page-link">2</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="3" tabindex="0" class="page-link">3</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="4" tabindex="0" class="page-link">4</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="5" tabindex="0" class="page-link">5</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="6" tabindex="0" class="page-link">6</a></li><li class="paginate_button page-item next" id="basic-datatables_next"><a href="#" aria-controls="basic-datatables" data-dt-idx="7" tabindex="0" class="page-link">Next</a></li></ul></div></div></div></div>
										</div>
									</div>
								</div>
							</div>
							<div class="tab-pane fade" id="pills-contact-icon" role="tabpanel" aria-labelledby="pills-contact-tab-icon">

								<br>

								<div class="card">
									<div class="card-header">
										<h4 class="card-title text-warning">Stakeholder Subdirektorat Transformasi Sistem Informasi Keuangan Daerah</h4>
									</div>
									<div class="card-body">
										<div class="table-responsive">
											<div id="basic-datatables_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4"><div class="row"><div class="col-sm-12 col-md-6"><div class="dataTables_length" id="basic-datatables_length"><label>Show <select name="basic-datatables_length" aria-controls="basic-datatables" class="form-control form-control-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> entries</label></div></div><div class="col-sm-12 col-md-6"><div id="basic-datatables_filter" class="dataTables_filter"><label>Search:<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="basic-datatables"></label></div></div></div><div class="row"><div class="col-sm-12"><table id="basic-datatables" class="display table table-striped table-hover dataTable" role="grid" aria-describedby="basic-datatables_info">
												<thead>
													<tr>
														<th>No</th>
														<th>Stakeholders</th>
														<th>Topik</th>
														<th>Output</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>1</td>
														<td>Pemda</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														</tr>
													<tr>
														<td>2</td>
														<td>Unit Pemilik Proses Bisnis(internal DJPK)</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
													</tr>
													<tr>
														<td>3</td>
														<td>Konsultan Pengembang</td>
														<td>A button variant will give you a complete idea about creating your button and how many properties you can add to them</td>
														<td>Aplikasi ABC</td>
														</tr>
												</tbody>
													</table></div></div><div class="row"><div class="col-sm-12 col-md-5"><div class="dataTables_info" id="basic-datatables_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div></div><div class="col-sm-12 col-md-7"><div class="dataTables_paginate paging_simple_numbers" id="basic-datatables_paginate"><ul class="pagination"><li class="paginate_button page-item previous disabled" id="basic-datatables_previous"><a href="#" aria-controls="basic-datatables" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li><li class="paginate_button page-item active"><a href="#" aria-controls="basic-datatables" data-dt-idx="1" tabindex="0" class="page-link">1</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="2" tabindex="0" class="page-link">2</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="3" tabindex="0" class="page-link">3</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="4" tabindex="0" class="page-link">4</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="5" tabindex="0" class="page-link">5</a></li><li class="paginate_button page-item "><a href="#" aria-controls="basic-datatables" data-dt-idx="6" tabindex="0" class="page-link">6</a></li><li class="paginate_button page-item next" id="basic-datatables_next"><a href="#" aria-controls="basic-datatables" data-dt-idx="7" tabindex="0" class="page-link">Next</a></li></ul></div></div></div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


{% endblock content %}

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

	<!-- Atlantis DEMO methods, don't include it in your project! -->
	<script src="/static/assets/js/setting-demo.js"></script>
	<!-- <script src="/static/assets/js/demo.js"></script> -->

{% endblock javascripts %}
