{#<nav class="navbar navbar-expand-lg navbar-light bg-light">#}
{#    <a class="navbar-brand" href={{ path('homepage') }} > Omra Solo </a>#}
{#    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">#}
{#        <span class="navbar-toggler-icon"></span>#}
{#    </button>#}

{#    <div class="collapse navbar-collapse" id="navbarColor03">#}
{#        <ul class="navbar-nav mr-auto">#}
{#            <li class="nav-item active">#}
{#                <a class="nav-link" href="{{ path('homepage') }}">Home </a>#}
{#            </li>#}
{#            <li class="nav-item">#}
{#                <a class="nav-link" href="#">Features</a>#}
{#            </li>#}
{#            <li class="nav-item">#}
{#                <a class="nav-link" href="#">Pricing</a>#}
{#            </li>#}
{#            <li class="nav-item">#}
{#                <a class="nav-link" href="#">About</a>#}
{#            </li>#}
{#        </ul>#}
{#            <ul class="navbar-nav ml-auto">#}
{#                {% if app.user %}#}
{#                    <li class="nav-item">#}
{#                        <a href="{{ path('security_logout') }}" class="nav-link">Disconnect</a>#}
{#                    </li>#}
{#                {% endif %}#}
{#            </ul>#}


{#    </div>#}
{#</nav>#}

{#{% for label, messages in app.flashes %}#}
{#    <div class="container">#}
{#        <div class="alert alert-{{ label }} ">#}
{#            {% for message in messages %}#}
{#                <p>{{ message | raw}}</p>#}
{#            {% endfor %}#}
{#        </div>#}
{#    </div>#}
{#{% endfor %}#}
	<nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row" style="background-color: #FF6163;"> 
	<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center" style="background-color: #000000; position: relative;">
		<a class="navbar-brand brand-logo mr-5" href="{{path('admin_index')}}" style="display: flex; justify-content: center; width: 100%;">
			{# <img src="../../images/logo.svg" class="mr-2" alt="logo"/> #}
			<div style="position: relative; display: inline-block;">
				<h3 class="font-weight-bold mt-2 text-uppercase" style="color: #FFFFFF; margin-bottom: 0; text-align: center;">Janazapp</h3>
				<img src="{{ asset('styles/images/location-pin-solid.svg') }}" alt="Location Pin" style="width: 25px; height: 25px; position: absolute; right: -30px; top: 50%; transform: translateY(-50%);">
			</div>
		</a>
		{# <a class="navbar-brand brand-logo-mini" href="{{path('home_index')}}"><img class="rounded" style="border-radius:999px !important" src="../../images/icon.png" alt="logo"/></a> #}
	</div>
	<div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
		<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
			<i class="fa-solid fa-bars" style="color: #000000;"></i>
		</button>
		{# <ul class="navbar-nav mr-lg-2">
														<li class="nav-item nav-search d-none d-lg-block">
															<div class="input-group">
																<div class="input-group-prepend hover-cursor" id="navbar-search-icon">
																	<span class="input-group-text" id="search">
																		<i class="icon-search"></i>
																	</span>
																</div>
																<input type="text" class="form-control" id="navbar-search-input" placeholder="Search now" aria-label="search" aria-describedby="search">
															</div>
														</li>
													</ul> #}
		<ul
			class="navbar-nav navbar-nav-right">
			{# <li class="nav-item dropdown">
																			<a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
																				<i class="icon-bell mx-0"></i>
																				<span class="count"></span>
																			</a>
																			<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">
																				<p class="mb-0 font-weight-normal float-left dropdown-header">Notifications</p>
																				<a class="dropdown-item preview-item">
																					<div class="preview-thumbnail">
																						<div class="preview-icon bg-success">
																							<i class="ti-info-alt mx-0"></i>
																						</div>
																					</div>
																					<div class="preview-item-content">
																						<h6 class="preview-subject font-weight-normal">Application Error</h6>
																						<p class="font-weight-light small-text mb-0 text-muted">
																							Just now
																						</p>
																					</div>
																				</a>
																				<a class="dropdown-item preview-item">
																					<div class="preview-thumbnail">
																						<div class="preview-icon bg-warning">
																							<i class="ti-settings mx-0"></i>
																						</div>
																					</div>
																					<div class="preview-item-content">
																						<h6 class="preview-subject font-weight-normal">Settings</h6>
																						<p class="font-weight-light small-text mb-0 text-muted">
																							Private message
																						</p>
																					</div>
																				</a>
																				<a class="dropdown-item preview-item">
																					<div class="preview-thumbnail">
																						<div class="preview-icon bg-info">
																							<i class="ti-user mx-0"></i>
																						</div>
																					</div>
																					<div class="preview-item-content">
																						<h6 class="preview-subject font-weight-normal">New user registration</h6>
																						<p class="font-weight-light small-text mb-0 text-muted">
																							2 days ago
																						</p>
																					</div>
																				</a>
																			</div>
																		</li> #}
			<li class="nav-item nav-profile dropdown">
				<a class="nav-link dropdown-toggle" href='{{path('app_logout')}}'>
					<i class="fa-solid fa-right-from-bracket" style="color: #000000;"></i>
				</a>
				{# <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
																								<a class="dropdown-item">
																									<i class="ti-settings text-primary"></i>
																									Settings
																								</a>
																								<a class="dropdown-item">
																									<i class="ti-power-off text-primary"></i>
																									Logout
																								</a>
																							</div> #}
			</li>
			{# <li class="nav-item nav-settings d-none d-lg-flex">
																			<a class="nav-link" href="#">
																				<i class="icon-ellipsis"></i>
																			</a>
																		</li> #}
		</ul>
		<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
			<span class="icon-menu"></span>
		</button>
	</div>
</nav>