{{--
@section('styles')

@endsection
<aside class="main-sidebar">
    <section class="sidebar">
 <div id="sidebar" class="side myside vheight">
		<ul class="list-unstyled components">
                    
                    <li>

                        <a href="#homeSubmenu" data-toggle="collapse" class="collapsed {!! (Request::is( 'projects/*') || Request::is( 'projects') ? 'active' : '' ) !!}" aria-expanded="false">
                        	<i class="glyphicon glyphicon-list-alt"></i><span>
                         Projects</span></a>
                        <ul class="collapse list-unstyled" id="homeSubmenu">
                            <li><a href="{{url('projects/create')}}"><i class="glyphicon glyphicon-cog"></i><span> Create New Project</a></span></li>
                            <li><a href="{{url('projects')}}"><i class="glyphicon glyphicon-cog"></i> <span>All Projects </a></li>
                        </ul>
                    </li>
                    --}}{{--<li>
                        <a href="#"><i class="glyphicon glyphicon-cog"></i> About</a>
                    </li>
                    <li>
                        <a href="#pageSubmenu" data-toggle="collapse" class="collapsed" aria-expanded="false">
                        	<i class="glyphicon glyphicon-cog"></i> Pages</a>
                        <ul class="collapse list-unstyled" id="pageSubmenu">
                            <li><a href="#"> <i class="glyphicon glyphicon-cog"></i> Page 1</a></li>
                            <li><a href="#"> <i class="glyphicon glyphicon-cog"></i> Page 2</a></li>
                            <li><a href="#"> <i class="glyphicon glyphicon-cog"></i> Page 3</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"><i class="glyphicon glyphicon-cog"></i> Portfolio</a>
                    </li>--}}{{--
                    <li>
                        <a href="{{url('contactCreate')}}" class="{!! (Request::is( 'contactCreate/*') || Request::is( 'contactCreate') ? 'active' : '' ) !!}"><i class="glyphicon glyphicon-phone" ></i><span> Contact </span></a>
                    </li>                    
                        @if (Auth::guest())
                            <li><a href="{{ route('login') }}"><i class="glyphicon glyphicon-cog"></i><span>Login</span></a></li>
                            <li><a href="{{ route('register') }}"><i class="glyphicon glyphicon-cog"></i><span>Register</span></a></li>
                        @else
	                        <li>
	                            <a href="{{ route('show.profile')}}" class="{!! (Request::is( 'profile/*') || Request::is( 'profile') ? 'active' : '' ) !!}"><i class="glyphicon glyphicon-user"></i><span>
	                                Profile</span>
	                            </a>
	                        </li>


	                        <li>
	                            <a href="{{ route('logout') }}"
	                                onclick="event.preventDefault();
	                                         document.getElementById('logout-form').submit();"><i class="glyphicon glyphicon-off"></i>
	                              <span> Logout</span>
	                            </a>

	                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
	                                {{ csrf_field() }}
	                            </form>                                   
                            </li>	
                        @endif
                </ul>
		


	</div>
    </section>

</aside>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	 <script type="text/javascript">
             $(document).ready(function () {
                 $('#sidebarCollapse').on('click', function () {
                     $('#sidebar').toggleClass('active');
                 });

                 $('#sidebar ul li a').on('click', function () {
                     $('#sidebar ul li > a').removeClass('active');
                     $(this).addClass('active');
                     $('#sidebar ul li >ul li').parent().addClass('active');
                       

                 });
               

setHeight($('#app .vheight'));


function setHeight(col) {
    var $col = $(col); // var declear $col

    var $maxHeight = 0; /// max height 0
    $col.each(function () { //each fuction start
        var $thisHeight = $(this).outerHeight(); //var declear height
        if ($thisHeight > $maxHeight) { //if contion (give height which maxhieght) this var height give 
            $maxHeight = $thisHeight; //and maxheight give this var
        }
    });
    $col.height($maxHeight); // all child give height equail
}
             });


         </script>--}}



<aside class="main-sidebar">
    <section class="sidebar">
        <ul class="sidebar-menu">
            <li class="header"></li>

            <li class="{!! (Request::is( 'projects/*') || Request::is( 'projects') ? 'active' : '' ) !!}" treeview">
                <a href="#">
                    <i class="glyphicon glyphicon-list-alt"></i>
                    <span>Projects </span>
                    <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="{{url('projects/create')}}"><i class="glyphicon glyphicon-cog"></i><span> Create New Project</a></span></li>
                    <li><a href="{{url('projects')}}"><i class="glyphicon glyphicon-cog"></i> <span>All Projects </a></li>
                </ul>
            </li>

            <li class="{!! (Request::is( 'contactCreate/*') || Request::is( 'contactCreate') ? 'active' : '' ) !!} treeview">
                <a href="{{url('contactCreate')}}">
                    <i class="glyphicon glyphicon-phone"></i>
                    <span>Contact </span>
                    <span class="pull-right-container">
            </span>
                </a>
            </li>
            @if (Auth::guest())
                <li><a href="{{ route('login') }}"><i class="glyphicon glyphicon-cog"></i><span>Login</span></a></li>
                <li><a href="{{ route('register') }}"><i class="glyphicon glyphicon-cog"></i><span>Register</span></a></li>
            @else
                <li class="{!! (Request::is( 'profile/*') || Request::is( 'profile') ? 'active' : '' ) !!}">
                    <a href="{{ route('show.profile')}}" ><i class="glyphicon glyphicon-user"></i><span>
	                                Profile</span>
                    </a>
                </li>


                <li>
                    <a href="{{ route('logout') }}"
                       onclick="event.preventDefault();
	                                         document.getElementById('logout-form').submit();"><i class="glyphicon glyphicon-off"></i>
                        <span> Logout</span>
                    </a>

                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        {{ csrf_field() }}
                    </form>
                </li>
            @endif


        </ul>
    </section>

</aside>