@php
    $logo = $dataConfigs['logo'];
    $favicon = $dataConfigs['favicon'] ?? is_default()['default_dark_logo'];

	if($dataConfigs['brand'] == 'light' || $dataConfigs['brand'] == 'glassy') {
		$avatar = user()->client_org_logo ?? env('S3_PATH') ."/default/avtar_male_green.png";
	} else {
			
	   $avatar = user()->client_org_logo_dark ?? env('S3_PATH') ."/default/avatar_male_blue.png";
	}

	$brand_colors = App\Helpers\CommonHelper::masterBrandColor();
@endphp


<div class="main-header side-header sticky nav nav-item" style="position: relative;top:0;height:95px;">
				<div class=" main-container container-fluid">
					<div class="main-header-left">
						<div class="responsive-logo">
							<a href="" class="header-logo">
								<!-- <img src="{{$logo}}" class="mobile-logo dark-logo-1" alt="logo">
								<img src="{{$logo}}" class="mobile-logo-1 dark-logo-1" alt="logo"> -->
								<img src="{{$dataConfigs['logo']}}" width="100" class="mobile-logo-1 dark-logo-1" alt="logo">
							</a>
						</div>
						<div class="app-sidebar__toggle" data-bs-toggle="sidebar">
							<!-- <div class="icon"></div> -->
							<a class="open-toggle" href="javascript:void(0)"><i
									class="header-icon fe fe-align-left"></i></a>
							<a class="close-toggle" href="javascript:void(0)"><i class="header-icon fe fe-x"></i></a>
						</div>
						<div class="logo-horizontal">
							<a href="" class="header-logo">
							<img src="{{$logo}}" class="mobile-logo dark-logo-1" alt="logo">
								<img src="{{$logo}}" class="mobile-logo-1 dark-logo-1" alt="logo">
							</a>
						</div>
						<!-- <div class="main-header-center ms-4 d-sm-none d-md-none d-lg-block form-group">
							<input class="form-control" placeholder="Search..." type="search">
							<button class="btn br-te-4 br-be-4"><i class="fas fa-search"></i></button>
						</div> -->
					</div>
					<div class="main-header-right">
						<button class="navbar-toggler navresponsive-toggler d-lg-none ms-auto" type="button"
							data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent-4"
							aria-controls="navbarSupportedContent-4" aria-expanded="false"
							aria-label="Toggle navigation">
							<span class="navbar-toggler-icon fe fe-more-vertical"></span>
						</button>
                        @if (auth()->guard('master')->check())
							
						       
						<form action="{{route('master.theme')}}" method="POST">
							@csrf
							@method('PUT')
							@if ($brand_colors == "default")
							<button type="submit" class="btn" style="font-size:24px">
								<i class='bx bx-sun sun light_sun' title="light theme"></i>
							</button>
							@else
							<button type="submit" class="btn" style="font-size:24px">
								<i class='bx bx-moon moon' title="dark theme"></i>
							</button>
							@endif
						</form>
						@endif  


						<div class="mb-0 navbar navbar-expand-lg navbar-nav-right responsive-navbar navbar-dark p-0">
							<div class="collapse navbar-collapse" id="navbarSupportedContent-4">
								<ul class="nav nav-item header-icons navbar-nav-right ms-auto">
									
									
									<li class="nav-item full-screen fullscreen-button">
										<a class="new nav-link full-screen-link" href="javascript:void(0)"><svg class="ionicon header-icon-svgs"
												viewBox="0 0 512 512">
												<title>Full Width</title>
												<path fill="none" stroke="currentColor" stroke-linecap="round"
													stroke-linejoin="round" stroke-width="32"
													d="M432 320v112H320M421.8 421.77L304 304M80 192V80h112M90.2 90.23L208 208M320 80h112v112M421.77 90.2L304 208M192 432H80V320M90.23 421.8L208 304" />
											</svg></a>
									</li>
									
									<li class="search-icon d-lg-none d-block">
										<form class="navbar-form" role="search">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="Search">
												<span class="input-group-btn">
													<button type="reset" class="btn btn-default">
														<i class="fas fa-times"></i>
													</button>
													<button type="submit" class="btn btn-default nav-link resp-btn">
														<svg
															class="ionicon header-icon-svgs" viewBox="0 0 512 512">
															<title>Search</title>
															<path
																d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z"
																fill="none" stroke="currentColor" stroke-miterlimit="10"
																stroke-width="32" />
															<path fill="none" stroke="currentColor"
																stroke-linecap="round" stroke-miterlimit="10"
																stroke-width="32" d="M338.29 338.29L448 448" />
														</svg>
													</button>
												</span>
											</div>
										</form>
									</li>
									<li class="dropdown main-profile-menu nav-item">
										<a class="new nav-link profile-user rounded-circle shadow d-flex"
											href="javascript:void(0)" data-bs-toggle="dropdown"><img alt=""
												src="{{$avatar}}" onerror="this.src='{{ asset('assets/b2c_img/doctor_avatar.svg') }}'; this.alt='default Image';"></a>
										<ul class="dropdown-menu">
											<li class="bg-primary p-3 br-ts-5 br-te-5 ">
												<div class="d-flex wd-100p">
													<div class="avatar"><img alt="avatar" class="rounded-circle"
															src="{{$avatar}}" onerror="this.src='{{ asset('assets/b2c_img/doctor_avatar.svg') }}'; this.alt='default Image';"></div>
													<div class="ms-3 my-auto">
														<h6 class="tx-15 text-black font-weight-semibold mb-0">{{ get_user_name() }}</h6><span class="text-black op-8 tx-11"></span>
													</div>
												</div>
											</li>
											
											<!-- <li><a class="dropdown-item" href="mail-read.html"><i
														class="fe fe-mail"></i>Inbox</a></li>
											<li><a class="dropdown-item" href="settings.html"><i
														class="fe fe-settings"></i>Settings</a></li> -->
											@if(is_client())
											<li><a href="{{ _route('client.account.profile') }}" class="dropdown-item"><i class="fe fe-user"></i> Profile</a></li>
                                {{--<li><a href="{{ _route('client.account.layout') }}" class="dropdown-item"><i class="feather icon-layout"></i> Layout</a></li>--}}
                                <li><a href="{{ _route('client.account.resetPassword') }}" class="dropdown-item"><i class="feather icon-user"></i> Reset Password</a></li>
											<li><a class="dropdown-item" href="#" onclick="event.preventDefault();
													document.getElementById('logout-form-staff').submit();"><i
													class="fe fe-power"></i>Log Out</a>
													<form id="logout-form-staff" action="{{ _route('client.logout') }}" method="POST" style="display: none;">
														@csrf
													</form></li>
											@elseif(is_staff())
											<li><a class="dropdown-item" href="#" onclick="event.preventDefault();
													document.getElementById('logout-form-staff').submit();"><i
													class="fe fe-power"></i>Log Out</a></li>
													<form id="logout-form-staff" action="{{ _route('client.staff.logout') }}" method="POST" style="display: none;">
														@csrf
													</form>
											@else
												<li><a class="dropdown-item" href="#" onclick="event.preventDefault();
													document.getElementById('logout-form').submit();"><i
													class="fe fe-power"></i>Log Out</a></li>
													<form id="logout-form" action="{{ route('master.logout') }}" method="POST" style="display: none;">
														@csrf
													</form>
											@endif
										</ul>
									</li>
								</ul>

								<!-- <div class="">
									<input type="checkbox" class="checkboxs" id="theme-toggles">
									<label for="theme-toggles" class="dt-bg-w checkboxs-label">
									<svg xmlns="http://www.w3.org/2000/svg" class="dt-p-b" height="1em" fill="#fff" viewBox="0 0 512 512">
										<path d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>
									<svg xmlns="http://www.w3.org/2000/svg" class="dt-p-b" height="1em" fill="#fff" viewBox="0 0 384 512">
									<path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"/></svg>
									<span class="dt-bg ball"></span>
									</label>
								</div> -->

							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /main-header -->

			<!-- modal for media create  -->
			<div class="modal fade" id="modalMedia1" oncontextmenu="return false;" tabindex="-1" role="dialog" aria-labelledby="modalMediaLabel" aria-hidden="true">
				<div class="modal-dialog modal-xl" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="modalMediaLabel">Creating Manage Media</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
						<iframe src="https://azam-stage-assets.s3.ap-south-1.amazonaws.com/help_desk/manage_media.mp4" frameborder="0" width="100%" height="600px"></iframe>
						</div>
					</div>
				</div>
			</div>
			@push('script')
			
			
			 
			@endpush