<x-layout bodyClass="g-sidenav-show  bg-gray-200">
  @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-navbars.debug_sidebar activePage='dashboard'></x-navbars.debug_sidebar>
  @else
    <x-navbars.student_sidebar
      activePage='dashboard'
      studentId="{{ $current_student->id }}"
    ></x-navbars.student_sidebar>
  @endif

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

    <!-- Navbar -->
    <x-navbars.navs.auth
      titlePage="Students"
      role="{{ $request->user()->role }}"
      firstName="{{ $current_student->firstName }}"
      last_name="{{ $current_student->lastName }}"
    >
    </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' }}"
        />
      @elseif ($request->user()->role === 'student')
        <x-StudentDashboard
          num_of_student="{{ $num_of_student }}"
          num_of_teacher="{{ $num_of_teacher }}"
          num_of_schedule="{{ $num_of_schedule }}"
          num_of_subject_applied="{{ $num_of_subject_applied }}"
          num_of_exam="{{ $num_of_exam }}"
          student_id="{{ $current_student->id }}"
        />
      @else
        <div style="display: none">no this user</div>
      @endif

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

</x-layout>
