@if($gsetting->promo_enable == 1)
<div id="promo-outer">
    <div id="promo-inner">
        <a href="{{ $gsetting['promo_link'] }}">{{ $gsetting['promo_text'] }}</a>
        <span id="close">x</span>
    </div>
</div>
<div id="promo-tab" class="display-none">SHOW</div>
@endif

<section id="nav-bar" class="nav-bar-main-block">
    <div class="container">
        <!-- start navigation -->
        <div class="navigation fullscreen-search-block ">
           
            @auth
            
            @endauth
            <div id="mySidenavBack" onclick="closeNav()"></div>

            <div id="mySidenav" class="sidenav">

                <div>

                    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
                    

                    <div id="mySidenavTop">
                        @auth
                        @if(Auth::User()['user_img'] != null && Auth::User()['user_img'] !='')
                        <img src="{{ gc_asset('images/user_img/'.Auth::User()->user_img) }}" class="dropdown-user-circle"
                            alt="">
                        @else
                        <img src="{{ gc_asset('images/default/user.jpg')}}" class="dropdown-user-circle" alt="">
                        @endif
                        <div class="mySidenavUser-details">
                            Hi, {{ Auth::User()->fname }}

                        </div>
                        @endauth

                    </div>


                    <div class="AppBecomeMember">
                        @if( !Auth::check() || !Auth::User()->isUserInSubscription() )
                            <a href="{{ route('subscriptions.show') }}" class="btn " title="subscriptions.show">
                                立即訂閱
                            </a>
                        @endif
                    </div>



                    @php
                    $categories = App\Categories::orderBy('position','ASC')->get();
                    @endphp

                    <div class="wrapper center-block">
                        <h4 class="mySidenav-center-block m-0">{{ __('frontstaticword.Categories') }}</h4>
                        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            @foreach($categories->where('status', '1') as $cate)
                            <div class="panel panel-default">
                                <div class="panel-heading active" role="tab" id="headingOne">
                                    <h4 class="panel-title">
                                        <a role="button" data-toggle="collapse" data-parent="#accordion"
                                            href="#collapseOne{{ $cate->id }}" aria-expanded="true"
                                            aria-controls="collapseOne">
                                            <label class="prime-cat"
                                                data-url="{{ route('category.page',['id' => $cate->id, 'category' => str_slug(str_replace('-','&',$cate->slug))]) }}">{{
                                                str_limit($cate->title, $limit = 20, $end = '..') }}</label>
                                        </a>
                                    </h4>
                                </div>


                                <div id="collapseOne{{ $cate->id }}" class="subcate-collapse panel-collapse collapse in"
                                    role="tabpanel" aria-labelledby="headingOne">
                                    @foreach($cate->subcategory as $sub)
                                    @if($sub->status ==1)
                                    <div class="panel-body">
                                        <div class="panel panel-default">
                                            <div class="panel-heading" role="tab" id="headingeleven">
                                                <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse"
                                                        data-parent="#accordion" href="#collapseeleven{{ $sub->id }}"
                                                        aria-expanded="false" aria-controls="collapseeleven">
                                                        <label
                                                            class="sub-cate"
                                                            data-url="{{ route('subcategory.page',['id' => $sub->id, 'category' => str_slug(str_replace('-','&',$sub->slug))]) }}">{{
                                                            str_limit($sub->title, $limit = 15, $end = '..') }}</label>

                                                    </a>
                                                </h4>
                                            </div>

                                            <div id="collapseeleven{{ $sub->id }}" class="panel-collapse collapse"
                                                role="tabpanel" aria-labelledby="headingeleven">
                                                @foreach($sub->childcategory as $child)
                                                @if($child->status ==1)
                                                <div class="panel-body sub-cat">
                                                    <label
                                                        class="child-cate"
                                                        data-url="{{ route('childcategory.page',['id' => $child->id, 'category' => str_slug(str_replace('-','&',$child->slug))]) }}">{{
                                                        $child->title }} </label>
                                                </div>
                                                @endif
                                                @endforeach
                                            </div>

                                        </div>
                                    </div>
                                    @endif
                                    @endforeach
                                </div>

                            </div>
                            @endforeach
                        </div>

                    </div>
                </div>

                @auth


                <div class="sidebar-nav-icon">
                    <h4 class="mySidenav-center-block m-0">{{ __('frontstaticword.UserProfile') }}</h4>


                    <ul>
                        @if(Auth::User()->role == "admin" )
                        <a target="_blank" href="{{ url('/admins') }}">
                            <li>{{ __('frontstaticword.AdminDashboard') }}</li>
                        </a>
                        @endif
                        @if(Auth::User()->role == "instructor")

                        <a target="_blank" href="{{ url('/instructor') }}">
                            <li>{{ __('frontstaticword.InstructorDashboard') }}</li>
                        </a>
                        @endif

                        {{-- <a href="{{ route('mycourse.show') }}">
                            <li>{{ __('frontstaticword.MyCourses') }}</li>
                        </a> --}}
                        <a href="{{ route('collect.show') }}">
                            <li>{{ __('frontstaticword.MyWishlist') }}</li>
                        </a>
                        {{-- <a href="{{ route('purchase.show') }}">
                            <li>{{ __('frontstaticword.PurchaseHistory') }}</li>
                        </a> --}}
                        <a href="{{route('profile.show',Auth::User()->id)}}">
                            <li>{{ __('frontstaticword.UserProfile') }}</li>
                        </a>
                        {{-- @if(Auth::User()->role == "user")
                        @if($gsetting->instructor_enable == 1)
                        <a href="#" data-toggle="modal" data-target="#myModalinstructor" title="Become An Instructor">
                            <li>{{ __('frontstaticword.BecomeAnInstructor') }}</li>
                        </a>
                        @endif

                        @endif --}}


                        @if(Auth::User()->role == "user" || Auth::User()->role == "instructor")
                        @if($gsetting->device_control == 1)
                        <a href="{{ route('active.courses') }}" title="Watchlist">
                            <li>{{ __('frontstaticword.Watchlist') }}</li>
                        </a>
                        @endif
                        @endif


                    </ul>

                </div>


                <div class="login-block">

                    <a href="{{ route('logout') }}"
                        onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
                        style="background-color: #7EB428">
                        <div id="notificationFooter" class="text-center">
                            {{ __('frontstaticword.Logout') }}

                            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="display-none">
                                @csrf
                            </form>
                        </div>
                    </a>
                </div>



                @endauth
            </div>
        </div>

        <!-- end navigation -->
        <nav class="navbar navbar-expand-lg">
            <div class="logoAndBtn d-flex">
                <span style="font-size:30px;cursor:pointer" onclick="openNav()" class="hamburger is-closed">☰ </span>
                <div class="logo">
                    @if($gsetting->logo_type == 'L')
                    <a href="{{ url('/') }}"><img src="{{ gc_asset('images/logo/'.$gsetting->logo) }}" class="img-fluid"
                            alt="logo"></a>
                    @else()
                    <a href="{{ url('/') }}"><b>
                            <div class="logotext">{{ $gsetting->project_title }}</div>
                        </b></a>
                    @endif
                </div>
            </div>
            <button class="navbar-toggler my-dropdown" type="button" data-toggle="collapse"
                data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                <ul class="navbar-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                            data-toggle="dropdown" aria-expanded="false">
                            {{ __('frontstaticword.Categories') }}
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                            @foreach($categories as $cate)
                            @if($cate->status == 1 )
                            <a class="dropdown-item"
                                href="{{ route('category.page',['id' => $cate->id, 'category' => $cate->title]) }}"
                                title="{{ $cate->title }}">{{ str_limit($cate->title, $limit = 25, $end = '..') }}</a>
                            @endif
                            @endforeach
                        </div>
                    </li>

                    @if($plusStatus)
                    <li class="nav-item">
                        @php
                            $linkId = BundleCategory::where('status', 1)->orderby( 'position', 'asc' )->first();
                        @endphp
                        @if($linkId)
                            <a class="nav-link" title="{{ __('frontstaticword.Plus') }}" href="{{ route('plusChannel' , $linkId->id) }}">{{ __('frontstaticword.Plus') }}</a>
                        @endif
                    </li>
                    @endif

                    <li class="nav-item">
                        <a href="{{ route('trainingProgram' , 0) }}" class="nav-link" title="{{__('frontstaticword.BundleCourses') }}">{{__('frontstaticword.BundleCourses') }}</a>
                    </li>

                    <li class="nav-item">
                        <a href="{{ route('courses.live', [ 'date' => Carbon\Carbon::today()->format('Y-m-d') ]) }}" class="nav-link" title="直播課程">直播課程</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="{{ asset('all/blog/1') }}" title="{{ __('frontstaticword.Blog') }}">{{ __('frontstaticword.Blog') }}</a>
                    </li>


                    @auth
                    
                    {{-- <li class="nav-item">
                        <a href="{{ route('mycourse.show') }}" class="nav-link" title="My Course">{{
                            __('frontstaticword.MyCourses') }}</a>
                    </li> --}}
                    <li class="nav-item">
                        <a href="{{ route('collect.show') }}" class="nav-link" title="{{ __('frontstaticword.MyCollectCourse') }}">{{ __('frontstaticword.MyCollectCourse') }}</a>
                    </li>

                    @endauth


                </ul>
            </div>
            <div class="d-flex">

            <div class="nav-items d-flex">
                {{-- 通知 --}}
                @auth

                @php
                    $unread_notifications = \App\FirebaseNotification::where('type', '!=', 'course')
                    ->where('predict_time', '<', \Carbon\Carbon::now()->toDateTimeString())
                    ->whereDate( 'created_at', '>=',  \Carbon\Carbon::today()->subDays(30)->toDateString())
                    ->where( function($q){
                        $q->where('user_id', Auth::user()->id )
                        ->orwhere( 'user_id', NULL );
                    })
                    ->limit(30)
                    ->orderby( 'id', 'desc' )
                    ->get();
                    $count = $unread_notifications->where('is_read', 0)->whereNotIn('type', [ 'news', 'UatNews' ])->count();
                @endphp
                <div id="notification_li " class="nav-icon">{{-- url('send') --}}
                    <a href="javascript:void(0)" id="notificationLink" title="Notification"><i
                            class="fa fa-bell-o"></i></a>
                    @if ($count)
                        <span class="red-menu-badge red-bg-success nav-bell">
                            {{ $count }}
                        </span>
                    @endif
                    <div id="notificationContainer">
                        <div id="notificationTitle">{{ __('frontstaticword.Notifications') }}</div>
                        <div id="notificationsBody" class="notifications">
                            <ul>
                                @foreach( $unread_notifications as $notification)
                                    @php
                                        $is_read = true;
                                        if( !in_array($notification->type, [ 'news', 'UatNews' ]) ){
                                            $is_read = (bool)$notification->is_read;
                                        }
                                        $url = url('/');
                                        $image = null;
                                        if( 'news' == $notification->type ){
                                            $url = empty($notification->url) ? '#' : $notification->url;
                                            $image = null;
                                        }else if( 'instructor' == $notification->type ){
                                            if( $notification->instructor ){
                                                $url = route('instructor.profile', ['id' => $notification->instructor->id]);
                                                $image = gc_asset('images/user_img/'. $notification->instructor->user_img );
                                            }else{
                                                continue;
                                            }
                                        }else if( 'category' == $notification->type ){
                                            if( $notification->category ){
                                                $url = route('category.page',['id' => $notification->category->id, 'category' => str_slug(str_replace('-','&',$notification->category->slug))]);
                                                $image = null;
                                            }else{
                                                continue;
                                            }
                                        }else if( 'calendar' == $notification->type ){
                                            if( $notification->course ){
                                                $url = route('user.course.show',['id' => $notification->type_id ]);
                                                $image = gc_asset('images/course/'. $notification->course->preview_image );
                                            }else{
                                                continue;
                                            }
                                        }else if( 'expired' == $notification->type ){
                                            $url = empty($notification->url) ? $url : $notification->url;
                                        }
                                    @endphp
                                <li class="{{ $is_read ? '' : 'unread-notification' }}">
                                    <a data-id="{{ $notification->id }}"
                                        href="{{ $url }}"
                                        data-type="{{ $notification->type }}"
                                        >
                                        <div class="notification-image">
                                            @if( $image )
                                            <img src="{{ gc_asset( $image ) }}"
                                                alt="{{$notification->type}}" class="img-fluid">
                                            @endif
                                        </div>
                                        <div class="notification-data">
                                            {{ str_limit($notification->title, $limit = 60, $end = '...') }}
                                        </div>
                                    </a>
                                </li>
                                @endforeach
                                {{-- @foreach(Auth()->user()->readNotifications->where('type',
                                'App\Notifications\UserEnroll') as $notification)
                                <li>
                                    <a href="{{ route('mycourse.show') }}">
                                        <div class="notification-image">
                                            @if($notification->data['image'] !== NULL )
                                            <img src="{{ gc_asset('images/course/'.$notification->data['image']) }}"
                                                alt="course" class="img-fluid">
                                            @else
                                            <img src="{{ Avatar::create($notification->data['id'])->toBase64() }}"
                                                alt="course" class="img-fluid">
                                            @endif
                                        </div>
                                        <div class="notification-data">
                                            In {{ str_limit($notification->data['id'], $limit = 20, $end = '...') }}
                                            <br>
                                            {{ str_limit($notification->data['data'], $limit = 20, $end = '...') }}
                                        </div>
                                    </a>
                                </li>
                                @endforeach --}}
                            </ul>
                        </div>
                        <!--<div id="notificationFooter"><a href="{{route('deleteNotification')}}">{{
                                __('frontstaticword.ClearAll') }}</a></div>-->
                    </div>
                </div>
                @endauth
                {{-- 搜尋 --}}
                <div class="search search-one nav-icon" id="search">
                    <form method="GET" id="searchform" action="{{ route('search') }}">
                        <div class="search-input-wrap">
                            <input class="search-input" name="searchTerm"
                                placeholder="{{ __('frontstaticword.Searchforcourses') }}" type="text" id="s" />
                        </div>
                        <input class="search-submit" type="submit" id="go" value="">
                        <div class="icon"><i class="fa fa-search"></i></div>
                    </form>
                    @php
                    $hotSearch = DB::table('featured_search')->where('deleted_at', null)->where('status', 1)->orderBy('weight')->get();
                    @endphp
                    @if ($hotSearch != null)
                    <div class="hot-search">
                        <h5 style="margin-bottom: 0; color:#757575">熱門搜尋</h5>
                        <div class="hot-search-links">
                            @foreach ($hotSearch as $item)
                            <a href="{{ route('search', ['searchTerm' => $item->keyword]) }}"
                                class="btn btn-secondary">{{$item->keyword}}</a>
                            @endforeach
                        </div>
                    </div>
                    @endif
                </div>
            </div>

            {{-- 使用者選單 --}}
            @auth
            <div class="my-container  my-dropdown">
                <div class="dropdown">
                    <button class="btn btn-default dropdown-toggle my-dropdown" type="button" id="dropdownMenu1"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        @if(Auth::User()['user_img'] != null && Auth::User()['user_img'] !='' )
                        <img src="{{ gc_asset('images/user_img/'.Auth::User()->user_img) }}" class="circle" alt="">
                        @else
                        <img src="{{ gc_asset('images/default/user.jpg')}}" class="circle" alt="">
                        @endif
                        <span class="dropdown__item name" id="name">{{ str_limit(Auth::User()->fname, $limit = 10, $end
                            = '..') }}</span>
                        <span class="dropdown__item caret"></span>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-right User-Dropdown U-open" aria-labelledby="dropdownMenu1">
                        <div id="notificationTitle">
                            @if(Auth::User()['user_img'] != null && Auth::User()['user_img'] !='' )
                            <img src="{{ gc_asset('images/user_img/'.Auth::User()->user_img) }}"
                                class="dropdown-user-circle" alt="">
                            @else
                            <img src="{{ gc_asset('images/default/user.jpg')}}" class="dropdown-user-circle" alt="">
                            @endif
                            <div class="user-detailss">
                                <span class="text-white" style="font-size: 18px;">{{ Auth::User()->fname }}</span>
                                <br>
                                @php
                                    $UserController = new \App\Http\Controllers\UserController; 
                                    $subscription_detail = $UserController->get_subscription_detail(Auth::User());
                                @endphp
                                @if ($subscription_detail['subscription_status'] == 'Y')
                                    @if ($subscription_detail['is_family'])
                                        <span class="text-white">家庭方案</span>
                                    @else
                                        <span class="text-white">個人方案會員</span>
                                    @endif
                                @else
                                    @if ( !empty($subscription_detail['order_status']) )
                                        @if ($subscription_detail['is_family'])
                                            <span class="text-white">家庭方案逾期</span>
                                        @else
                                            <span class="text-white">訂閱已逾期</span>
                                        @endif
                                        
                                    @else
                                        <span class="text-white">無訂閱方案</span>
                                    @endif
                                @endif

                                @if ( Auth::User()->is_member() )
                                    <br>
                                    <span class="text-white" style="font-size: 12px;">{{ Auth::User()->get_main_account()->fname }} 的家庭方案成員</span>
                                @endif
                            </div>

                        </div>
                        @if(Auth::User()->role == "admin" && Auth::User()->status == 1 )
                        <a target="_blank" href="{{ url('/admins') }}">
                            <li>{{ __('frontstaticword.AdminDashboard') }}</li>
                        </a>
                        @endif
                        @if(Auth::User()->role == "instructor")

                        <a target="_blank" href="{{ url('/instructor') }}">
                            <li>{{ __('frontstaticword.InstructorDashboard') }}</li>
                        </a>
                        @endif
                        {{-- <a href="{{ route('mycourse.show') }}">
                            <li>{{ __('frontstaticword.MyCourses') }}</li>
                        </a> --}}
                        <a href="{{ route('my_recommend', ['user_id' => Auth::User()->id]) }}">
                            <li>{{ __('frontstaticword.MyRecommend') }}</li>
                        </a>
                        <a href="{{ route('collect.show') }}">
                            <li>{{ __('frontstaticword.MyCollectCourse') }}</li>
                        </a>
                        <a href="{{ route('follow.show') }}">
                            <li>{{ __('frontstaticword.MyCollect') }}</li>
                        </a>
                        {{-- <a href="{{ route('purchase.show') }}">
                            <li>{{ __('frontstaticword.PurchaseHistory') }}</li>
                        </a> --}}
                        <a href="{{route('profile.show',Auth::User()->id)}}">
                            <li>{{ __('frontstaticword.UserProfile') }}</li>
                        </a>
                        @if(Auth::User()->role == "user")
                        {{-- @if($gsetting->instructor_enable == 1)
                        <a href="#" data-toggle="modal" data-target="#myModalinstructor" title="Become An Instructor">
                            <li><i class="fas fa-chalkboard-teacher"></i>{{ __('frontstaticword.BecomeAnInstructor') }}
                            </li>
                        </a>

                        @endif --}}

                        @endif


                        @if(env('ENABLE_INSTRUCTOR_SUBS_SYSTEM') == 1)

                        @if(Auth::User()->role == "instructor")
                        <a href="{{ route('plan.page') }}">
                            <li>{{ __('frontstaticword.InstructorPlan') }}</li>
                        </a>
                        @endif
                        @endif


                        @if(Auth::User()->role == "user" || Auth::User()->role == "instructor")
                        @if($gsetting->device_control == 1)
                        <a href="{{ route('active.courses') }}" title="Watchlist">
                            <li>{{ __('frontstaticword.Watchlist') }}</li>
                        </a>
                        @endif
                        @endif


                        @if($gsetting->donation_enable == 1)
                        <a target="__blank" href="{{ $gsetting->donation_link }}" title="Donation">
                            <li>{{ __('frontstaticword.Donation') }}</li>
                        </a>
                        @endif


                        @if(Module::has('Wallet') && Module::find('Wallet')->isEnabled())
                        @include('wallet::front.nav_link')

                        @endif

                        <a href="{{ route('logout') }}"
                            onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                            <div id="notificationFooter">
                                {{ __('frontstaticword.Logout') }}

                                <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                    class="display-none">
                                    @csrf
                                </form>
                            </div>
                        </a>
                    </ul>
                </div>
            </div>
            @endauth
            @guest
            <div class="loginOrReg">
                <a href="{{ route('login') }}" class="btn btn-secondary" title="login">{{
                    __('frontstaticword.Login') }}</a>
                {{-- <a href="{{ route('register') }}" class="btn btn-secondary" title="register">{{
                    __('frontstaticword.Signup') }}</a> --}}

            </div>
            @endguest
            @php
                $subscriptions = \App\SubscriptionPlan::where('status', 1)->where('is_ios_pay', '!=',1)->count();
            @endphp
            <div class="becomeMember {{ $subscriptions > 0 ? '' : 'd-none' }}">
                @if (!Auth::check())
                    <a href="{{ route('subscriptions.show') }}" class="btn btn-secondary" title="subscriptions.show">
                        立即訂閱
                    </a>
                @else
                    @if (!Auth::User()->is_member())
                       @if (!Auth::User()->isUserInSubscription())
                            <a href="{{ route('subscriptions.show') }}" class="btn btn-secondary" title="subscriptions.show">
                                立即訂閱
                            </a>
                       @endif
                    @endif
                @endif

            </div>
        </div>

        </nav>
        {{-- <div class="row smallscreen-search-block">
            <div class="col-lg-5">
                <div class="row">
                    <div class="col-lg-6 col-md-4 col-sm-12">
                        <div class="logo">
                            @if($gsetting->logo_type == 'L')
                            <a href="{{ url('/') }}"><img src="{{ asset('images/logo/'.$gsetting->logo) }}"
                                    class="img-fluid" alt="logo"></a>
                            @else()
                            <a href="{{ url('/') }}"><b>
                                    <div class="logotext">{{ $gsetting->project_title }}</div>
                                </b></a>
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-4 col-sm-12">
                        <div class="navigation">
                            <div id="cssmenu">
                                <ul>
                                    <li><a href="#" title="Categories"><i class="flaticon-grid"></i>{{
                                            __('frontstaticword.Categories') }}</a>

                                        <ul>
                                            @foreach($categories as $cate)
                                            @if($cate->status == 1 )
                                            <li><a href="{{ route('category.page',['id' => $cate->id, 'category' => $cate->title]) }}"
                                                    title="{{ $cate->title }}"><i
                                                        class="fa {{ $cate->icon }} rgt-20"></i>{{
                                                    str_limit($cate->title, $limit = 25, $end = '..') }}<i
                                                        class="fa fa-chevron-right float-rgt"></i></a>
                                                <ul>
                                                    @foreach($cate->subcategory as $sub)
                                                    @if($sub->status ==1)
                                                    <li><a href="{{ route('subcategory.page',['id' => $sub->id, 'category' => $sub->title]) }}"
                                                            title="{{ $sub->title }}"><i
                                                                class="fa {{ $sub->icon }} rgt-20"></i>{{
                                                            str_limit($sub->title, $limit = 25, $end = '..') }}
                                                            <i class="fa fa-chevron-right float-rgt"></i></a>
                                                        <ul>
                                                            @foreach($sub->childcategory as $child)
                                                            @if($child->status ==1)
                                                            <li>
                                                                <a href="{{ route('childcategory.page',['id' => $child->id, 'category' => $child->title]) }}"
                                                                    title="{{ $child->title }}"><i
                                                                        class="fa {{ $child->icon }} rgt-20"></i>{{
                                                                    str_limit($child->title, $limit = 25, $end = '..')
                                                                    }}</a>
                                                            </li>
                                                            @endif
                                                            @endforeach
                                                        </ul>
                                                    </li>
                                                    @endif
                                                    @endforeach
                                                </ul>
                                            </li>
                                            @endif
                                            @endforeach
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                @guest
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="learning-business">

                        </div>
                    </div>
                    <div class="col-lg-1">
                    </div>
                    <div class="col-lg-1">
                        <div class="search" id="search">
                            <form method="GET" id="searchform" action="{{ route('search') }}">
                                <div class="search-input-wrap">
                                    <input class="search-input" name="searchTerm"
                                        placeholder="{{ __('frontstaticword.Searchforcourses') }}" type="text" id="s" />
                                </div>
                                <input class="search-submit" type="submit" id="go" value="">
                                <div class="icon"><i class="fa fa-search"></i></div>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="Login-btn">


                            <a href="#find" class="nav-search nav-wishlist"><i class="fa fa-search"></i></a>
                            <a href="{{ route('login') }}" class="btn btn-secondary" title="login">{{
                                __('frontstaticword.Login') }}</a>
                            <a href="{{ route('register') }}" class="btn btn-secondary" title="register">{{
                                __('frontstaticword.Signup') }}</a>

                        </div>
                    </div>
                    @endguest

                    @auth
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-6">
                            <div class="learning-business learning-business-two">
                                @if(Auth::User()->role == "user")
                                @if($gsetting->instructor_enable == 1)
                                <a href="#" class="btn btn-link" data-toggle="modal" data-target="#myModalinstructor"
                                    title="Become An Instructor">{{ __('frontstaticword.BecomeAnInstructor') }}</a>
                                @endif
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-6">
                            <div class="learning-business">
                                <a href="{{ route('mycourse.show') }}" class="btn btn-link" title="My Course">{{
                                    __('frontstaticword.MyCourses') }}</a>
                            </div>
                        </div>

                        <div class="col-lg-1 col-md-1 col-sm-2 col-2">
                            <div class="nav-wishlist">
                                <ul id="nav">
                                    <li id="notification_li">
                                        <a href="{{ url('send') }}" id="notificationLink" title="Notification"><i
                                                class="fa fa fa-bell-o"></i></a>
                                        <span class="red-menu-badge red-bg-success">
                                            {{ Auth()->user()->unreadNotifications->where('type',
                                            'App\Notifications\UserEnroll')->count() }}
                                        </span>
                                        <div id="notificationContainer">
                                            <div id="notificationTitle">{{ __('frontstaticword.Notifications') }}</div>
                                            <div id="notificationsBody" class="notifications">
                                                <ul>
                                                    @foreach(Auth()->user()->unreadNotifications->where('type',
                                                    'App\Notifications\UserEnroll') as $notification)
                                                    <li class="unread-notification">
                                                        <a href="{{url('notifications/'.$notification->id)}}">
                                                            <div class="notification-image">
                                                                @if($notification->data['image'] !== NULL )
                                                                <img src="{{ asset('images/course/'.$notification->data['image']) }}"
                                                                    alt="course" class="img-fluid">
                                                                @else
                                                                <img src="{{ Avatar::create($notification->data['id'])->toBase64() }}"
                                                                    alt="course" class="img-fluid">
                                                                @endif
                                                            </div>
                                                            <div class="notification-data">
                                                                In {{ str_limit($notification->data['id'], $limit = 20,
                                                                $end = '...') }}
                                                                <br>
                                                                {{ str_limit($notification->data['data'], $limit = 20,
                                                                $end = '...') }}
                                                            </div>
                                                        </a>
                                                    </li>
                                                    @endforeach

                                                    @foreach(Auth()->user()->readNotifications->where('type',
                                                    'App\Notifications\UserEnroll') as $notification)
                                                    <li>
                                                        <a href="{{ route('mycourse.show') }}">
                                                            <div class="notification-image">
                                                                @if($notification->data['image'] !== NULL )
                                                                <img src="{{ asset('images/course/'.$notification->data['image']) }}"
                                                                    alt="course" class="img-fluid">
                                                                @else
                                                                <img src="{{ Avatar::create($notification->data['id'])->toBase64() }}"
                                                                    alt="course" class="img-fluid">
                                                                @endif
                                                            </div>
                                                            <div class="notification-data">
                                                                In {{ str_limit($notification->data['id'], $limit = 20,
                                                                $end = '...') }}
                                                                <br>
                                                                {{ str_limit($notification->data['data'], $limit = 20,
                                                                $end = '...') }}
                                                            </div>
                                                        </a>
                                                    </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                            <div id="notificationFooter"><a href="{{route('deleteNotification')}}">{{
                                                    __('frontstaticword.ClearAll') }}</a></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-2 col-2">
                            <div class="nav-wishlist">
                                <a href="{{ route('wishlist.show') }}" title="Go to Wishlist"><i
                                        class="fa fa-bookmark-o"></i></a>
                                <span class="red-menu-badge red-bg-success">
                                    @php
                                    $wishlist = App\Wishlist::where('user_id', Auth::User()->id)->get();

                                    @endphp



                                    @php
                                    $counter = 0;
                                    foreach ($wishlist as $item) {
                                    if($item->courses->status == '1'){


                                    $counter++;

                                    }
                                    }

                                    echo $counter;
                                    @endphp
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-2 col-2">
                            <div class="shopping-cart">
                                <a href="{{ route('cart.show') }}" title="Cart"><i
                                        class="flaticon-shopping-cart"></i></a>
                                <span class="red-menu-badge red-bg-success">
                                    @php
                                    $item = App\Cart::where('user_id', Auth::User()->id)->get();
                                    if(count($item)>0){

                                    echo count($item);
                                    }
                                    else{

                                    echo "0";
                                    }
                                    @endphp
                                </span>
                            </div>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-2 col-2">
                            <div class="search search-one" id="search">
                                <form method="GET" id="searchform" action="{{ route('search') }}">
                                    <div class="search-input-wrap">
                                        <input class="search-input" name="searchTerm"
                                            placeholder="{{ __('frontstaticword.Searchforcourses') }}" type="text"
                                            id="s" />
                                    </div>
                                    <input class="search-submit" type="submit" id="go" value="">
                                    <div class="icon"><i class="fa fa-search"></i></div>
                                </form>
                            </div>
                            <a href="#find"><i class="fa fa-search"></i></a>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                            <div class="my-container">
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle  my-dropdown" type="button"
                                        id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="true">
                                        @if(Auth::User()['user_img'] != null && Auth::User()['user_img'] !='' &&
                                        @file_get_contents('images/user_img/'.Auth::user()['user_img']))
                                        <img src="{{ url('/images/user_img/'.Auth::User()->user_img) }}" class="circle"
                                            alt="">
                                        @else
                                        <img src="{{ asset('images/default/user.jpg')}}" class="circle" alt="">
                                        @endif
                                        <span class="dropdown__item name" id="name">{{ str_limit(Auth::User()->fname,
                                            $limit = 10, $end = '..') }}</span>
                                        <span class="dropdown__item caret"></span>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-right User-Dropdown U-open"
                                        aria-labelledby="dropdownMenu1">
                                        <div id="notificationTitle">
                                            @if(Auth::User()['user_img'] != null && Auth::User()['user_img'] !='' &&
                                            @file_get_contents('images/user_img/'.Auth::user()['user_img']))
                                            <img src="{{ url('/images/user_img/'.Auth::User()->user_img) }}"
                                                class="dropdown-user-circle" alt="">
                                            @else
                                            <img src="{{ asset('images/default/user.jpg')}}"
                                                class="dropdown-user-circle" alt="">
                                            @endif
                                            <div class="user-detailss">
                                                {{ Auth::User()->fname }}
                                                <br>
                                                {{ Auth::User()->email }}
                                            </div>

                                        </div>
                                        @if(Auth::User()->role == "admin" )
                                        <a target="_blank" href="{{ url('/admins') }}">
                                            <li><i class="fa fa-dashboard"></i>{{ __('frontstaticword.AdminDashboard')
                                                }}</li>
                                        </a>
                                        @endif
                                        @if(Auth::User()->role == "instructor")

                                        <a target="_blank" href="{{ url('/instructor') }}">
                                            <li><i class="fa fa-dashboard"></i>{{
                                                __('frontstaticword.InstructorDashboard') }}</li>
                                        </a>
                                        @endif
                                        <a href="{{ route('mycourse.show') }}">
                                            <li><i class="fa fa-diamond"></i>{{ __('frontstaticword.MyCourses') }}</li>
                                        </a>
                                        <a href="{{ route('wishlist.show') }}">
                                            <li><i class="fa fa-bookmark-o"></i>{{ __('frontstaticword.MyWishlist') }}
                                            </li>
                                        </a>
                                        <a href="{{ route('purchase.show') }}">
                                            <li><i class="fal fa-shopping-cart"></i>{{
                                                __('frontstaticword.PurchaseHistory') }}</li>
                                        </a>
                                        <a href="{{route('profile.show',Auth::User()->id)}}">
                                            <li><i class="fa fa-user"></i>{{ __('frontstaticword.UserProfile') }}</li>
                                        </a>
                                        @if(Auth::User()->role == "user")
                                        @if($gsetting->instructor_enable == 1)
                                        <a href="#" data-toggle="modal" data-target="#myModalinstructor"
                                            title="Become An Instructor">
                                            <li><i class="fas fa-chalkboard-teacher"></i>{{
                                                __('frontstaticword.BecomeAnInstructor') }}</li>
                                        </a>

                                        @endif

                                        @endif


                                        @if(env('ENABLE_INSTRUCTOR_SUBS_SYSTEM') == 1)

                                        @if(Auth::User()->role == "instructor")
                                        <a href="{{ route('plan.page') }}">
                                            <li><i class="fas fa-user-tag"></i>{{ __('frontstaticword.InstructorPlan')
                                                }}</li>
                                        </a>
                                        @endif
                                        @endif


                                        @if(Auth::User()->role == "user" || Auth::User()->role == "instructor")
                                        @if($gsetting->device_control == 1)
                                        <a href="{{ route('active.courses') }}" title="Watchlist">
                                            <li><i class="fas fa-swatchbook"></i>{{ __('frontstaticword.Watchlist') }}
                                            </li>
                                        </a>
                                        @endif
                                        @endif


                                        @if($gsetting->donation_enable == 1)
                                        <a target="__blank" href="{{ $gsetting->donation_link }}" title="Donation">
                                            <li><i class="fas fa-swatchbook"></i>{{ __('frontstaticword.Donation') }}
                                            </li>
                                        </a>
                                        @endif


                                        @if(Module::has('Wallet') && Module::find('Wallet')->isEnabled())
                                        @include('wallet::front.nav_link')

                                        @endif


                                        <a href="{{ route('logout') }}"
                                            onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                            <div id="notificationFooter">
                                                {{ __('frontstaticword.Logout') }}

                                                <form id="logout-form" action="{{ route('logout') }}" method="POST"
                                                    class="display-none">
                                                    @csrf
                                                </form>
                                            </div>
                                        </a>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endauth
                </div>
            </div>

        </div> --}}
