{{-- Topbar --}}
<div class="topbar">


            <div class="dropdown">
                {{-- Toggle --}}
                <div class="topbar-item" data-toggle="dropdown" data-offset="10px,0px">
                    <div class="btn btn-icon btn-clean btn-dropdown btn-lg mr-1 pulse pulse-primary">
                        {{ Metronic::getSVG("media/svg/avatars/unisex.svg", "svg-icon-xl svg-icon-primary") }}
                     
                    </div>
                </div>

                {{-- Dropdown --}}
                <div class="dropdown-menu p-0 m-0 dropdown-menu-right dropdown-menu-anim-up  text-center">
                    <!-- <br>
                 
                    <div style="background-color:black;"><a style=" color:white" class="btn" href="#">Profile</a></div> -->
                  <br>
                    <form style="background-color:black" id="logout-form" class="menu-link menu-toggle" action="{{ route('logout') }}" method="POST">
                            @csrf
                            
                            <button class="btn text-light" type="submit">
                            <i class="fa fa-sign-out-alt  menu-icon"></i>{{ __('Logout') }}
                            </button>
                        </form>

                    <br>
              
                </div>
            </div>
  
 

    
</div>