<aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar" style="height: auto;">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="https://pbs.twimg.com/profile_images/683817679325536256/5LxYst9E.jpg" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p>Frank John Begornia</p>
                <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
        </div>

        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header">MAIN NAVIGATION</li>
            <li class="{{ Request::is('admin') ? 'active' : '' }}">
                <a href="{{ url('/admin') }}">
                    <i class="fa fa-home"></i> <span>Home</span>
                </a>
            </li>
            <li class="{{ Request::is('admin/sports') ? 'active' : '' }}">
                <a href="{{ url('/admin/sports/') }}">
                    <i class="fa fa-th"></i> <span>Sports</span>
                </a>
            </li>
            <li class="{{ Request::is('admin/templates') ? 'active' : '' }}">
                <a href="{{ url('/admin/templates') }}">
                    <i class="fa fa-list"></i> <span>Templates</span>
                </a>
            </li>
            <!-- <li>
                <a href="#">
                    <i class="fa fa-th"></i> <span>Widgets</span>
                    <span class="pull-right-container">
                    <small class="label pull-right bg-green">new</small>
                </span>
                </a>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-pie-chart"></i>
                    <span>Charts</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                </a>
                <ul class="treeview-menu">
                    <li class="active"><a href="pages/charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
                    <li><a href="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
                    <li><a href="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
                    <li><a href="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
                </ul>
            </li> -->
        </ul>
    </section>
    <!-- /.sidebar -->
</aside>
