<header id="header">
    <!-- start Navbar (Header) -->
    <nav class="navbar navbar-primary navbar-fixed-top navbar-sticky-function">
        <div id="top-header">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="top-header-widget hidden-xs">
                            <i class="ion-android-call"></i> <span class="number">1-800-900-9985</span>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="top-header-widget pull-right">
                            <a href="{{ asset('cart') }}">
                                <i class="fa" style="font-size:24px">&#xf07a;</i>
                                <span class='badge badge-warning' id='lblCartCount'> <?php echo session()->get('cart') != null ? count(session()->get('cart')) : '0'; ?> </span>
                            </a>
                        </div>
                        @if (empty(Session::get('login_data')['id']))
                            <div class="top-header-widget pull-right">
                                <a href="{{ asset('/sign-in') }}" class="btn-ajax-login">
                                    <i class="ion-log-in mr-3"></i> Sign-in
                                </a>
                            </div>
                            <div class="top-header-widget pull-right">
                                <a href="{{ asset('/sign-up') }}" class="btn-ajax-register">
                                    <i class="ion-person-add mr-3"></i> Sign-up
                                </a>
                            </div>
                        @else
                            <div class="top-header-widget pull-right">
                                <a href="{{ asset('/logout') }}" class="btn-ajax-login">
                                    <i class="ion-log-out mr-3"></i> Logout
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="{{ asset('/') }}"><img src="{{ asset('public/logo.png') }}"
                        style="width: 135px;"></a>
            </div>
            <div id="navbar" class="collapse navbar-collapse navbar-arrow">
                <ul class="nav navbar-nav navbar-right" id="responsive-menu">
                    <li>
                        <a href="{{ asset('/') }}">Home</a>
                    </li>
                    <li>
                        <a href="{{ asset('course-list') }}">Course</a>
                    </li>
                    <li>
                        <a href="#">Instructor</a>
                    </li>
                    <li>
                        <a href="blog.html">Blog</a>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="slicknav-mobile"></div>
    </nav>
    <!-- end Navbar (Header) -->
</header>
