Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

top-menu.blade.php 4.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <nav class="navbar header-navbar pcoded-header">
  2. <div class="navbar-wrapper">
  3. <div class="navbar-logo">
  4. <a class="mobile-menu waves-effect waves-light" id="mobile-collapse" href="{{ url('/main/index') }}">
  5. <i class="ti-menu"></i>
  6. </a>
  7. <div class="mobile-search waves-effect waves-light">
  8. <div class="header-search">
  9. <div class="main-search morphsearch-search">
  10. <div class="input-group">
  11. <span class="input-group-addon search-close"><i class="ti-close"></i></span>
  12. <input type="text" class="form-control" placeholder="Enter Keyword">
  13. <span class="input-group-addon search-btn"><i class="ti-search"></i></span>
  14. </div>
  15. </div>
  16. </div>
  17. </div>
  18. <a href="{{ url('/main/index') }}">
  19. <img class="img-fluid" src="{{ asset( $site->logo ) }}" alt="Theme-Logo" />
  20. </a>
  21. <a class="mobile-options waves-effect waves-light">
  22. <i class="ti-more"></i>
  23. </a>
  24. </div>
  25. <div class="navbar-container container-fluid">
  26. <ul class="nav-left">
  27. <li>
  28. <div class="sidebar_toggle"><a href="javascript:void(0)"><i class="ti-menu"></i></a></div>
  29. </li>
  30. </ul>
  31. <ul class="nav-right">
  32. <!-- <li class="header-notification">
  33. <a href="#!" class="waves-effect waves-light">
  34. <i class="ti-bell"></i>
  35. <span class="badge bg-c-red"></span>
  36. </a> -->
  37. <!-- <ul class="show-notification">
  38. <li>
  39. <h6>Notifikasi</h6>
  40. <label class="label label-danger">New</label>
  41. </li> -->
  42. <!-- <li class="waves-effect waves-light">
  43. <div class="media">
  44. <img class="d-flex align-self-center img-radius" src="assets/images/avatar-2.jpg" alt="Generic placeholder image">
  45. <div class="media-body">
  46. <h5 class="notification-user">John Doe</h5>
  47. <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
  48. <span class="notification-time">30 minutes ago</span>
  49. </div>
  50. </div>
  51. </li>
  52. <li class="waves-effect waves-light">
  53. <div class="media">
  54. <img class="d-flex align-self-center img-radius" src="assets/images/avatar-4.jpg" alt="Generic placeholder image">
  55. <div class="media-body">
  56. <h5 class="notification-user">Joseph William</h5>
  57. <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
  58. <span class="notification-time">30 minutes ago</span>
  59. </div>
  60. </div>
  61. </li>
  62. <li class="waves-effect waves-light">
  63. <div class="media">
  64. <img class="d-flex align-self-center img-radius" src="assets/images/avatar-3.jpg" alt="Generic placeholder image">
  65. <div class="media-body">
  66. <h5 class="notification-user">Sara Soudein</h5>
  67. <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
  68. <span class="notification-time">30 minutes ago</span>
  69. </div>
  70. </div>
  71. </li> -->
  72. <!-- </ul>
  73. </li> -->
  74. <li class="user-profile header-notification">
  75. <a href="javascript:void(0)" class="waves-effect waves-light">
  76. <img src="@yield('img_profile')" class="img-radius" alt="User-Profile-Image">
  77. <span>@yield('name')</span>
  78. <i class="ti-angle-down"></i>
  79. </a>
  80. <ul class="show-notification profile-notification">
  81. <!--<li class="waves-effect waves-light">
  82. <a href="#!">
  83. <i class="ti-settings"></i> Settings
  84. </a>
  85. </li>-->
  86. <li class="waves-effect waves-light">
  87. <a href="{{ url('/main/staff') }}/{{ Auth::guard('sadmin')->id() }}/profile">
  88. <i class="ti-user"></i> Profil
  89. </a>
  90. </li>
  91. <!--<li class="waves-effect waves-light">
  92. <a href="email-inbox.html">
  93. <i class="ti-email"></i> My Messages
  94. </a>
  95. </li>-->
  96. <!-- <li class="waves-effect waves-light">
  97. <a href="auth-lock-screen.html">
  98. <i class="ti-lock"></i> Lock Screen
  99. </a>
  100. </li> -->
  101. <li class="waves-effect waves-light">
  102. <a href="{{ url('/request/logout') }}">
  103. <i class="ti-layout-sidebar-left"></i> Log Keluar
  104. </a>
  105. </li>
  106. <li class="waves-effect waves-light">
  107. <a>
  108. <small>Version 1.3</small>
  109. </a>
  110. </li>
  111. </ul>
  112. </li>
  113. </ul>
  114. </div>
  115. </div>
  116. </nav>