<header class="header-section">
    <div class="container">
        <nav class="navbar navbar-expand-lg px-0">
            <a class="navbar-brand p-0 m-0" href="#">
                <img src="{{ url('images/b-logo.svg')}}" alt="b-logo" />
            </a>
            <button class="navbar-toggler" id="open-menu">
                <i class="fas fa-bars"></i>
            </button>
            <div class="collapse navbar-collapse menubar" id="navbarNavDropdown">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item {{ (request()->segment(1) == '') ? 'active' : '' }}">
                        <a class="nav-link" href="{{ route('index') }}"> <span> Home </span></a>
                    </li>
                    <li class="nav-item {{ (request()->segment(1) == 'result-chart') ? 'active' : '' }}">
                        <a class="nav-link" href="{{ route('result-chart') }}"><span>Result chart</span></a>
                    </li>
                    <li class="nav-item {{ (request()->segment(1) == 'live-chart') ? 'active' : '' }}">
                        <a class="nav-link " href="{{ route('live-chart') }}"><span>Live result </span></a>
                    </li>
                    <li class="nav-item {{ (request()->segment(1) == 'scheme') ? 'active' : '' }}">
                        <a class="nav-link" href="{{ route('scheme') }}"><span>schemes</span></a>
                    </li>
                    <li class="nav-item {{ (request()->segment(1) == 'contact-us') ? 'active' : '' }}">
                        <a class="nav-link" href="{{ route('contact-us') }}"><span>contact us</span></a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <div class="mobile-menu">
        <div id="body-overlay"></div>
        <nav class="real-menu" role="navigation">
            <button type="button" class="btn btn-x">X</button>
            <ul class="mobile-inner-menu">
                <li><a href="{{ route('index') }}">Home</a></li>
                <li><a href="{{ route('result-chart') }}">Result Chart</a></li>
                <li><a href="{{ route('live-chart') }}">Live Result</a></li>
                <li><a href="{{ route('scheme') }}">Schemes</a></li>
                <li><a href="{{ route('contact-us') }}">Contact us</a></li>
            </ul>
        </nav>
    </div>
</header>