


  <!-- Start Header -->
<header>
    <div class="top-header d-flex align-items-center py-2">
        <div class="container">
            <div class="row">

                <div class="col-6 col-md-4">
                    <a href="">
                        <img width="60" src="{{ asset('frontend/assets/images/logo.png') }}" alt="logo">
                    </a>
                </div>



                <div class="col-6 col-md-4 d-flex align-items-center">
                    <input type="text" class="form-control" placeholder="اكتب اسم المنتج للبحث عنه">
                </div>




                <div class="col-md-4 left-header d-flex align-items-center d-none d-lg-flex justify-content-end">
                    <a  data-bs-toggle="offcanvas" href="#cart" role="button" aria-controls="offcanvasExample">
                        <span>المدونة</span>
                        <i class="fa-solid fa-cart-shopping"></i>
                    </a>
                    <a  href="/login" role="button">
                        <span>تسجيل الدخول</span>
                        <i class="fa-solid fa-user"></i>
                    </a>
                    <a href="/courses">
                        <span>الكورسات</span>
                        <i class="fa-solid fa-heart"></i>
                    </a>
                </div>



            </div>
        </div>
    </div>

    <div class="buttom-header">
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container">

              <!-- <a class="navbar-brand" href="#">Navbar</a> -->
              <button class="navbar-toggler menu-icon" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>


              <div>
                <button class="navbar-toggler menu-icon" type="button" data-bs-toggle="offcanvas" href="#cart" >
                    <i class="fa-solid fa-cart-shopping"></i>
                  </button>
                <button class="navbar-toggler menu-icon" type="button" data-bs-toggle="offcanvas" href="#login" >
                    <i class="fa-solid fa-user"></i>
                  </button>
              </div>


              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                  <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="{{ route('frontend.home') }}">الرئيسية</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="{{ route('frontend.courses.index') }}">الكورسات</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="{{ route('frontend.reviews.index') }}">آراء الطلاب</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="{{ route('frontend.students.index') }}">الطلاب</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">من نحن</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="{{ route('frontend.blog.index') }}">المدونة</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="{{ route('frontend.contact') }}">اتصل بنا</a>
                  </li>


                </ul>

              </div>
            </div>
          </nav>
    </div>
</header>
  <!-- End Header -->
