<x-layout bodyClass="g-sidenav-show  bg-gray-200">

  <x-navbars.student_sidebar
    activePage='notifications'></x-navbars.student_sidebar>

  <main
    class="main-content position-relative max-height-vh-100 h-100 border-radius-lg"
  >

    <!-- Navbar -->
    <x-navbars.navs.auth
      titlePage="notifications"
      role="{{ $request->user()->role }}"
    ></x-navbars.navs.auth>
    <!-- End Navbar -->

    <div class="container-fluid py-4">
      @if ($request->user()->role === 'admin')
        <x-navbars.admin_sidebar
          activePage='dashboard'></x-navbars.admin_sidebar>
      @elseif ($request->user()->role === 'teacher')
        <x-navbars.teacher_sidebar
          activePage='dashboard'></x-navbars.teacher_sidebar>
      @elseif ($request->user()->role === 'debug')
        <x-DebugDashboard
          num_of_teacher="{{ '$num_of_teacher' }}"
          num_of_classroom="{{ '$num_of_classroom' }}"
          num_of_student="{{ '$num_of_student' }}"
          num_of_schedule="{{ '$num_of_schedule' }}"
        />
      @else
        <x-StudentDashboard
          num_of_teacher="{{ '$num_of_teacher' }}"
          num_of_classroom="{{ '$num_of_classroom' }}"
          num_of_student="{{ '$num_of_student' }}"
          num_of_schedule="{{ '$num_of_schedule' }}"
        />
      @endif

      <x-footers.auth></x-footers.auth>
    </div>
  </main>

</x-layout>
