@php
$currsiteurl = $_SERVER['HTTP_HOST'];
$stylesite="height: 70px;";
if($currsiteurl=="legalbox.ai"){
    $sitename = "LegalBox AI";
    $logo_image = "legalboxlogo.png";
}  elseif($currsiteurl=="app.edubuddy.ai"){
    $sitename = "Edubuddy AI";
    $logo_image = "edubuddylogo.png";
    $stylesite="width:100%;";
}  elseif($currsiteurl=="qwikaide.com"){
    $sitename = "QwikAide";
    $logo_image = "qwikaide_logo.png";
    $stylesite="width:100%;";
} else {
    $sitename = "iLife Genie";
    $logo_image = "genie_logo.png";
}
@endphp
 

<div id="overlay"></div>
<div class="genie_whole_body"> <!-- whole div -->

@if(auth()->user())
    <style>
        @if($currsiteurl=="aapp.edubuddy.ai")
        .mob_navbar {
            display: none !important;
        }
        @endif
        .genie_whole_body {
            min-height: calc(100vh - 80px);
            width:100%;
            position: relative;
            float:left;
                background-position: right bottom;
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;
                
                background-image: url('{{ url("images/genie_bg_new.jpg") }}');
        }
        .genie_left_sidebar {
            float:left;
            background: transparent;
        }
        .genie_right_sidebar {
            float:right;
            background: transparent;
        }
        .sidebar-nav {
            
        }
        .container {
            padding: 10px;
        }
        .only_on_mobile_genie {
            display: none;
        }
        .along_genie_left_sidebar{
            display: none;
        }
        @media only screen and (max-width: 768px) {
          .genie_left_sidebar {
                display: none;
            
                top: 0;
                background: #000;
                width: 250px;
              position: fixed;
              height: 100%;
              z-index: 9999;
          }
          .genie_right_sidebar {
              width: 100%;
              display: inline-block;
                background: transparent;
          }
          
            .genie_whole_body {
                background-position: right bottom;
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;
                
                background-image: url('{{ url("images/genie_bg_new.jpg") }}');
            }
            .only_on_mobile_genie {
                display: block;
            }
            
            
            
            
            .genie_left_sidebar ul li{
                width: 100%;
            }
            .genie_left_sidebar ul li a {
                color: #fff;
                display: inline-block;
                width: 100%;
            }
            .genie_left_sidebar ul li a:hover {
                color: #111;
            }
            hr {
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .sidebar-nav {
                height: 100%;
                overflow-y: auto;
                position: fixed;
                width: 250px;
            }
            .logo_li {
                
            }
            .sidebar-nav::-webkit-scrollbar {
              width: 10px;
            }
            
            .sidebar-nav::-webkit-scrollbar-track {
              background: #f1f1f1; 
            }
            .sidebar-nav::-webkit-scrollbar-thumb {
              background: #888; 
            }
            .sidebar-nav::-webkit-scrollbar-thumb:hover {
              background: #555; 
            }
            .navbar {
              z-index: 9997 !important;  
            }
            #overlay {
             z-index: 9998 !important;   
            }
            .extramenus {
                color: #eee;
                padding-left: 5px;
            }
        }
        
        @media only screen and (min-width: 768px) {
           @if($currsiteurl=="app.edubuddy.ai")
            .along_genie_right_sidebar{
                background: transparent;
                color: #eee;
                border-top: 1px solid #eee;
            }
            .along_genie_right_sidebar a {
                background: transparent;
                color: #eee;
            }
           @endif
           @if($currsiteurl=="aapp.edubuddy.ai")
            .genie_left_sidebar {
                display: none;
            
                top: 0;
                background: #000;
                width: 250px;
              position: fixed;
              height: 100%;
              z-index: 9999;
          }
          .genie_right_sidebar {
              width: 100%;
              display: inline-block;
                background: transparent;
          } 
          
            .along_genie_right_sidebar{
                background: transparent;
                color: #eee;
                border-top: 1px solid #eee;
            }
            .along_genie_right_sidebar a {
                background: transparent;
                color: #eee;
            }
          @else
            .genie_left_sidebar {
              display: inline-block;
              width: 250px;
              position: fixed;
              height: 100vw;
              background: transparent;
              z-index: 9999;
            }
            .genie_right_sidebar {
              width: calc(100% - 250px);
              border-left: 1px solid;
            }
            
            .along_genie_left_sidebar{
                width: 250px;
                display: block;
                float: left;
                background: transparent;
            }
            .along_genie_right_sidebar{
                float: right;
                display: block;
                width: calc(100% - 250px);
                background: transparent;
                color: #eee;
            }
            @endif
            .genie_left_sidebar ul li{
                width: 100%;
            }
            .genie_left_sidebar ul li a {
                color: #fff;
                display: inline-block;
                width: 100%;
            }
            .genie_left_sidebar ul li a:hover {
                color: #111;
            }
            hr {
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .sidebar-nav {
                height: 100%;
                overflow-y: auto;
                position: fixed;
                width: 250px;
            }
            .sidebar-nav::-webkit-scrollbar {
              width: 10px;
            }
            
            .sidebar-nav::-webkit-scrollbar-track {
              background: #f1f1f1; 
            }
            .sidebar-nav::-webkit-scrollbar-thumb {
              background: #888; 
            }
            .sidebar-nav::-webkit-scrollbar-thumb:hover {
              background: #555; 
            }
            footer{
                width: 100%;
                position: relative;
                float: left;
                background: transparent;
            }
            .extramenus {
                color: #eee;
                padding-left: 5px;
            }
        }
    </style>
    
    <nav class="navbar navbar-default only_on_mobile_genie mob_navbar">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" @if(Auth()->user()) onclick="show_sidebar();" @else data-target="#myNavbar" @endif>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>                        
          </button>
          <a class="navbar-brand" href="{{ route('home') }}"><img src={{ url('images/'.$logo_image.'?v1') }} style="height: 54px;margin-top: -17px; display: inline-block; float:left;"></a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav navbar-right">
              
            @if(Auth()->user())
            <li><a href="{{ route('files') }}">MY FILES</a></li>
            
            @if($currsiteurl=="qwikaide.com")
                <li><a target="_blank" href="https://qwikwiz.com">QwikWiz</a></li>
            @else
                <li><a target="_blank" href="https://ilifeaceit.com">i-Life AceIt</a></li>
            @endif
            @if(Auth()->user()->level=="1" && $currsiteurl!="qwikaide.com")
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">SPECIAL FILES
              <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="{{ route('special_law_files',['parent'=>'499']) }}">LAW</a></li>
                <li><a href="{{ route('special_student_files',['parent'=>'726']) }}">STUDENT</a></li>
                <li><a href="{{ route('special_teacher_files',['parent'=>'726']) }}">TEACHER</a></li>
                <li><a href="{{ route('special_retail_files',['parent'=>'3646']) }}">Retail User</a></li>
                <li><a href="{{ route('special_iit_jee_neet_files',['parent'=>'3736']) }}">IIT / JEE / NEET</a></li>
                <li><a href="{{ route('special_corporate_files',['parent'=>'7093']) }}">CORPORATE</a></li>
                
              </ul>
            </li>
            @endif
            @php
            $up = App\Models\UserPackage::where('user_id',auth()->user()->id)->orderBy('end_date','desc')->orderBy('package_id','desc')->first();
            @endphp
            @if(!$up)
                <li><a href="{{ route('pricings') }}">PRICING</a></li>
            @elseif($up)
                @if($up->package_id==10 || $up->package_id==20 || $up->package_id==1)
                <li><a href="{{ route('pricings') }}">PRICING</a></li>
                @elseif($up->end_date<date('Y-m-d',strtotime('+7 days')))
                <li><a href="{{ route('pricings') }}">PRICING</a></li>    
                @endif
            @endif
            <li><a href="https://support.ilifelearn.com" target="_blank">SUPPORT</a></li>
            @endif
            <!--<li><a href="{{ route('about') }}">ABOUT</a></li>
            <li><a href="{{ route('contact') }}">CONTACT</a></li>-->
              @if($currsiteurl!="qwikaide.com")
              <li><a href="https://ilifegenie.com/blog" target="_blank">RESOURCES</a></li>
              @endif
                @if(Auth()->user())
                <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">ACCOUNT
              <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="{{ route('groups') }}">MY GROUPS</a></li>
                <li><a href="{{ route('profile') }}">MY PROFILE</a></li>
                
                <li><a href="{{ route('history') }}">CHAT HISTORY</a></li>
                <li><a href="{{ route('saved_messages') }}">SAVED MESSAGES</a></li>
                
                
                <li><a href="{{ route('change_password') }}">CHANGE PASSWORD</a></li>
                <li><a href="{{ route('logout') }}">LOGOUT</a></li>
              </ul>
            </li>
                
                @else
                <li class="dropdown">
              <a class="dropdown-toggle btn btn-sm genie_btn p_btn" data-toggle="dropdown" href="#">ACCOUNT
              <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="{{ route('login') }}">LOGIN</a></li>
                <li><a href="{{ route('register') }}">SIGN UP</a></li>
              </ul>
            </li>
                @endif
          </ul>
        </div>
      </div>
    </nav>
    
    <div class="genie_left_sidebar"> <!-- left bar -->
        
        <ul class="nav sidebar-nav">
       
        <li class="logo_li" @if($currsiteurl=="app.edubuddy.ai") style="background-color:#eee;" @endif><a class="" href="{{ route('home') }}"><img src="{{ url('images/'.$logo_image.'?v1') }}" height="70px" style="{{$stylesite}}"></a></li>
        @if($currsiteurl!="app.edubuddy.ai")
    
        
        <li><a href="{{ route('files') }}"><img src="{{ url('images/menu_icons/MyLibrary.png') }}" style="height:20px">&nbsp;&nbsp;My Library</a></li>
        
        
        @if($currsiteurl=="qwikaide.com")
        <li><a href="{{ route('chat_normal') }}" target="_blank"><i class="fa fa-robot" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Chat with Qwikaide</a></li>
            <li><a target="_blank" href="https://qwikwiz.com"><img src="{{ url('images/menu_icons/Quizaceit.png') }}" style="height:20px">&nbsp;&nbsp;Quiz with QwikWiz</a></li>
        @else
        <li><a href="{{ route('chat_normal') }}" target="_blank"><i class="fa fa-robot" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Chat with Genie</a></li>
            <li><a target="_blank" href="https://ilifeaceit.com"><img src="{{ url('images/menu_icons/Quizaceit.png') }}" style="height:20px">&nbsp;&nbsp;Quiz with AceIt</a></li>
        @endif
        <!--<li><a href="{{ route('latest_news') }}"><i class="fa fa-newspaper" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Latest News</a></li>-->
        @if(Auth()->user()->level=="1" && $currsiteurl!="qwikaide.com")
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><img src="{{ url('images/menu_icons/Files.png') }}" style="height:20px">&nbsp;&nbsp;Special Files
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="{{ route('special_law_files',['parent'=>'499']) }}">Law</a></li>
            <li><a href="{{ route('special_student_files',['parent'=>'726']) }}">Student</a></li>
            <li><a href="{{ route('special_teacher_files',['parent'=>'726']) }}">Teacher</a></li>
            <li><a href="{{ route('special_retail_files',['parent'=>'3646']) }}">Retail User</a></li>
            <li><a href="{{ route('special_iit_jee_neet_files',['parent'=>'3736']) }}">IIT / JEE / NEET</a></li>
            <li><a href="{{ route('special_corporate_files',['parent'=>'7093']) }}">CORPORATE</a></li>
            
          </ul>
        </li>
        @endif
        <hr>
        <li><a href="{{ route('groups') }}"><img src="{{ url('images/menu_icons/Groups.png') }}" style="height:20px">&nbsp;&nbsp;My Groups</a></li>
        <li><a href="{{ route('members_index') }}"><i class="fa fa-users" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Member Connect</a></li>
        
        <li><a href="{{ route('history') }}"><img src="{{ url('images/menu_icons/ChatHistory.png') }}" style="height:20px">&nbsp;&nbsp;Chat History</a></li>
        <li><a href="{{ route('saved_messages') }}"><img src="{{ url('images/menu_icons/SaveMessages.png') }}" style="height:20px">&nbsp;&nbsp;Saved Messages</a></li>
        
        @php
        $up = App\Models\UserPackage::where('user_id',auth()->user()->id)->orderBy('end_date','desc')->orderBy('package_id','desc')->first();
        @endphp
        @if(auth()->user()->level=="10")
        @else
            @if(!$up)
                <hr>
                <li><a href="{{ route('pricings') }}"><i class="fa fa-dollar" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Pricings</a></li>
            @elseif($up)
                @if($up->package_id==10 || $up->package_id==20 || $up->package_id==1)
                <hr>
                <li><a href="{{ route('pricings') }}"><i class="fa fa-dollar" style="font-size:20px; color:#5571db"></i>Pricings</a></li>
                @elseif($up->end_date<date('Y-m-d',strtotime('+7 days')))
                <hr>
                <li><a href="{{ route('pricings') }}"><i class="fa fa-dollar" style="font-size:20px; color:#5571db"></i>Pricings</a></li>    
                @endif
            @endif
        @endif
        @if($currsiteurl!="app.edubuddy.ai" && $currsiteurl!="qwikaide.com"))
        <li><a href="https://support.ilifelearn.com" target="_blank"><img src="{{ url('images/menu_icons/ContactSupport.png') }}" style="height:20px">&nbsp;&nbsp;Contact Support</a></li>
        <li><a href="https://ilifegenie.com/blog" target="_blank"><img src="{{ url('images/menu_icons/GenieBlog.png') }}" style="height:20px">&nbsp;&nbsp;Genie Blog</a></li>
        @endif
        @if(Auth()->user()->level=="1")
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-cogs" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Admin Settings
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="{{ route('coupons') }}">Coupons</a></li>
            <li><a href="{{ route('organisations') }}">Organisations</a></li>
            
          </ul>
        </li>
        @elseif(Auth()->user()->level=="11")
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-cogs" style="font-size:20px; color:#5571db"></i>&nbsp;&nbsp;Organisation
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="{{ route('organisation_users') }}">Users</a></li>
            
          </ul>
        </li>
        @endif
        @if($currsiteurl!="app.edubuddy.ai")
        <li><a href="{{ route('profile') }}"><img src="{{ url('images/menu_icons/Profile.png') }}" style="height:20px">&nbsp;&nbsp;My Profile</a></li>
        <li><a href="{{ route('change_password') }}"><img src="{{ url('images/menu_icons/ChangePassword.png') }}" style="height:20px">&nbsp;&nbsp;Change Password</a></li>
        <li><a href="{{ route('logout') }}"><img src="{{ url('images/menu_icons/Logout.png') }}" style="height:20px">&nbsp;&nbsp;Logout</a></li>
        @if($currsiteurl!="qwikaide.com")
        <hr>
        <li class="extramenus" style=""><b>Also from i-Life</b></li>
         <li><a href="https://apps.apple.com/in/app/i-life-learn/id1632893144" target="_blank">i-Life Learn (iOS)</a></li>
         <li><a href="https://play.google.com/store/apps/details?id=com.Life.iComeToLifeIND&hl=en" target="_blank">i-Life Learn (Android)</a></li>
         
         <li><a href="https://apps.apple.com/us/app/love-to-read/id6470444805" target="_blank">Love to Read (iOS)</a></li>
         <li><a href="https://play.google.com/store/apps/details?id=com.Life.iLoveToRead&hl=en_IN" target="_blank">Love to Read (Android)</a></li>
         
         <li><a href="https://lifedflix.com" target="_blank">Lifedflix LMS</a></li>
         <li><a href="https://ai.ilifelearn.com" target="_blank">AI, Coding & Robotics</a></li>
         @endif
        @else
        <hr>
        <li class="extramenus" style=""><b>Contact</b></li>
        <li><a href="mailto:contact@edubuddy.ai" target="_blank">contact@edubuddy.ai</a></li>
        <li><a href="tel:+918239123456" target="_blank">+918239123456</a></li>
        @endif
        <li>&nbsp;</li>
        
        <!--<li><a href="{{ route('about') }}">ABOUT</a></li>
        <li><a href="{{ route('contact') }}">CONTACT</a></li>-->
        
        
        @endif 
      </ul>
        
    </div>
    
    <div class="genie_right_sidebar"> <!-- right bar -->
