@php
	use App\Models\User\UserAuth;
	use App\Libraries\General;
	use App\Libraries\FileSystem;

	$user = UserAuth::getLoginUser();
@endphp
<section class="header-main-section ">
	<div class="header_menu_wraper">
		<div class="container-fluid">
			<div class="row">
				<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
					<div class="head_navigation d-lg-block d-none">
						<div class="left_area ">
							<div class="logo">
								<a href="{{ route('homepage.index') }}">
									<img src="{{ url('frontend/images/headlogo.png') }}" alt="..." />
								</a>
							</div>
							<div class="menus">
								<ul>
									<li>
										<a href="{{ route('products.listing',['type'=>'all']) }}">Find a dog</a>
									</li>
									<li>
										<a href="{{ route('placeAdd') }}">Place ad</a>
									</li>
									<li>
										<a href="{{ route('products.listing',['type'=>'breeders']) }}">Breeders</a>
									</li>
									<li>
										<a href="{{ route('contactus.index') }}">Contact us </a>
									</li>
								</ul>
							</div>
						</div>
						<div class="right_area">
							<div class="login_side">
								<ul class="home-side">
									<li class="chat-menu">
										@if(UserAuth::isLogin())
										<a href="{{ route('user.message') }}">
											<i class="far fa-comment"></i>
										</a>
										@else
										<a href="{{ route('user.login') }}">
											<i class="far fa-comment"></i>
										</a>
										@endif
										<div class="dot d-none">5</div>
									</li>
									<li>
										<a href="javascript:;">
											<img src="{{ url('frontend/images/notifications.png') }}" alt="..." />
										</a>
										<div class="dot"></div>
									</li>
									@if(UserAuth::isLogin())
									<li class="user">
										<div class="dropdown user">
											<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
											<div class="user-img">
												<img class="profile-user-img" src="{{ General::renderProfileImage(FileSystem::getAllSizeImages($user->image), 'large') }}" alt="..." />
											</div>
											</button>
											<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
												<li>
													<a class="dropdown-item" href="{{ route('user.profile') }}">
														<i class="fal fa-home-alt"></i>My Account
													</a>
												</li>
												{{-- <li>
													<a class="dropdown-item" href="javascript:;">
														<i class="fal fa-cog"></i>Settings
													</a>
												</li> --}}
												<li>
													<a class="dropdown-item" href="{{ route('user.logout') }}">
														<i class="fal fa-sign-out"></i>Logout
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li class="search_li">
										<a href="{{ route('placeAdd') }}" class="btn btn-primary">Place Ad</a>
									</li>
									@else
									<li class="search_li">
										<a href="{{ route('user.login') }}" class="btn btn-primary-2">Login</a>
									</li>
									<li class="search_li">
										<a href="{{ route('user.signup') }}" class="btn btn-primary">Register</a>
									</li>
									@endif
								</ul>
							</div>
						</div>
					</div>
					<div class="responsive_menu  d-lg-none d-block">
						<div class="menu_boxes">
							<div class="logo">
								<div class="img_logo">
									<a href="{{ route('homepage.index') }}">
										<img src="{{ url('frontend/images/headlogo.png') }}" alt="..." />
									</a>
								</div>
							</div>
							<div class="right">
								<div class="chat_icon">
									<a href="{{ route('user.message') }}">
										<i class="far fa-comment"></i>
									</a>
								</div>
								<div class="notification">
									<a href="javascript:;"><img src="{{ url('frontend/images/notifications.png') }}" alt="..." /></a>
								</div>
								<div class="open_close">
									<a href="javascript:;" class="res_menubar">
										<i class="fas fa-bars"></i>
									</a>
								</div>
							</div>
						</div>
						<div class="open_menu">
							<div class="top_area">
								<div class="logo_box">
									<a href="{{ route('homepage.index') }}">
										<img src="{{ url('frontend/images/headlogo.png') }}" alt="..." />
									</a>
								</div>
								<div class="cross_menu">
									<a href="javascript:;">
										<i class="far fa-times"></i>
									</a>
								</div>
							</div>
							<div class="inner_res_menu inner_sidebar">
								<ul class="ul_first">
									<li>
										<a href="{{ route('products.listing',['type'=>'all']) }}">Find a dog</a>
									</li>
									<li>
										<a href="{{ route('placeAdd') }}">Place Ad</a>
									</li>
									<li>
										<a href="{{ route('products.listing',['type'=>'breeders']) }}">Breeders</a>
									</li>
									<li>
										<a href="{{ route('contactus.index') }}">Contact us </a>
									</li>
									@if(!UserAuth::isLogin())
									<li class="search_li">
										<a href="{{ route('user.login') }}">Login</a>
									</li>
									<li class="search_li">
										<a href="{{ route('user.signup') }}">Register</a>
									</li>
									@else
									<!-- ==== Customers ==== -->
									<li>
									    <a href="{{ route('user.profile') }}">
									        My Profile
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.favourites') }}">
									        My Favourites
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.message') }}">
									        Messages
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.changePassword') }}">
									        Change Password
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.logout') }}">
									        Logout
									    </a>
									</li>
									<!-- ==== Breeder ==== -->
									<li>
									    <a href="javascript:;">
									        My Purchased Plan
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.ads', ['slug' => 'all']) }}">
									        My Ads
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.transaction') }}">
									        My Transactions
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.dogHealth') }}">
									        Dogs Health
									    </a>
									</li>
									<li>
									    <a href="{{ route('user.pedigrees') }}">
									        Dogs Pedigrees
									    </a>
									</li>
									@endif
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>