   @php

   $imgurl="https://bet.newgenguru.com/assets/templates/basic/betnew/images/"; 
      
   @endphp
   
    <header>
		<div class="header_wraper">
		    <div class="left_head_side">
			  <div class="logo">
				<a href="{{ route('home') }}">
					<img class="img-fluid" src="{{ siteLogo() }}" alt="@lang('logo')">
				</a>
			  </div>
			  <div class="nav">
				  <ul>
				  
				      @if (Route::is('home') || Route::is('game.markets') || Route::is('league.games') || Route::is('category.games'))
						<li>
							<a class="bet-type__live @if (session('game_type') != 'upcoming') active @endif"
							   href="/games"> @lang('GAMES')</a>
						</li>
						<li>
							<a class="bet-type__live @if (session('game_type') != 'upcoming') active @endif"
							   href="{{ route('switch.type', 'live') }}"> @lang('LIVE')</a>
						</li>
						<li>
							<a class="bet-type__upcoming @if (session('game_type') == 'upcoming') active @endif"
							   href="{{ route('switch.type', 'upcoming') }}"> @lang('Upcoming') </a>
						</li>
					 @endif
					  
					  
				  </ul>
			  </div>
		    </div>
		    <div class="right_head_side">
			
					<a href="#" id="connectBtn"  data-bs-toggle="modal" data-bs-target="#betLogin">Login</a>
					<a href="sign-up.html" id="SignUp_01">Sign Up</a>
					<a href="#" id="searchBtn" class="desktop_view"><i class="fa fa-search" aria-hidden="true"></i></a>
					<a href="index.html" id="searchBtn" class="mobile_view">Games</a>
					 
		    </div>
		    <div style="clear:both;"></div>

		  <!-- Login Modal -->
			<div class="modal fade" id="betLogin" tabindex="-1" aria-labelledby="betLoginLabel" aria-hidden="true">
			  <div class="modal-dialog">
				<div class="modal-content">      
				  <div class="modal-body p-3 p-sm-5">
					<span class="close" data-bs-dismiss="modal" type="button" aria-label="Close">
					  <i class="fa fa-times" aria-hidden="true"></i>
					</span>
					<div class="d-flex justify-content-between align-items-center mb-2">
					  <h4 class="mt-0">Login to your account</h4>
					</div>
					<form class="verify-gcaptcha" action="#" method="POST">
					  <input type="hidden" name="_token" value="oaU8UZLVRTVSLY3FcCdaiv9V251VqwHrZIyo1OIg" autocomplete="off">    
					  <div class="form-group">
						<label class="form-label required" for="username">Username or Email</label>
						<input class="form-control form--control" name="username" type="text" value="" required="" id="username">
					  </div>
					  <div class="form-group">
						<label class="form-label required">Password</label>
						<div class="input-group input--group">
						  <input class="form-control form--control" name="password" type="password" required="">
						  <span class="input-group-text pass-toggle">
						  <i class="fa fa-eye" aria-hidden="true"></i>
						  </span>
						</div>
					  </div>
					  <div class="form-group d-flex justify-content-between align-items-center">
						<div class="form-check">
						  <input class="form-check-input custom--check" id="remember" name="remember" type="checkbox">
						  <label class="form-check-label sm-text t-heading-font heading-clr fw-md" for="remember">
							Remember Me            
						  </label>
						</div>
						<a class="t-link--base sm-text forgot_password_white" href="#">Forgot Password?</a>
					  </div>
					  <button class="btn btn--xl btn--base w-100 loginFormSubmit" type="submit">Login</button>
					  <div class="d-flex justify-content-center align-items-center gap-2 mt-2">
						<span class="d-inline-block sm-text"> Don't have account? </span>
						<a class="t-link d-inline-block t-link--base base-clr sm-text lh-1 text-center text-end create_account_white" href="https://bet.newgenguru.com/user/register">Create account</a>
					  </div>
					</form>
				  </div>      
				</div>
			  </div>
			</div>
		  
		</div>

        <div class="header_second_row">
        <div class="header_second_row_wrap">
          <ul>
              <li class="sports_li"><i class="fa fa-th" aria-hidden="true"></i> <span>Sports</span></li>
              <li class="search_li"><i class="fa fa-search" aria-hidden="true"></i> <span>Search</span></li>
              <li class="myBets_li"><i class="fa fa-file-text" aria-hidden="true"></i> <span>My Bets</span></li>
              <li class="setting_li"><i class="fa fa-cog" aria-hidden="true"></i></li>
          </ul>
        </div>
        </div>
    </header>    
	
	
	
	
	
	
	
	
	
	
	
	<div class="header-fluid-custom-parent">

        <div class="logo">
            <a href="{{ route('home') }}">
                <img class="img-fluid" src="{{ siteLogo() }}" alt="@lang('logo')">
            </a>
        </div>

        <nav class="primary-menu-container">

            <ul class="list list--row primary-menu-lg justify-content-end justify-content-lg-start">
                @if (Route::is('home') || Route::is('game.markets') || Route::is('league.games') || Route::is('category.games'))
                    <li>
                        <a class="bet-type__live @if (session('game_type') != 'upcoming') active @endif"
                           href="/games"> @lang('GAMES')</a>
                    </li>
                    <li>
                        <a class="bet-type__live @if (session('game_type') != 'upcoming') active @endif"
                           href="{{ route('switch.type', 'live') }}"> @lang('LIVE')</a>
                    </li>
                    <li>
                        <a class="bet-type__upcoming @if (session('game_type') == 'upcoming') active @endif"
                           href="{{ route('switch.type', 'upcoming') }}"> @lang('Upcoming') </a>
                    </li>
                @endif
            </ul>

            <ul class="list list--row primary-menu justify-content-end align-items-center right-side-nav gap-4">

                @if (!Route::is('home'))
                    <li>
                        <a class="primary-menu-lg__link" href="{{ route('home') }}">
                            <span class="primary-menu-lg__link-text"> @lang('Home') </span>
                        </a>
                    </li>
                @endif

                <li class="d-none d-lg-block">
                    <div class="select-lang--container">
                        <div class="select-lang">
                            <select class="form-select oddsType">
                                <option value="" disabled>@lang('Odds Type')</option>
                                <option value="decimal" @selected(session('odds_type') == 'decimal')>@lang('Decimal Odds')</option>
                                <option value="fraction" @selected(session('odds_type') == 'fraction')>@lang('Fraction Odds')</option>
                                <option value="american" @selected(session('odds_type') == 'american')>@lang('American Odds')</option>
                            </select>
                        </div>
                    </div>
                </li>
                @if (gs('multi_language'))
                    @php
                        $languages = App\Models\Language::all();
                        $language = $languages->where('code', '!=', session('lang'));
                        $activeLanguage = $languages->where('code', session('lang'))->first();
                    @endphp
                    <li>
                        <div class="dropdown-lang dropdown mt-0">
                            <a href="#" class="language-btn dropdown-toggle" data-bs-toggle="dropdown"
                               aria-expanded="false">
                                <img class="flag" src="{{ getImage(getFilePath('language') . '/' . @$activeLanguage->image, getFileSize('language')) }}" alt="us">
                                <span class="language-text text-white">{{ __(@$activeLanguage->name) }}</span>
                            </a>
                            <ul class="dropdown-menu" style="">
                                @foreach ($language as $item)
                                    <li>
                                        <a href="javascript:void(0)" class="langSel" data-code="{{ $item->code }}">
                                            <img class="flag" src="{{ getImage(getFilePath('language') . '/' . @$item->image, getFileSize('language')) }}" alt="image">
                                            {{ __(@$item->name) }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </li>
                @endif

                @auth
                    @if (request()->routeIs('user.*'))
                        <li><a class="btn btn--signup" href="{{ route('home') }}"> @lang('Bet Now') </a></li>
                    @else
                        <li><a class="btn btn--signup" href="{{ route('user.home') }}"> @lang('Dashboard') </a></li>
                    @endif
                @else
                    @if (request()->routeIs('user.login'))
                        @if (gs('registration'))
                            <li><a class="btn btn--signup" href="{{ route('user.register') }}"> @lang('Sign up') </a></li>
                        @endif
                    @elseif(request()->routeIs('user.register'))
                        <li><button class="btn btn--signup" data-bs-toggle="modal" data-bs-target="#loginModal"
                                    type="button"> @lang('Login') </button></li>
                    @else
                        <li><button class="btn btn--login" data-bs-toggle="modal" data-bs-target="#loginModal"
                                    type="button"> @lang('Login') </button></li>
                        @if (gs('registration'))
                            <li><a class="btn btn--signup" href="{{ route('user.register') }}"> @lang('Sign up') </a></li>
                        @endif
                    @endif
                @endauth
            </ul>
        </nav>
    </div>

    @php
        $loginContent = getContent('login.content', true);
    @endphp

    <div class="modal fade login-modal" id="loginModal" data-bs-backdrop="static" data-bs-keyboard="false"
         role="dialog" aria-labelledby="modalTitleId" aria-hidden="true" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body p-3 p-sm-5">
                    <span class="close" data-bs-dismiss="modal" type="button" aria-label="Close">
                        <i class="las la-times"></i>
                    </span>
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <h4 class="mt-0">{{ __(@$loginContent->data_values->heading) }}</h4>
                    </div>
                    @include($activeTemplate . 'partials.login')
                </div>
            </div>
        </div>
    </div>
