		<!-- Sidebar -->
		<div class="sidebar sidebar-style-2">			
			<div class="sidebar-wrapper scrollbar scrollbar-inner">
				<div class="sidebar-content">

				{% if request.user.is_authenticated %}	
					<div class="user">
						<div class="avatar-sm float-left mr-2">
							<img src="https://account.kemenkeu.go.id/manage/Uploads/Thumbnails/199503182018012003.jpg" alt="..." class="avatar-img rounded-circle">
						</div>
						<div class="info">
							<a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
								<span>
									{{ request.user.username }}
									<span class="user-level">
										{{ request.user.email }}
									</span>
									<span class="caret"></span>
								</span>
							</a>
							<div class="clearfix"></div>

							<div class="collapse in" id="collapseExample">
								<ul class="nav">
									<li>
										<a href="#profile">
											<span class="link-collapse">My Profile2</span>
										</a>
									</li>
									<li>
										<a href="{% url 'logout' %}">
											<span class="link-collapse">Logout</span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<ul class="nav nav-primary">
						<li class="nav-item {% if 'index' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#dashboard" class="collapsed" aria-expanded="false">
								<i class="fas fa-home"></i>
								<p>Dashboard</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="dashboard">
								<ul class="nav nav-collapse">
									<li>
										<a href="{% if request.user.is_authenticated %}/sinergidjpk{% else %}/home{% endif%}">
											<span class="sub-item">Dashboard</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
							<h4 class="text-section">SINERGI DJPK</h4>
						</li>
						<li class="nav-item {% if 'ui-' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#base">
								<i class="fas fa-layer-group"></i>
								<p>Menuku</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="base">
								<ul class="nav nav-collapse">
									<li>
										<a href="/ui-avatars.html">
											<span class="sub-item">Profilku</span>
										</a>
									</li>
									<li>
										<a href="/ui-buttons.html">
											<span class="sub-item">Organisasiku</span>
										</a>
									</li>
									<li>
										<a href="/ui-gridsystem.html">
											<span class="sub-item">Produkku</span>
										</a>
									</li>
									<li>
										<a href="/ui-panels.html">
											<span class="sub-item">Stakeholderku</span>
										</a>
									</li>
									
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'layout' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#sidebarLayouts">
								<i class="fas fa-th-list"></i>
								<p>Ekosistem Digital</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="sidebarLayouts">
								<ul class="nav nav-collapse">
									<li>
										<a href="/layout-sidebar-style-1.html">
											<span class="sub-item">Enterprise Architecture</span>
										</a>
									</li>
									<li>
										<a href="/layout-overlay-sidebar.html">
											<span class="sub-item">SDM Digital</span>
										</a>
									</li>
									<li>
										<a href="/layout-compact-sidebar.html">
											<span class="sub-item">Stakholder dan Pengguna</span>
										</a>
									</li>
									<li>
										<a href="/layout-static-sidebar.html">
											<span class="sub-item">Layanan Digital</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'form' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#forms">
								<i class="fas fa-pen-square"></i>
								<p>Publikasi</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="forms">
								<ul class="nav nav-collapse">
									<li>
										<a href="/forms.html">
											<span class="sub-item">Multimedia</span>
										</a>
									</li>
									<li>
										<a href="/forms.html">
											<span class="sub-item">Kajian dan Jurnal</span>
										</a>
									</li>
									<li>
										<a href="/forms.html">
											<span class="sub-item">Knowledge Management</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'tables' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#tables">
								<i class="fas fa-table"></i>
								<p>Sistem Informasi</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="tables">
								<ul class="nav nav-collapse">
									<li>
										<a href="/tables-simple.html">
											<span class="sub-item">SIKD</span>
										</a>
									</li>
									<li>
										<a href="/tables-data.html">
											<span class="sub-item">HKPD</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'maps' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#maps">
								<i class="fas fa-map-marker-alt"></i>
								<p>Data dan Informasi</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="maps">
								<ul class="nav nav-collapse">
									<li>
										<a href="/maps-jqvmap.html">
											<span class="sub-item">JQVMap</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'charts' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#charts">
								<i class="far fa-chart-bar"></i>
								<p>Infrastruktur</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="charts">
								<ul class="nav nav-collapse">
									<li>
										<a href="/charts.html">
											<span class="sub-item">Chart Js</span>
										</a>
									</li>
									<li>
										<a href="/charts-sparkline.html">
											<span class="sub-item">Sparkline</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'widgets' in segment %} active {% endif %}">
							<a href="/widgets.html">
								<i class="fas fa-desktop"></i>
								<p>Layanan</p>
								<span class="badge badge-success">4</span>
							</a>
						</li>
						<li class="nav-item">
							<a data-toggle="collapse" href="#submenu">
								<i class="fas fa-bars"></i>
								<p>Kontak</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="submenu">
								<ul class="nav nav-collapse">
									<li>
										<a data-toggle="collapse" href="#subnav1">
											<span class="sub-item">Level 1</span>
											<span class="caret"></span>
										</a>
										<div class="collapse" id="subnav1">
											<ul class="nav nav-collapse subnav">
												<li>
													<a href="#">
														<span class="sub-item">Level 2</span>
													</a>
												</li>
												<li>
													<a href="#">
														<span class="sub-item">Level 2</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li>
										<a data-toggle="collapse" href="#subnav2">
											<span class="sub-item">Level 1</span>
											<span class="caret"></span>
										</a>
										<div class="collapse" id="subnav2">
											<ul class="nav nav-collapse subnav">
												<li>
													<a href="#">
														<span class="sub-item">Level 2</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li>
										<a href="#">
											<span class="sub-item">Level 1</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				{% else %}
					<ul class="nav nav-primary">
						<li class="nav-item {% if 'index' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#dashboard" class="collapsed" aria-expanded="false">
								<i class="fas fa-home"></i>
								<p>Home</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="dashboard">
								<ul class="nav nav-collapse">
									<li>
										<a href="/home">
											<span class="sub-item">Dashboard</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'ui-' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#base">
								<i class="fas fa-globe-asia"></i>
								<p>Ekosistem</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="base">
								<ul class="nav nav-collapse">
									<!---
									{% for link in List_Ekosistem %}
               							<li>
											<a href="artikel/{{ link.slug }}">
												{{ link.title }}
											</a>
										</li>
            						{% endfor %}
									-->
									<li>
										<a href="/ekosistem/sekilas">
											<span class="sub-item">Sekilas</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/aplikasi">
											<span class="sub-item">Aplikasi</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/data">
											<span class="sub-item">Data</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/pemda">
											<span class="sub-item">Pemda</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/developer">
											<span class="sub-item">Developer</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/publik">
											<span class="sub-item">Publik</span>
										</a>
									</li>
									<li>
										<a href="ekosistem/layanan">
											<span class="sub-item">Layanan</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'layout' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#sidebarLayouts">
								<i class="fas fa-bezier-curve"></i>
								<p>Interkoneksi</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="sidebarLayouts">
								<ul class="nav nav-collapse">
									<li>
										<a href="/layout-sidebar-style-1.html">
											<span class="sub-item">Overview</span>
										</a>
									</li>
									<li>
										<a href="/layout-overlay-sidebar.html">
											<span class="sub-item">Registrasi</span>
										</a>
									</li>
									<li>
										<a href="/layout-compact-sidebar.html">
											<span class="sub-item">Agen SIKD</span>
										</a>
									</li>
									<li>
										<a href="/layout-static-sidebar.html">
											<span class="sub-item">Data Transaksi</span>
										</a>
									</li>
									<li>
										<a href="/layout-icon-menu.html">
											<span class="sub-item">Sinergi Mobile</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'form' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#forms">
								<i class="fas fa-hands-helping"></i>
								<p>SIKD Kita</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="forms">
								<ul class="nav nav-collapse">
									<li>
										<a href="developer/sekilas.html">
											<span class="sub-item">Sekilas</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'faq' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#faq">
								<i class="fas fa-book-reader"></i>
								<p>FAQ</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="faq">
								<ul class="nav nav-collapse">
									<li>
										<a href="{% url 'faq' %}">
											<span class="sub-item">Topik</span>
										</a>
									</li>
									<li>
										<a href="faq/pertanyaan">
											<span class="sub-item">Daftar Pertanyaan</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'kontak' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#kontak">
								<i class="fas fa-paper-plane"></i>
								<p>Kontak</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="kontak">
								<ul class="nav nav-collapse">
									<li>
										<a href="{% url 'slide' %}">
											<span class="sub-item">Kontak SIKD</span>
										</a>
									</li>
									<li>
										<a href="/tables-data.html">
											<span class="sub-item">Tentang</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				{% endif %}	
				</div>
			</div>
		</div>
        <!-- End Sidebar -->
        