<div class="topbar-mobile" style="padding: 9px 15px;">
    <div class="row align-items-center">
        <div class="col-md-12">
            <div class="mobile-logobar">
                <a href="{{url('admin/dashboard')}}" class="mobile-logo"><img style="height: 50px;width: auto;padding-top: 8px;padding-bottom: 8px;" src="{{asset('web/images/logo/logo2.png')}}" class="img-fluid" alt="logo"></a>
            </div>
            <div class="mobile-togglebar">
                <ul class="list-inline mb-0">
                    <li class="list-inline-item">
                        <div class="profilebar">
                            <div class="dropdown">
                              <a style="padding: 15px 1px 5px;" class="dropdown-toggle" href="#" role="button" id="profilelink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img style="padding-top: 8px;" src="{{asset('assets/images/users/profile.svg')}}" class="img-fluid"></a>
                                <div class="dropdown-menu" aria-labelledby="profilelink">
                                    <div class="dropdown-item">
                                        <div class="profilename">
                                          <h5>{{Auth::guard('admin')->user()->name}}</h5>
                                        </div>
                                    </div>
                                    <div class="userbox">
                                        <ul class="list-unstyled mb-0">
                                            <li class="media dropdown-item">
                                                <a href="{{url('admin/settings')}}" class="profile-icon"><img src="{{asset('assets/images/svg-icon/settings.svg')}}" class="img-fluid">Settings</a>
                                            </li>                                                        
                                            <li class="media dropdown-item">
                                                <a href="{{url('admin/logout')}}" class="profile-icon"><img src="{{asset('assets/images/svg-icon/logout.svg')}}" class="img-fluid">Logout</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>                                   
                    </li>
                    <li class="list-inline-item">
                        <div class="menubar">
                            <a class="menu-hamburger" href="javascript:void();">
                                <img src="{{asset('assets/images/svg-icon/collapse.svg')}}" class="img-fluid menu-hamburger-collapse" alt="collapse">
                                <img src="{{asset('assets/images/svg-icon/close.svg')}}" class="img-fluid menu-hamburger-close" alt="close">
                             </a>
                         </div>
                    </li>                                
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Start Topbar -->
<div class="topbar" style="padding: 20px 30px;">
    <!-- Start row -->
    <div class="row align-items-center">
        <!-- Start col -->
        <div class="col-md-12 align-self-center">
            <div class="togglebar">
                <ul class="list-inline mb-0">
                    <li class="list-inline-item">
                        <div class="menubar">
                            <a class="menu-hamburger" href="javascript:void();">
                               <img src="{{asset('assets/images/svg-icon/collapse.svg')}}" class="img-fluid menu-hamburger-collapse">
                               <img src="{{asset('assets/images/svg-icon/close.svg')}}" class="img-fluid menu-hamburger-close">
                             </a>
                         </div>
                    </li>
                </ul>
            </div>
            <div class="infobar">
                <ul class="list-inline mb-0">
                    <li class="list-inline-item">
                        <div class="profilebar">
                            <div class="dropdown">
                              <a class="dropdown-toggle" href="#" role="button" id="profilelink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img style="padding-top: 8px;" src="{{asset('assets/images/users/profile.svg')}}" class="img-fluid"><span class="feather icon-chevron-down live-icon"></span></a>
                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="profilelink">
                                    <div class="dropdown-item">
                                        <div class="profilename">
                                          <h5>{{Auth::guard('admin')->user()->name}}</h5>
                                        </div>
                                    </div>
                                    <div class="userbox">
                                        <ul class="list-unstyled mb-0">
                                            <li class="media dropdown-item">
                                                <a href="{{url('admin/settings')}}" class="profile-icon"><img src="{{asset('assets/images/svg-icon/settings.svg')}}" class="img-fluid">Settings</a>
                                            </li>                                                        
                                            <li class="media dropdown-item">
                                                <a href="{{url('admin/logout')}}" class="profile-icon"><img src="{{asset('assets/images/svg-icon/logout.svg')}}" class="img-fluid">Logout</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>                                   
                    </li>
                </ul>
            </div>
        </div>
        <!-- End col -->
    </div> 
    <!-- End row -->
</div>