</section>
<div id="blank-nav"></div>

<!-- start search -->
<div id="find" class="small-screen-navigation">
    <button type="button" class="close">×</button>
    <form action="{{ route('search') }}" class="form-inline search-form" method="GET">
        <input type="find" name="searchTerm" class="form-control" id="search"
            placeholder="{{ __('frontstaticword.Searchforcourses') }}"
            value="{{ isset($searchTerm) ? $searchTerm : '' }}">
        <button type="submit" class="btn btn-outline-info btn_sm w-50">搜尋</button>
    </form>
</div>
<!-- start end -->


<!-- side navigation  -->
<script>
    function openNav() {
        document.getElementById("mySidenav").style.margin = "0px";
        document.getElementById("mySidenavBack").style.height = "100vh";
    }

    function closeNav() {
        document.getElementById("mySidenav").style.margin = "0 0 0 -250px";
        document.getElementById("mySidenavBack").style.height = "0";
    }
</script>

<script>
    const nav = document.querySelector('#nav-bar')
    const blank = document.querySelector('#blank-nav')
    let topOfNav = nav.offsetTop + nav.offsetHeight
    function fixNav() {
        setTimeout(()=>{
            if(window.scrollY >= topOfNav) {
                nav.classList.add('fix')
                blank.classList.add('fix')
            }
            if(window.scrollY == 0){
                nav.classList.remove('fix')
                blank.classList.remove('fix')
            }
        } , 300)
    }
    window.addEventListener('scroll', fixNav)
</script>

@section('custom-script')

@endsection

{{-- @include('instructormodel') --}}