{% load static %}

<nav class="navbar navbar-expand-lg justify-content-between shadow " id="navbar">
    <div class="left-side">
        <button class="btn btn-link text-dark" type="button" data-toggle="collapse" data-target=".nav-sidebar"><i class="burger-menu"></i></button>
        <a class="navbar-brand text-dark font-weight-bold" href="{% url 'dash' %}">
        	<!-- <img src="{% static 'upload/logo.png' %}" style="height: 2.33em; margin-top: -0.10em; margin-right: 0.50em;" class="mb-0" alt="logo"> -->
            {{ settings_default.APPNAME }}
        </a>
        
    </div>
    <div class="right-side d-flex">
        <div class="navbar-text d-none d-md-block">
            Anda Masuk sebagai, <strong>{{ session_current.usr }}</strong>
        </div>
		<button type="button" class="btn btn-danger px-4 ml-3" data-toggle="modal" data-target="#logoutConfirmModal">
			<i class="fas fa-sign-out-alt"></i> <span class="d-none d-md-inline-block">Keluar</span>
		</button>
        
    </div>
</nav>

<div class="modal fade" id="logoutConfirmModal" tabindex="-1" role="dialog" aria-labelledby="logoutConfirmLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content border-0 shadow">
      <div class="modal-header bg-danger text-white">
        <h5 class="modal-title" id="logoutConfirmLabel"><i class="fas fa-sign-out-alt"></i> Konfirmasi Logout</h5>
        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Tutup">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        Apakah Anda yakin ingin keluar dari sistem?
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Tidak</button>
        <a href="{% url 'logout' %}" class="btn btn-danger">Ya, Keluar</a>
      </div>
    </div>
  </div>
</div>


<!-- <nav id="layout_navbar" class="navbar navbar-expand-lg navbar-dark bg-webapp">
	<a class="navbar-brand" href="{% url 'dash' %}">
		<img src="{% static 'upload/logo.png' %}" style="height: 2.33em; margin-top: -0.10em; margin-right: 0.50em;" class="mb-0" alt="logo">
		<span>{{ settings_default.APPNAME }}</span>
	</a>

	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#layout_navbar_context">
		<span class="navbar-toggler-icon"></span>
	</button>

	<div class="collapse navbar-collapse" id="layout_navbar_context">
		<div class="navbar-nav">
			<a class="nav-item nav-link active" href="#">lorem</a>
			<a class="nav-item nav-link active" href="#">ipsum</a>
			<a class="nav-item nav-link active" href="#">dolor sit amet</a>
		</div>

		<form action="{% url 'content_list' %}" class="form-inline ml-auto" autocomplete="off">
			<input class="form-control form-control-sm mr-sm-2" type="search" name="term" placeholder="Pencarian ...">
		</form>

		<div class="dropdown ml-auto">
			<a class="nav-link dropdown-toggle text-white" href="#" role="button" data-toggle="dropdown">
				{{ session_current.usr }}
			</a>

			<div class="dropdown-menu dropdown-menu-md-right">
				<a class="dropdown-item" href="{% url 'logout' %}">LogOut</a>
			</div>
		</div>
	</div>
</nav> -->