- var page_Title = 'HR Dashboard';
- var apex                  = true;
- var theme_customizer      = true;
- var dashboard_11          = true;
- var animate               = true;
- var sidebar               = true;
- var select_dt             = true;
- var trash                 = true;
- var datatable             = true;
- var page_datatable        = true;
- var swiper                = true;
- var slick                 = true;
- var header_slider         = true;
- var counter               = true;
- var scrollbar             = true;

doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container         
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | HR Dashboard
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Dashboard
                    li.breadcrumb-item.active HR Dashboard
          // Container-fluid starts
          .container.dashboard-11
            .grid.grid-cols-12.card-gap
              div(class="col-span-8 xxl:col-span-12 box-col-12")
                .grid.grid-cols-12.card-gap 
                  div(class="col-span-3 xl:col-span-6 sm:col-span-12 col-hr-6")
                    .card.widget-11.widget-hover
                      .card-body
                        .common-align.justify-start
                          .analytics-tread.bg-light-primary
                            svg.fill-primary
                              use(href='../assets/svg/icon-sprite.svg#analytics-user')
                          div 
                            span.c-o-light(class="!line-clamp-[1]") Total Employees
                            h4.counter(data-target='356') 0
                  div(class="col-span-3 xl:col-span-6 sm:col-span-12 col-hr-6")
                    .card.widget-11.widget-hover
                      .card-body
                        .common-align.justify-start
                          .analytics-tread.bg-light-secondary
                            svg.fill-secondary
                              use(href='../assets/svg/icon-sprite.svg#hire-candidate')
                          div 
                            span.c-o-light(class="!line-clamp-[1]") Hired Candidates
                            h4.counter(data-target='100') 0
                  div(class="col-span-3 xl:col-span-6 sm:col-span-12 col-hr-6")
                    .card.widget-11.widget-hover
                      .card-body
                        .common-align.justify-start
                          .analytics-tread.bg-light-warning
                            svg.fill-warning
                              use(href='../assets/svg/icon-sprite.svg#gross-salary')
                          div 
                            span.c-o-light(class="!line-clamp-[1]") Gross Salary
                            h4.counter(data-target='562210') 0
                  div(class="col-span-3 xl:col-span-6 sm:col-span-12 col-hr-6")
                    .card.widget-11.widget-hover
                      .card-body
                        .common-align.justify-start
                          .analytics-tread.bg-light-success
                            svg.fill-success
                              use(href='../assets/svg/icon-sprite.svg#new-employee')
                          div 
                            span.c-o-light(class="!line-clamp-[1]") New Employee
                            h4.counter(data-target='70') 0
                  div(class="col-span-6 md:col-span-12 xl-60 box-col-6")
                    .card.project-finish-card.overflow-hidden
                      .card-body
                        div
                          .grid.grid-cols-12.card-gap 
                            div(class="col-span-6 sm:col-span-12")
                              .project-left-content
                                h5 Congratulations
                                p.c-o-light 10 projects have been finished this year.  
                                .growth-info
                                  h5.txt-primary 95.10%
                                  p.font-medium.c-light.flex Last Year 
                                    span.c-o-light.font-normal.f-12.ms-1.me-2 83.04%
                                    span.badge.badge-light-success +14%
                                .project-progress 
                                  span.f-14.font-medium Clients Satisfaction
                                  .progress
                                    .progress-bar(role='progressbar', style='width: 50%')
                                      .common-f-start
                                        div.progress-box
                                          div.rounded-bar
                                          div 
                                          div
                                          div 
                                          div 
                                          div 
                                          div 
                                          div 
                                          div
                                          div 
                                          div 
                                          div 
                                          div 
                                          div 
                                          div 
                                          div 
                                          div  
                            div(class="col-span-6 sm:col-span-12")
                                img.project-right-content.max-w-full.h-auto(src="../assets/images/dashboard-11/vector-pc.png", alt="vector pc")
                  div(class="col-span-6 md:col-span-12 xl-5 box-col-6")
                    .card.sales-report
                      .card-header.card-no-border
                        .header-top 
                          h5 Applications Overview
                          .card-header-right-icon
                            .dropdown.icon-dropdown
                              button#applicationOverview.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                i.icon-more-alt
                              .dropdown-menu.dropdown-menu-end(aria-labelledby='applicationOverview')
                                a.dropdown-item(href='#!') Today
                                a.dropdown-item(href='#!') Tomorrow
                                a.dropdown-item(href='#!') Yesterday
                      .card-body.pt-0.analytics-data.application-overview
                        ul.balance-data 
                          li
                            span.circle.bg-primary
                            span.c-light.ms-1 Applications
                          li
                            span.circle.bg-warning 
                            span.c-light.ms-1 Hired
                        .app-overview-wrapper
                          #app-overview
                  div(class="col-span-12 xxl:col-span-6 md:col-span-12 box-col-6") 
                    .card.heading-space
                      .card-header.card-no-border
                        .header-top
                          h5 Employee List
                          .card-header-right-icon
                            .dropdown.icon-dropdown
                              button#employeeList.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                i.icon-more-alt
                              .dropdown-menu.dropdown-menu-end(aria-labelledby='employeeList')
                                a.dropdown-item(href='#!') This Month
                                a.dropdown-item(href='#!') Previous Month
                                a.dropdown-item(href='#!') Last 3 Months
                                a.dropdown-item(href='#!') Last 6 Months
                      .card-body.px-0.pt-0.seller-table
                        .recent-table.overflow-x-auto.custom-scrollbar.employee-list-table
                          table.table#employee-list
                            thead 
                              tr
                                th  
                                th Name
                                th Employees ID
                                th(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") Email ID
                                th Joining  Date
                                th Role 
                                th Actions
                            tbody 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/12.jpg',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Wade Warren
                                td #45812
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") wade.warr@co.in
                                td 20 Jun,2025
                                td Web Designer
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard/user/6.jpg',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Michael Mit
                                td #58698
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") michael.mit@co.in
                                td 10 Dec,2025
                                td UI Designer
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/8.jpg',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Jenny Wilson
                                td #320148
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") jenny.wilson@co.in
                                td 13 May,2025
                                td Researcher
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/3.jpg',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Guy Hawkins
                                td #874264
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") guy.hawkins@co.in
                                td 17 Oct,2025
                                td App Developer
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-9/user/2.png',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Esther Howard
                                td #200148
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") esther.howard@co.in
                                td 22 Jan,2025
                                td Graphic Designer
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-9/user/5.png',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Jacob Jones
                                td #985367
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") jacob.jones@co.in
                                td 20 Apr,2025
                                td App Developer
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-9/user/3.png',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Arlene McCoy
                                td #45812
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") arlene.mccoy@co.in
                                td 02 Mar,2025
                                td Web Designer
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                              tr.inbox-data
                                td 
                                td
                                  .common-flex.items-center
                                    img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-9/user/1.png',alt='user' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                    a(href="user-list.html").font-medium Robert Fox
                                td #589654
                                td(class="[@media(min-width:1200px)_and_(max-width:1480px)]:!hidden") robert.fox@co.in
                                td 12 Feb,2025
                                td JS Developer 
                                td 
                                  .common-align.gap-2.justify-start 
                                    .square-white
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-pen')
                                    .square-white.trash-3
                                      svg
                                        use(href='../assets/svg/icon-sprite.svg#hr-trash') 
                  div(class="col-span-8 xxl:col-span-6 md:col-span-12 box-col-6")
                    .card
                      .card-header.card-no-border
                        .header-top
                          h5 Attendance Overview
                          .card-header-right-icon
                            .dropdown.icon-dropdown
                              button#bestSeller.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false' class="[@media(min-width:768px)_and_(max-width:1199px)]:!h-[26px]")
                                i.icon-more-alt
                              .dropdown-menu.dropdown-menu-end(aria-labelledby='bestSeller')
                                a.dropdown-item(href='#!') This Month
                                a.dropdown-item(href='#!') Previous Month
                                a.dropdown-item(href='#!') Last 3 Months
                                a.dropdown-item(href='#!') Last 6 Months
                      .card-body.px-0.pt-0
                        .recent-table.overflow-x-auto.custom-scrollbar.attendance-table
                          table.table#attendance-overview 
                            thead 
                              tr 
                                th Employee Name
                                th Designation
                                th Check In Time
                                th Status
                            tbody 
                              tr 
                                td
                                  a(href="user-list.html").font-medium David Jones
                                td Web Designer
                                td 9:26 AM
                                td 
                                  span.badge.badge-light-success On Time
                              tr 
                                td
                                  a(href="user-list.html").font-medium Joseph Miller
                                td UI-UX Designer
                                td 10:48 AM
                                td 
                                  span.badge.badge-light-danger Late
                              tr 
                                td
                                  a(href="user-list.html").font-medium Daniel Moore
                                td Python Developer
                                td 9:30 AM
                                td 
                                  span.badge.badge-light-success On Time
                              tr 
                                td
                                  a(href="user-list.html").font-medium Ava Garcia
                                td JS Developer
                                td 10:04 AM
                                td 
                                  span.badge.badge-light-success On Time 
                              tr 
                                td
                                  a(href="user-list.html").font-medium Amelia Lee
                                td Next Developer
                                td 11:48 AM
                                td 
                                  span.badge.badge-light-danger Late
                              tr 
                                td
                                  a(href="user-list.html").font-medium Harper Scott
                                td Marketing
                                td 04:45 AM
                                td 
                                  span.badge.badge-light-success On Time
                              tr 
                                td
                                  a(href="user-list.html").font-medium Jack Smith
                                td ML Developer
                                td 02:20 AM
                                td 
                                  span.badge.badge-light-danger Late
                              tr 
                                td
                                  a(href="user-list.html").font-medium Cole Brown
                                td AI Developer
                                td 03.45 AM
                                td 
                                  span.badge.badge-light-success On Time
                  div(class="col-span-4 xxl:col-span-5 sm:col-span-12 box-col-5")
                    .card.bhd-user-cards 
                      .card-body
                        .birthday-cards.text-center
                          h5 Today's Birthday !!!
                          .swiper.swiper-11(class="[@media(min-width:1400px)_and_(max-width:1447px)]:!my-[60px]")
                            .swiper-wrapper
                              .swiper-slide
                                .birthday-usercard
                                  .btd-user
                                    img.max-w-full.h-auto(src="../assets/images/dashboard-12/user/10.png", alt="Birthday user")
                                    .verified-user
                                      i.fa-solid.fa-check
                                  h5 Isabella Martinez
                                  h6.font-normal UI Designer
                              .swiper-slide
                                .birthday-usercard
                                  .btd-user
                                    img.max-w-full.h-auto(src="../assets/images/dashboard-12/user/2.png", alt="Birthday user")
                                    .verified-user
                                      i.fa-solid.fa-check
                                  h5 Liam Taylor
                                  h6.font-normal JS Developer
                              .swiper-slide
                                .birthday-usercard
                                  .btd-user
                                    img.max-w-full.h-auto(src="../assets/images/dashboard-12/user/5.png", alt="Birthday user")
                                    .verified-user
                                      i.fa-solid.fa-check
                                  h5 Sophia Rodriguez
                                  h6.font-normal Tester
                            .swiper-button-next
                            .swiper-button-prev
                          .send-wishes.btn-hover-effect
                            span.f-14.font-medium Send Wishes
                            i.fa-solid.fa-chevron-right.ms-auto
                  div(class="col-span-12 xxl:col-span-7 sm:col-span-12 box-col-7")
                    .card.sales-report.project-analytics
                      .card-header.card-no-border
                        .header-top 
                          h5.flex Recruitment Analysis
                            span.c-o-light.f-14.ps-2.font-normal (Department Wise)
                          .card-header-right-icon
                            .dropdown.icon-dropdown
                              button#projectAnalytics.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                i.icon-more-alt
                              .dropdown-menu.dropdown-menu-end(aria-labelledby='projectAnalytics')
                                a.dropdown-item(href='#!') Today
                                a.dropdown-item(href='#!') Tomorrow
                                a.dropdown-item(href='#!') Yesterday
                      .card-body.pt-0.analytics-data
                        ul.balance-data 
                          li
                            span.circle.bg-primary
                            span.c-light.ms-2 Designers
                          li
                            span.circle.bg-secondary 
                            span.c-light.ms-2 Developers
                          li
                            span.circle.bg-warning
                            span.c-light.ms-2 Managers
                          li
                            span.circle.bg-success
                            span.c-light.ms-2 Sales & marketing
                        .project-analytics-wrapper
                          #project_analytics
              div(class="col-span-4 xxl:col-span-12 box-col-12") 
                .grid.grid-cols-12.card-gap 
                  div(class="col-span-12") 
                    .card.schedule-calender
                      .card-header.card-no-border
                        .header-top 
                          h5 Today's Schedule
                          .card-header-right-icon
                            a.btn.font-medium(href="#!") + Add
                      .card-body.pt-0
                        .tabs
                          .schedule-wrapper
                            ul.tab-links.flex.flex-wrap
                              li.nav-item
                                  a.tab-link.active(data-tabfilter="1")
                                      h6 Mon 
                                      span.font-normal 01
                              li.nav-item
                                  a.tab-link(data-tabfilter="2")
                                      h6 Tue 
                                      span.font-normal 02
                              li.nav-item
                                  a.tab-link(data-tabfilter="3")
                                      h6 Wed
                                      span.font-normal 03
                              li.nav-item
                                  a.tab-link(data-tabfilter="4")
                                      h6 Thu 
                                      span.font-normal 04
                              li.nav-item
                                  a.tab-link(data-tabfilter="5")
                                      h6 Fri 
                                      span.font-normal 05
                              li.nav-item
                                  a.tab-link(data-tabfilter="6")
                                      h6 Sat
                                      span.font-normal 06
                              li.nav-item
                                  a.tab-link(data-tabfilter="7")
                                      h6 Sun
                                      span.font-normal 07
                          .tab-content
                            .tab-pan.active.show(data-tabcontent="1")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Meeting With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/6.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/user/3.png", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/3.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 09.00 - 12.00 AM
                                li
                                  div.flex.items-center.b-l-secondary
                                    .left-schedule
                                      span Client Meeting with BDE
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name HR Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 01.00 - 02.00 AM
                                li
                                  div.flex.items-center.b-l-warning
                                    .left-schedule
                                      span Interview With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/2.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/5.jpg", alt="user")
                                        span.c-o-light.schedule-name Manager's Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 02.00 - 02.30 AM
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Training Session
                                      .common-f-start
                                        .customers
                                          ul.flex
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/13.jpg", alt="user")
                                        span.c-o-light.schedule-name Training Room
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 05.30 - 06.00 AM
                                li
                                  div.flex.items-center.b-l-info
                                    .left-schedule
                                      span Performance Review
                                      .common-f-start
                                        .customers
                                          ul.flex
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/11.jpg", alt="user")
                                        span.c-o-light.schedule-name HR Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 08.30 - 09:00 PM
                            .tab-pan(data-tabcontent="2")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-secondary
                                    .left-schedule
                                      span Client Meeting with BDE
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name HR Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 01.00 - 02.00 AM
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Training Session
                                      .common-f-start
                                        .customers
                                          ul.flex
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name Training Room
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 05.30 - 06.00 AM
                            .tab-pan(data-tabcontent="3")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Meeting With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/6.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/user/3.png", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/3.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 09.00 - 12.00 AM
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM
                                li
                                  div.flex.items-center.b-l-warning
                                    .left-schedule
                                      span Interview With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/2.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/5.jpg", alt="user")
                                        span.c-o-light.schedule-name Manager's Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 02.00 - 02.30 AM                            
                            .tab-pan(data-tabcontent="4")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Meeting With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/6.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/user/3.png", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/3.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 09.00 - 12.00 AM
                                li
                                  div.flex.items-center.b-l-secondary
                                    .left-schedule
                                      span Client Meeting with BDE
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name HR Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 01.00 - 02.00 AM
                                li
                                  div.flex.items-center.b-l-warning
                                    .left-schedule
                                      span Interview With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/2.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/5.jpg", alt="user")
                                        span.c-o-light.schedule-name Manager's Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 02.00 - 02.30 AM
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM                      
                            .tab-pan(data-tabcontent="5")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Performance Review
                                      .common-f-start
                                        .customers
                                          ul.flex
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/11.jpg", alt="user")
                                        span.c-o-light.schedule-name HR Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 08.30 - 09:00 PM                                  
                            .tab-pan(data-tabcontent="6")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Training Session
                                      .common-f-start
                                        .customers
                                          ul.flex
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name Training Room
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 05.30 - 06.00 AM
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM
                                li
                                  div.flex.items-center.b-l-warning
                                    .left-schedule
                                      span Interview With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/2.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/5.jpg", alt="user")
                                        span.c-o-light.schedule-name Manager's Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 02.00 - 02.30 AM
                                li
                                  div.flex.items-center.b-l-secondary
                                    .left-schedule
                                      span Client Meeting with BDE
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard-11/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name HR Office
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 01.00 - 02.00 AM
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Meeting With Candidate
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/1.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/6.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/user/3.png", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/3.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 09.00 - 12.00 AM
                            .tab-pan(data-tabcontent="7")
                              ul.activity-update
                                li
                                  div.flex.items-center.b-l-primary
                                    .left-schedule
                                      span Training Session
                                      .common-f-start
                                        .customers
                                          ul.flex
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/7.jpg", alt="user")
                                        span.c-o-light.schedule-name Training Room
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 05.30 - 06.00 AM
                                li
                                  div.flex.items-center.b-l-success
                                    .left-schedule
                                      span Employee Engagement
                                      .common-f-start
                                        .customers
                                          ul.flex 
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/4.jpg", alt="user")
                                            li.d-inline-block
                                              img.img-40.rounded-full(src="../assets/images/dashboard/user/2.jpg", alt="user")
                                        span.c-o-light.schedule-name Zoom Meeting
                                    .right-schedule
                                      svg.fill-icon.fill-success
                                        use(href='../assets/svg/icon-sprite.svg#clock')
                                      span.c-o-light 03.00 - 04.15 AM    
                  div(class="col-span-12 xxl:col-span-6 md:col-span-12 box-col-6")
                    .card
                      .card-header.card-no-border
                        .header-top 
                          h5 Interviews Scheduled
                          .card-header-right-icon
                            .dropdown.icon-dropdown
                              button#interviewSchedule.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                i.icon-more-alt
                              .dropdown-menu.dropdown-menu-end(aria-labelledby='interviewSchedule')
                                a.dropdown-item(href='#!') Today
                                a.dropdown-item(href='#!') Tomorrow
                                a.dropdown-item(href='#!') Yesterday
                      .card-body.interviewer-users.pt-0
                        ul 
                          li
                            .common-flex 
                              img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/1.jpg", alt="user") 
                              div
                                h6 Lucas E.
                                span UI Designer
                            span 10 Feb,2025
                            i.fa-solid.fa-angle-right.c-o-light(class="[@media(min-width:1400px)_and_(max-width:1599px)]:!hidden")
                          li
                            .common-flex 
                              img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/2.jpg", alt="user") 
                              div
                                h6 Leslie A.
                                span Web Designer
                            span 17 Oct, 2025 
                            i.fa-solid.fa-angle-right.c-o-light(class="[@media(min-width:1400px)_and_(max-width:1599px)]:!hidden") 
                          li
                            .common-flex 
                              img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/4.jpg", alt="user") 
                              div
                                h6 Savannah N.
                                span Js Developer 
                            span 21 Sep, 2025
                            i.fa-solid.fa-angle-right.c-o-light(class="[@media(min-width:1400px)_and_(max-width:1599px)]:!hidden") 
                          li
                            .common-flex 
                              img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/7.jpg", alt="user") 
                              div
                                h6 Darlene R.
                                span App Developer
                            span 22 May, 2025
                            i.fa-solid.fa-angle-right.c-o-light(class="[@media(min-width:1400px)_and_(max-width:1599px)]:!hidden")
                          li
                            .common-flex 
                              img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/10.jpg", alt="user") 
                              div
                                h6 Marvin M.
                                span Marketing
                            span 18 Sep, 2025
                            i.fa-solid.fa-angle-right.c-o-light(class="[@media(min-width:1400px)_and_(max-width:1599px)]:!hidden") 
                  di(class="col-span-12 xxl:col-span-6 md:col-span-12 box-col-6")
                    .card
                      .card-header.card-no-border
                        .header-top 
                          h5 Leave Request
                          .card-header-right-icon
                            .dropdown.icon-dropdown
                              button#visitorButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                i.icon-more-alt
                              .dropdown-menu.dropdown-menu-end(aria-labelledby='visitorButton')
                                a.dropdown-item(href='#!') Today
                                a.dropdown-item(href='#!') Tomorrow
                                a.dropdown-item(href='#!') Yesterday
                      .card-body.px-0.pt-0
                        .overflow-x-auto.leave-request-table.custom-scrollbar
                          table.table#leave-employee
                            thead 
                              tr 
                                th Name
                                th Reason
                                th Action
                            tbody 
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard/user/6.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Alison Carol
                                      p.mb-0.f-light 24 Jul to 26 Jul 2025
                                  
                                td Family Function
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard-11/user/3.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Miranda Bailey
                                      p.mb-0.f-light 10 May to 12 May 2025
                                  
                                td Personal Leave
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard/user/10.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Kathryn Roe
                                      p.mb-0.f-light 01 Oct to 10 Oct 2025
                                  
                                td Sick Leave
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard/user/9.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Andrew Baker
                                      p.mb-0.f-light 15 Nov to 20 Nov 2025
                                td Personal Leave
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard-11/user/9.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Bob James
                                      p.mb-0.f-light 14 Feb to 16 Feb 2025
                                td Sick Leave
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard-11/user/12.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Thomas Tim
                                      p.mb-0.f-light 03 Mar to 10 Mar 2025
                                td Out of Town
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard-11/user/5.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Muriel Bing
                                      p.mb-0.f-light 09 Feb to 16 Feb 2025
                                td Out of Town
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger
                              tr 
                                td
                                  .flex
                                    img.max-w-full.rounded-full.me-2(src='../assets/images/dashboard-11/user/11.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1780px)]:!hidden")
                                    .img-content-box
                                      a(href="#!").font-medium Russell Rose
                                      p.mb-0.f-light 01 Nov to 05 Nov 2025
                                td Sick Leave
                                td
                                  .common-align.gap-2.justify-start
                                    .approval-box.bg-success
                                      i.fa-solid.fa-check.text-white
                                    .approval-box.border.border-danger
                                      i.fa-solid.fa-ban.txt-danger

          // Container-fluid Ends
        include ../../components/footer        
    include ../../components/footer-files