@else
    <nav class="navbar navbar-default mob_navbar">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>                        
          </button>
          <a class="navbar-brand" href="{{ route('home') }}"><img src={{ url('images/'.$logo_image.'?v1') }} style="height: 54px;margin-top: -17px; display: inline-block; float:left;"></a>
        </div>
        @if($currsiteurl!="app.edubuddy.ai")
        
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav navbar-right">
              
            @if(Auth()->user())
            <li><a href="{{ route('files') }}">MY FILES</a></li>
            @if($currsiteurl!="edubuddy.ai")
                @if($currsiteurl=="qwikaide.com")
                    <li><a target="_blank" href="https://qwikwiz.com">QwikWiz</a></li>
                @else
                    <li><a target="_blank" href="https://ilifeaceit.com">i-Life AceIt</a></li>
                @endif
            @endif
            @if(Auth()->user()->level=="1")
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">SPECIAL FILES
              <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="{{ route('special_law_files',['parent'=>'499']) }}">LAW</a></li>
                <li><a href="{{ route('special_student_files',['parent'=>'726']) }}">STUDENT</a></li>
                <li><a href="{{ route('special_teacher_files',['parent'=>'726']) }}">TEACHER</a></li>
                <li><a href="{{ route('special_retail_files',['parent'=>'3646']) }}">Retail User</a></li>
                <li><a href="{{ route('special_iit_jee_neet_files',['parent'=>'3736']) }}">IIT / JEE / NEET</a></li>
                <li><a href="{{ route('special_corporate_files',['parent'=>'7093']) }}">CORPORATE</a></li>
                
              </ul>
            </li>
            @endif
            @php
            $up = App\Models\UserPackage::where('user_id',auth()->user()->id)->orderBy('end_date','desc')->orderBy('package_id','desc')->first();
            @endphp
            @if(!$up)
                <li><a href="{{ route('pricings') }}">PRICING</a></li>
            @elseif($up)
                @if($up->package_id==10 || $up->package_id==20 || $up->package_id==1)
                <li><a href="{{ route('pricings') }}">PRICING</a></li>
                @elseif($up->end_date<date('Y-m-d',strtotime('+7 days')))
                <li><a href="{{ route('pricings') }}">PRICING</a></li>    
                @endif
            @endif
            <li><a href="https://support.ilifelearn.com" target="_blank">SUPPORT</a></li>
            @endif
            <!--<li><a href="{{ route('about') }}">ABOUT</a></li>
            <li><a href="{{ route('contact') }}">CONTACT</a></li>-->
              @if($currsiteurl!="qwikaide.com")
              <li><a href="https://ilifegenie.com/blog" target="_blank">RESOURCES</a></li>
              @endif
                @if(Auth()->user())
                <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">ACCOUNT
              <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="{{ route('groups') }}">MY GROUPS</a></li>
                <li><a href="{{ route('profile') }}">MY PROFILE</a></li>
                
                <li><a href="{{ route('history') }}">CHAT HISTORY</a></li>
                <li><a href="{{ route('saved_messages') }}">SAVED MESSAGES</a></li>
                
                
                <li><a href="{{ route('change_password') }}">CHANGE PASSWORD</a></li>
                <li><a href="{{ route('logout') }}">LOGOUT</a></li>
              </ul>
            </li>
                
                @else
                <li class="dropdown">
              <a class="dropdown-toggle btn btn-sm genie_btn p_btn" data-toggle="dropdown" href="#">ACCOUNT
              <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="{{ route('login') }}">LOGIN</a></li>
                <li><a href="{{ route('register') }}">SIGN UP</a></li>
              </ul>
            </li>
                @endif
          </ul>
        </div>
        @endif
      </div>
    </nav>
    <div class="genie_else_sidebar">
@endif