panel.blade.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!DOCTYPE html>
  2. <!-- Created by CodingLab |www.youtube.com/CodingLabYT-->
  3. <html lang="en" dir="ltr">
  4. <head>
  5. <meta charset="UTF-8">
  6. <!--<title> Drop Down Sidebar Menu | CodingLab </title>-->
  7. <link rel="stylesheet" href="{{ asset('backend/css/admin.css') }}">
  8. <!-- Boxiocns CDN Link -->
  9. <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11. </head>
  12. <body>
  13. <div class="sidebar close">
  14. <ul class="nav-links">
  15. <li class="dash">
  16. <a href="{{url('/dashboard')}}">
  17. <i class='bx bx-grid-alt'></i>
  18. <span class="link_name">Dashboard</span>
  19. </a>
  20. </li>
  21. <li class="mt-4">
  22. <div class="iocn-link ">
  23. <a href="{{route('presentations')}}">
  24. <i class="fa-solid fa-circle-info"></i>
  25. <span class="link_name">Presentation</span>
  26. </a>
  27. </div>
  28. <ul class="sub-menu">
  29. <li><a class="link_name" href="{{route('presentations')}}">Presentation</a></li>
  30. </ul>
  31. </li>
  32. <li>
  33. <a href="{{route('slides')}}">
  34. <i class='bx bx-pie-chart-alt-2'></i>
  35. <span class="link_name">Slides</span>
  36. </a>
  37. <ul class="sub-menu blank">
  38. <li><a class="link_name" href="{{route('slides')}}">Slide</a></li>
  39. </ul>
  40. </li>
  41. <li>
  42. <a href="{{route('categories')}}">
  43. <i class='bx bx-line-chart'></i>
  44. <span class="link_name">Categorie</span>
  45. </a>
  46. <ul class="sub-menu blank">
  47. <li><a class="link_name" href="{{route('categories')}}">Categorie</a></li>
  48. </ul>
  49. </li>
  50. <li>
  51. <a href="{{route('produits')}}">
  52. <i class='bx bx-line-chart'></i>
  53. <span class="link_name">Produit</span>
  54. </a>
  55. <ul class="sub-menu blank">
  56. <li><a class="link_name" href="{{route('produits')}}">Produit</a></li>
  57. </ul>
  58. </li>
  59. <li>
  60. <a href="{{route('promotions')}}">
  61. <i class='bx bx-compass'></i>
  62. <span class="link_name">Promotion</span>
  63. </a>
  64. <ul class="sub-menu blank">
  65. <li><a class="link_name" href="{{route('promotions')}}">Promotion</a></li>
  66. </ul>
  67. </li>
  68. <li>
  69. <a href="{{route('contact')}}">
  70. <i class='bx bx-history'></i>
  71. <span class="link_name">contact</span>
  72. </a>
  73. <ul class="sub-menu blank">
  74. <li><a class="link_name" href="{{route('contact')}}">contact</a></li>
  75. </ul>
  76. </li>
  77. <li class="profile">
  78. <a href="{{ route('logout') }}"
  79. onclick="event.preventDefault();
  80. document.getElementById('logout-form').submit();">
  81. <i class='bx bx-log-out' id="log_out" ></i>
  82. <span class="link_name">logout</span>
  83. </a>
  84. <ul class="sub-menu blank">
  85. <li><a class="link_name" href="#">logout</a></li>
  86. </ul>
  87. <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
  88. @csrf
  89. </form>
  90. </li>
  91. <li>
  92. </li>
  93. </ul>
  94. </div>
  95. <section class="home-section">
  96. <div class="home-content">
  97. <i class='bx bx-menu'></i>
  98. <!-- <span class="text">Drop Down Sidebar</span> -->
  99. </div>
  100. <main class="py-4 container">
  101. @yield('content')
  102. </main>
  103. </section>
  104. <script>
  105. let arrow = document.querySelectorAll(".arrow");
  106. for (var i = 0; i < arrow.length; i++) {
  107. arrow[i].addEventListener("click", (e) => {
  108. let arrowParent = e.target.parentElement.parentElement; //selecting main parent of arrow
  109. arrowParent.classList.toggle("showMenu");
  110. });
  111. }
  112. let sidebar = document.querySelector(".sidebar");
  113. let sidebarBtn = document.querySelector(".bx-menu");
  114. console.log(sidebarBtn);
  115. sidebarBtn.addEventListener("click", () => {
  116. sidebar.classList.toggle("close");
  117. });
  118. </script>
  119. </body>
  120. </html>