<!DOCTYPE html>
<!-- Created by CodingLab |www.youtube.com/CodingLabYT-->
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <!--<title> Drop Down Sidebar Menu | CodingLab </title>-->
    <link rel="stylesheet" href="{{ asset('backend/css/admin.css') }}">

    <!-- Boxiocns CDN Link -->
    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div class="sidebar close">

        <ul class="nav-links">
            <li class="dash">
                <a href="{{url('/dashboard')}}">
                    <i class='bx bx-grid-alt'></i>
                    <span class="link_name">Dashboard</span>
                </a>

            </li>

            <li>
                <div class="iocn-link">
                    <a href="{{route('presentations')}}">

                        <i class='bx bx-book-alt'></i>
                        <span class="link_name">Presentation</span>

                    </a>
                   
                </div>
                <ul class="sub-menu">
                    <li><a class="link_name" href="{{route('presentations')}}">Presentation</a></li>


                </ul>
            </li>
            <li>
                <a href="{{route('slides')}}">
                    <i class='bx bx-pie-chart-alt-2'></i>
                    <span class="link_name">Slides</span>
                </a>
                <ul class="sub-menu blank">
                    <li><a class="link_name" href="{{route('slides')}}">Slide</a></li>
                </ul>
            </li>
            <li>
                <a href="{{route('categories')}}">
                    <i class='bx bx-line-chart'></i>
                    <span class="link_name">Categorie</span>
                </a>
                <ul class="sub-menu blank">
                    <li><a class="link_name" href="{{route('categories')}}">Categorie</a></li>
                </ul>
            </li>

            <li>
                <a href="{{route('produits')}}">
                    <i class='bx bx-line-chart'></i>
                    <span class="link_name">Produit</span>
                </a>
                <ul class="sub-menu blank">
                    <li><a class="link_name" href="{{route('produits')}}">Produit</a></li>
                </ul>
            </li>
           
            <li>
                <a href="{{route('promotions')}}">
                    <i class='bx bx-compass'></i>
                    <span class="link_name">Promotion</span>
                </a>
                <ul class="sub-menu blank">
                    <li><a class="link_name" href="{{route('promotions')}}">Promotion</a></li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class='bx bx-history'></i>
                    <span class="link_name">History</span>
                </a>
                <ul class="sub-menu blank">
                    <li><a class="link_name" href="#">History</a></li>
                </ul>
            </li>
            <li>
                <a href="#">
                    <i class='bx bx-cog'></i>
                    <span class="link_name">Setting</span>
                </a>
                <ul class="sub-menu blank">
                    <li><a class="link_name" href="#">Setting</a></li>
                </ul>
            </li>
            <li>

            </li>
        </ul>
    </div>
    <section class="home-section">
        <div class="home-content">
            <i class='bx bx-menu'></i>
            <!-- <span class="text">Drop Down Sidebar</span> -->
        </div>
        <main class="py-4 container">

            @yield('content')

        </main>

    </section>
    <script>
        let arrow = document.querySelectorAll(".arrow");
        for (var i = 0; i < arrow.length; i++) {
            arrow[i].addEventListener("click", (e) => {
                let arrowParent = e.target.parentElement.parentElement; //selecting main parent of arrow
                arrowParent.classList.toggle("showMenu");
            });
        }
        let sidebar = document.querySelector(".sidebar");
        let sidebarBtn = document.querySelector(".bx-menu");
        console.log(sidebarBtn);
        sidebarBtn.addEventListener("click", () => {
            sidebar.classList.toggle("close");
        });

    </script>
</body>
</html>
