Rapport-Laravel/resources/views/layouts/shared/topbar.blade.php

91 lines
3.9 KiB
PHP
Executable File

<!-- Topbar Start -->
<div class="navbar-custom" style="background-color: #6658dd;">
<div class="container-fluid">
<ul class="list-unstyled topnav-menu float-end mb-0">
<li class="dropdown d-none d-lg-inline-block">
<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="fullscreen" href="#">
<i class="fe-maximize noti-icon"></i>
</a>
</li>
<li class="dropdown notification-list topbar-dropdown">
<a class="nav-link dropdown-toggle nav-user me-0 waves-effect waves-light" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<img src="{{ auth()->user()->avatar }}" alt="user-image" class="rounded-circle">
<span class="pro-user-name ms-1">
{{ auth()->user()->name }} <i class="mdi mdi-chevron-down"></i>
</span>
</a>
<div class="dropdown-menu dropdown-menu-end profile-dropdown ">
<!-- item-->
<div class="dropdown-header noti-title">
<h6 class="text-overflow m-0">Welcome !</h6>
</div>
<!-- item-->
<a href="{{ route('myaccount') }}" class="dropdown-item notify-item">
<i class="fe-user"></i>
<span>My Account</span>
</a>
<div class="dropdown-divider"></div>
<!-- item-->
<form method="POST" action="{{ route('logout') }}">
@csrf
<a href="javascript:void(0);" class="dropdown-item notify-item" onclick="event.preventDefault();
this.closest('form').submit();">
<i class="fe-log-out"></i>
<span>Logout</span>
</a>
</form>
</div>
</li>
</ul>
<!-- LOGO -->
<div class="logo-box" style="padding: 5px;">
<a href="{{route('any', 'index')}}" class="logo logo-dark text-center">
<span class="logo-sm">
<img src="{{asset('/images/velogo-light.png.png')}}" alt="" height="35">
<!-- <span class="logo-lg-text-light">UBold</span> -->
</span>
<span class="logo-lg">
<img src="{{asset('/images/velogo-light.png.png')}}" alt="" height="35">
<!-- <span class="logo-lg-text-light">U</span> -->
</span>
</a>
<a href="{{route('any', 'index')}}" class="logo logo-light text-center">
<span class="logo-sm">
<img src="{{asset('/images/velogo-light.png')}}" alt="" height="35">
</span>
<span class="logo-lg">
<img src="{{asset('/images/velogo-light.png')}}" alt="" height="35">
</span>
</a>
</div>
<ul class="list-unstyled topnav-menu topnav-menu-left m-0">
<li>
<button class="button-menu-mobile waves-effect waves-light">
<i class="fe-menu"></i>
</button>
</li>
<li>
<!-- Mobile menu toggle (Horizontal Layout)-->
<a class="navbar-toggle nav-link" data-bs-toggle="collapse" data-bs-target="#topnav-menu-content">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<!-- end Topbar