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


<!-- 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">SIKD Kita</h4>
			<ul class="breadcrumbs">
				<li class="nav-home">
					<a href="/home">
						<i class="flaticon-home"></i>
					</a>
				</li>
				<li class="separator">
					<i class="flaticon-right-arrow"></i>
				</li>
				<li class="nav-item">
					<a href="/sikdkita">SIKD Kita</a>
				</li>
			</ul>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<div class="card-header">
						<div class="card-head-row">
							<div class="card-title text-primary"><span class="h2">OVERVIEW SIKD</span></div>
							<div class="card-tools">
								<ul class="nav nav-pills nav-secondary nav-pills-no-bd" id="pills-tab-without-border"
									role="tablist">
									<li class="nav-item">
										<a class="nav-link active" id="pills-home-tab-nobd" data-toggle="pill"
											href="#pills-home-nobd" role="tab" aria-controls="pills-home-nobd"
											aria-selected="true">Sekilas</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" id="pills-profile-tab-nobd" data-toggle="pill"
											href="#pills-profile-nobd" role="tab" aria-controls="pills-profile-nobd"
											aria-selected="false">Regulasi</a>
									</li>
									<li class="nav-item">
										<a class="nav-link" id="pills-contact-tab-nobd" data-toggle="pill"
											href="#pills-contact-nobd" role="tab" aria-controls="pills-contact-nobd"
											aria-selected="false">Pembakuan</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="card-body">
						<div class="tab-content" id="pills-without-border-tabContent">
							<div class="tab-pane fade show active" id="pills-home-nobd" role="tabpanel"
								aria-labelledby="pills-home-tab-nobd">
								<div style="text-align:justify">
									{% for konten in Konten_Sekilas %}
									{% autoescape off %}
									{{ konten.isi }}
									{% endautoescape %}
									{% endfor %}
								</div>
									<h3 style="color:blue;">Perkembangan SIKD Nasional <h3>
									<div class="table table-sm">
										<table class="tablePeg table">
											<thead>
												<tr>
													<th scope="col">Tahun</th>
													<th scope="col">Nama Aplikasi</th>
													<th scope="col">Version</th>
													<th scope="col">Keterangan</th>
												</tr>
											</thead>
											<tbody id="myTable">
												<tr>
													<td>2010-2013</td>
													<td>KOMANDAN</td>
													<td>2.0</td>
													<td align="justify">Sistem Informasi Keuangan Daerah yang
														selanjutnya disingkat SIKD
														adalah suatu sistem yang mendokumentasikan,
														mengadministrasikan, serta mengolah data
														pengelolaan keuangan daerah dan data terkait lainnya
														menjadi informasi yang
														disajikan kepada masyarakat dan sebagai bahan
														pengambilan keputusan dalam rangka
														perencanaan, pelaksanaan, dan pelaporan
														pertanggungjawaban pemerintah daerah</td>
												</tr>
												<tr>
													<td>2013-2021</td>
													<td>SIKD Nasional</td>
													<td>3.0</td>
													<td align="justify">Sistem Informasi Keuangan Daerah yang
														selanjutnya disingkat SIKD
														adalah suatu sistem yang mendokumentasikan,
														mengadministrasikan, serta mengolah data
														pengelolaan keuangan daerah dan data terkait lainnya
														menjadi informasi yang
														disajikan kepada masyarakat dan sebagai bahan
														pengambilan keputusan dalam rangka
														perencanaan, pelaksanaan, dan pelaporan
														pertanggungjawaban pemerintah daerah</td>
												</tr>
											</tbody>
										</table>
									</div>
							</div>
							<div class="tab-pane fade" id="pills-profile-nobd" role="tabpanel"
								aria-labelledby="pills-profile-tab-nobd">
								<div class="card-body" style="text-align:justify">
									{% for konten in Konten_Regulasi %}
									{% autoescape off %}
									{{ konten.isi }}
									{% endautoescape %}
									{% endfor %}
								</div>
							</div>
							<div class="tab-pane fade" id="pills-contact-nobd" role="tabpanel"
								aria-labelledby="pills-contact-tab-nobd">
								<div class="card-body">
									{% for konten in Konten_Pembakuan %}
									{% autoescape off %}
									{{ konten.isi }}
									{% endautoescape %}
									{% endfor %}
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock content %}

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

{% endblock javascripts %}