panel.blade.php 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. </head>
  13. <body>
  14. <div class="sidebar close">
  15. <ul class="nav-links">
  16. <li class="dash">
  17. <a href="{{route('dashboard')}}">
  18. <i class='bx bx-grid-alt'></i>
  19. <span class="link_name">Dashboard</span>
  20. </a>
  21. </li>
  22. <li class="mt-4">
  23. <div class="iocn-link ">
  24. <a href="{{route('presentations')}}">
  25. <i class="fa-solid fa-circle-info"></i>
  26. <span class="link_name">Presentation</span>
  27. </a>
  28. </div>
  29. <ul class="sub-menu">
  30. <li><a class="link_name" href="{{route('presentations')}}">Presentation</a></li>
  31. </ul>
  32. </li>
  33. <li>
  34. <a href="{{route('slides')}}">
  35. <i class="fa-solid fa-image"></i>
  36. <span class="link_name">Slide</span>
  37. </a>
  38. <ul class="sub-menu blank">
  39. <li><a class="link_name" href="{{route('slides')}}">Slide</a></li>
  40. </ul>
  41. </li>
  42. <li>
  43. <a href="{{route('categories')}}">
  44. <i class="fa-solid fa-tags"></i>
  45. <span class="link_name">Categorie</span>
  46. </a>
  47. <ul class="sub-menu blank">
  48. <li><a class="link_name" href="{{route('categories')}}">Categorie</a></li>
  49. </ul>
  50. </li>
  51. <li>
  52. <a href="{{route('produits')}}">
  53. <i class="fa-sharp fa-solid fa-laptop"></i>
  54. <span class="link_name">Produit</span>
  55. </a>
  56. <ul class="sub-menu blank">
  57. <li><a class="link_name" href="{{route('produits')}}">Produit</a></li>
  58. </ul>
  59. </li>
  60. <li>
  61. <a href="{{route('promotions')}}">
  62. <i class="fa-sharp fa-solid fa-percent"></i>
  63. <span class="link_name">Promotion</span>
  64. </a>
  65. <ul class="sub-menu blank">
  66. <li><a class="link_name" href="{{route('promotions')}}">Promotion</a></li>
  67. </ul>
  68. </li>
  69. <li>
  70. <a href="{{route('contacts')}}">
  71. <i class="fa-solid fa-address-book"></i>
  72. <span class="link_name">contact</span>
  73. </a>
  74. <ul class="sub-menu blank">
  75. <li><a class="link_name" href="{{route('contacts')}}">contact</a></li>
  76. </ul>
  77. </li>
  78. <li>
  79. <a href="{{route('demande')}}">
  80. <i class="fa-solid fa-address-book"></i>
  81. <span class="link_name">Devis</span>
  82. </a>
  83. <ul class="sub-menu blank">
  84. <li><a class="link_name" href="{{route('demande')}}">Devis</a></li>
  85. </ul>
  86. </li>
  87. <li class="profile">
  88. <a href="{{ route('logout') }}"
  89. onclick="event.preventDefault();
  90. document.getElementById('logout-form').submit();">
  91. <i class='bx bx-log-out' id="log_out" ></i>
  92. <span class="link_name">logout</span>
  93. </a>
  94. <ul class="sub-menu blank">
  95. <li><a class="link_name" href="#">logout</a></li>
  96. </ul>
  97. <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
  98. @csrf
  99. </form>
  100. </li>
  101. <li>
  102. </li>
  103. </ul>
  104. </div>
  105. <section class="home-section">
  106. <div class="home-content">
  107. <i class='bx bx-menu'></i>
  108. <!-- <span class="text">Drop Down Sidebar</span> -->
  109. </div>
  110. <main class="py-4 container">
  111. @yield('content')
  112. </main>
  113. </section>
  114. <section>
  115. {{-- <footer style="height:120px;margin-top:100px" class="">
  116. <p class="center" style="text-align: center;"><span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>Tifawt Technologie</span><span>.&nbsp; Tous droits reservé.</span><span>&nbsp;</span>.Dévelopé par<a href="http://www.softart-dz.net/"> SOFTART.</a><span></span></p>
  117. </footer> --}}
  118. </section>
  119. <script>
  120. let arrow = document.querySelectorAll(".arrow");
  121. for (var i = 0; i < arrow.length; i++) {
  122. arrow[i].addEventListener("click", (e) => {
  123. let arrowParent = e.target.parentElement.parentElement; //selecting main parent of arrow
  124. arrowParent.classList.toggle("showMenu");
  125. });
  126. }
  127. let sidebar = document.querySelector(".sidebar");
  128. let sidebarBtn = document.querySelector(".bx-menu");
  129. console.log(sidebarBtn);
  130. sidebarBtn.addEventListener("click", () => {
  131. sidebar.classList.toggle("close");
  132. });
  133. </script>
  134. </body>
  135. </html>