communityhallv22/target/classes/templates/fragments/header-officer.html

<header id="page-header" xmlns:th="http://www.w3.org/1999/xhtml">
	<!-- Header Content -->
	<div class="content-header">
		<!-- Left Section -->
		<div class="space-x-1">
			<!-- Toggle Sidebar -->
			<!-- Layout API, functionality initialized in Template._uiApiLayout()-->
			<button type="button" class="btn btn-alt-secondary" data-toggle="layout" data-action="sidebar_toggle">
				<i class="fa fa-fw fa-bars"></i>
			</button>
			<!-- END Toggle Sidebar -->
		</div>
		<!-- END Left Section -->
		<div class="row pt-1" style="margin:0px;">
			<!--<div class="col-2 text-center p-1">
        <img src="assets/media/images/tamilnadu-logo.png" style="padding-top:2px;" width="30px" alt="Tamilnadu Logo">
        </div>-->
			<div class="col-2 text-center p-1">
				<img src='media/images/logo-sm.png' width="37" alt="Logo Sm">
			</div>
			<div class="col-8 text-center p-0" style="font-size:15px;">
				பெருநகர சென்னை மாநகராட்சி
			</div>
			<!--<div class="col-2 text-center p-1">
            <img src='assets/media/images/logo-sm.png' width="32" alt="Logo Sm">
        </div>-->
		</div>
		<!-- Right Section -->
		<div class="space-x-1">
			<!-- User Dropdown 
			<div class="d-inline-block">
				<button type="button" class="btn btn-alt-secondary" id="page-header-user-btn">
					<i class="far fa-fw fa-user me-1"></i>
					<span class="d-none d-sm-inline ms-1" th:text="${officername}"></span>
				</button>
			</div>-->
			
			<div class="dropdown d-inline-block">
          <button type="button" class="btn btn-alt-secondary dropdown-toggle" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="far fa-fw fa-user me-1"></i>
            <span class="d-none d-sm-inline ms-1" th:text="${officername}"></span>
          </button>
          <div class="dropdown-menu dropdown-menu-end p-0" aria-labelledby="page-header-user-dropdown">
            <div class="bg-primary-dark rounded-top fw-semibold text-white text-center p-3">
              User Options
            </div>
            <div class="p-2">
              <a class="dropdown-item" href="javascript:resetPassword();">
                <i class="far fa-fw fa-user me-1"></i> Reset Password
              </a>

              <div role="separator" class="dropdown-divider"></div>
              <a class="dropdown-item" href="/communityhall/officer/logout">
                <i class="far fa-fw fa-arrow-alt-circle-left me-1"></i> Sign Out
              </a>
            </div>
          </div>
        </div>
		</div>
		<!-- END User Dropdown -->
		


		<!-- Header Search -->
		<div id="page-header-search" class="overlay-header bg-header-dark">
			<div class="bg-white-10">
				<div class="content-header">
					<form class="w-100" action="be_pages_generic_search.html" method="POST">
						<div class="input-group">
							<!-- Layout API, functionality initialized in Template._uiApiLayout() -->
							<button type="button" class="btn btn-alt-primary" data-toggle="layout"
								data-action="header_search_off">
								<i class="fa fa-fw fa-times-circle"></i>
							</button>
							<input type="text" class="form-control border-0" placeholder="Search or hit ESC.."
								id="page-header-search-input" name="page-header-search-input">
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- END Header Search -->

		<!-- Header Loader -->
		<!-- Please check out the Loaders page under Components category to see examples of showing/hiding it -->
		<div id="page-header-loader" class="overlay-header bg-header-dark">
			<div class="bg-white-10">
				<div class="content-header">
					<div class="w-100 text-center">
						<i class="fa fa-fw fa-sun fa-spin text-white"></i>
					</div>
				</div>
			</div>
		</div>
		<!-- END Header Loader -->
</header>