- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var apex                  = true;
- var dashboard_7           = true;
- var animate               = true;
- var scrollbar             = true;
- var height_equal          = true;
- var date_picker           = 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-fluid
            .page-title
              .row
                .col-6
                  h4
                    | School Management
                .col-6
                  ol.breadcrumb
                    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 School Manage
          // Container-fluid starts
          .container-fluid
            .row
                .col-xxl-9.box-col-12
                    .row 
                        .col-xxl-4.col-md-5
                            .card
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Academic Performance
                                        .dropdown.icon-dropdown
                                            button#performance_dropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                i.icon-more-alt
                                            .dropdown-menu.dropdown-menu-end(aria-labelledby='performance_dropdown')
                                                a.dropdown-item(href='#') Today
                                                a.dropdown-item(href='#') Tomorrow
                                                a.dropdown-item(href='#') Yesterday 
                                .card-body.pt-0
                                    .performance-wrap
                                        #academic_performance-chart
                        .col-xxl-8.col-md-7
                            .card
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 School Performance
                                        .card-header-right-icon
                                            .dropdown
                                                button#viewButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                    | Today
                                                .dropdown-menu.dropdown-menu-end(aria-labelledby='viewButton')
                                                    a.dropdown-item(href='#') Today
                                                    a.dropdown-item(href='#') Tomorrow
                                                    a.dropdown-item(href='#') Yesterday
                                .card-body.pt-0
                                    .school-performance-wrap
                                        #chart-school-performance            
                        .col-md-4.col-sm-6
                            .card.widget-hover.overflow-hidden
                                .card-header.card-no-border.pb-2
                                    h5 Total Teachers
                                .card-body.pt-0.count-student
                                    .school-wrapper 
                                        .school-header
                                            h4.txt-secondary 1,098
                                            div.d-flex.gap-1.align-items-center.flex-wrap.pt-xxl-0.pt-2
                                                i.icon-arrow-down.f-light
                                                span.f-w-500.f-light -3.7%
                                                p.text-muted than last month
                                        .school-body 
                                            img(src="../assets/images/dashboard-7/icon-2.svg", alt="total teachers")
                                            .right-line
                                                img(src="../assets/images/dashboard-7/line.png", alt="line")
                        .col-md-4.col-sm-6
                            .card.widget-hover.overflow-hidden
                                .card-header.card-no-border.pb-2
                                    h5 Total Events
                                .card-body.pt-0.count-student
                                    .school-wrapper 
                                        .school-header
                                            h4.txt-success 890
                                            div.d-flex.gap-1.align-items-center.flex-wrap.pt-xxl-0.pt-2
                                                i.icon-arrow-up.f-light
                                                span.f-w-500.f-light +6.7%
                                                p.text-muted than last month
                                        .school-body 
                                            img(src="../assets/images/dashboard-7/icon4.svg", alt="total events")
                                            .right-line
                                                img(src="../assets/images/dashboard-7/line.png", alt="line")
                        .col-md-4
                            .card.widget-hover.overflow-hidden
                                .card-header.card-no-border.pb-2
                                    h5 Invoice Status
                                .card-body.pt-0.count-student
                                    .school-wrapper 
                                        .school-header
                                            h4.txt-warning 890
                                            div.d-flex.gap-1.align-items-center.flex-wrap.pt-xxl-0.pt-2
                                                i.icon-arrow-up.f-light
                                                span.f-w-500.f-light +2.0%
                                                p.text-muted than last month
                                        .school-body 
                                            img(src="../assets/images/dashboard-7/icon-3.svg", alt="Invoice status")
                                            .right-line
                                                img(src="../assets/images/dashboard-7/line.png", alt="line")
                        .col-xl-4.col-sm-6.box-col-5
                            .card.height-equal
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Income
                                        .dropdown.icon-dropdown
                                            button#income_dropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                i.icon-more-alt
                                            .dropdown-menu.dropdown-menu-end(aria-labelledby='income_dropdown')
                                                a.dropdown-item(href='#') Today
                                                a.dropdown-item(href='#') Tomorrow
                                                a.dropdown-item(href='#') Yesterday 
                                .card-body.pt-0
                                    .income-wrapper
                                        ul 
                                            li
                                                .income-dot.dot-primary
                                                span.text-muted Income
                                                h6 $3,990.23    
                                            li 
                                                .income-dot.dot-warning
                                                span.text-muted Spending
                                                h6 $5,071.43
                                            li 
                                                .income-dot.dot-success
                                                span.text-muted Profit
                                                h6 $4000.0
                                        .main-income-chart
                                            #income_chart
                        .col-xl-8.col-12.order-1.order-xl-0.box-col-7
                            .card.height-equal
                                .card-header.pb-0
                                    .performance-wrapper
                                        .performance-left
                                            ul#topline-tab.nav.nav-tabs.border-tab.border-0.mb-0(role='tablist')
                                                li.nav-item
                                                    a#toplinetopoverview-tab.nav-link.active.nav-border(data-bs-toggle='tab' href='#toplinetopoverview' role='tab' aria-selected='true')
                                                        | Overview
                                                li.nav-item
                                                    a#toplinetopperformance-tab.nav-link.nav-border(data-bs-toggle='tab' href='#toplinetopperformance' role='tab' aria-selected='false')
                                                        | Performance
                                        .performance-right 
                                            p.mb-0 28-02-2023
                                            i.fa.fa-calendar.txt-primary
                                .card-body 
                                    .row.g-md-0.g-4
                                        .col-xl-5.col-md-4.box-col-12
                                            .attendance-chart
                                                #chart_current_academic
                                        .col-xl-7.col-md-8.box-col-none
                                            .row.g-3
                                                .col-xl-12 
                                                    .light-card.attendance-card.widget-hover
                                                        .left-overview-content
                                                            .svg-box
                                                                img(src="../assets/images/dashboard-7/attendance/1.png", alt="homework")
                                                        .right-overview-content
                                                            div 
                                                                h6 Homework
                                                                span.text-muted.text-ellipsis Bring Something into the Classroom...
                                                            div.d-flex.marks-count
                                                                h5 89/
                                                                    sub.text-muted 100
                                                                div.d-flex.justify-content-center.align-items-center
                                                                    i.icon-arrow-up.txt-success.pe-2.f-w-600
                                                                    span.txt-success.f-w-500 +80%
                                                .col-xl-12 
                                                    .light-card.attendance-card.widget-hover
                                                        .left-overview-content
                                                            .svg-box
                                                                img(src="../assets/images/dashboard-7/attendance/2.png", alt="tests")
                                                        .right-overview-content
                                                            div 
                                                                h6 Tests
                                                                span.text-muted.text-ellipsis These 5 study tips can help you take...
                                                            div.d-flex.marks-count
                                                                h5 95/
                                                                    sub.text-muted 100
                                                                div.d-flex.justify-content-center.align-items-center
                                                                    i.icon-arrow-up.txt-success.pe-2.f-w-600
                                                                    span.txt-success.f-w-500 +97%
                                                .col-xl-12 
                                                    .light-card.attendance-card.widget-hover
                                                        .left-overview-content
                                                            .svg-box
                                                                img(src="../assets/images/dashboard-7/attendance/3.png", alt="attendance")
                                                        .right-overview-content
                                                            div 
                                                                h6 Attendance
                                                                span.text-muted.text-ellipsis Student absence reduces even best...
                                                            div.d-flex.marks-count
                                                                h5 92/
                                                                    sub.text-muted 100
                                                                div.d-flex.justify-content-center.align-items-center
                                                                    i.icon-arrow-up.txt-success.pe-2.f-w-600
                                                                    span.txt-success.f-w-500 +94%
                        .col-xl-4.col-sm-6.order-0
                            .card.height-equal
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Event Calendar
                                        .dropdown.icon-dropdown
                                            button#calender_dropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                i.icon-more-alt
                                            .dropdown-menu.dropdown-menu-end(aria-labelledby='calender_dropdown')
                                                a.dropdown-item(href='#') Today
                                                a.dropdown-item(href='#') Tomorrow
                                                a.dropdown-item(href='#') Yesterday 
                                .card-body.pt-0
                                    .default-datepicker 
                                        .datepicker-here(data-language='en')
                        .col-xl-8.order-2
                            .card.height-equal
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Today's Task
                                        .dropdown.icon-dropdown
                                            button#task_dropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                i.icon-more-alt
                                            .dropdown-menu.dropdown-menu-end(aria-labelledby='task_dropdown')
                                                a.dropdown-item(href='#') Today
                                                a.dropdown-item(href='#') Tomorrow
                                                a.dropdown-item(href='#') Yesterday 
                                .card-body.pt-0.task-table
                                    .main-task
                                        span.text-muted 2 Task 
                                            span.txt-success completed  
                                                span.text-muted  out of 12
                                        .progress.task-progress
                                            .progress-bar.w-50.bg-success(role='progressbar' aria-label='Basic example' aria-valuenow='50' aria-valuemin='0' aria-valuemax='100')
                                    .recent-table.table-responsive.currency-table.task-table 
                                        table.table 
                                                tbody.main-task-wrapper
                                                    tr 
                                                        td
                                                            div.d-flex
                                                                .form-check.checkbox-width.checkbox.checkbox-primary.mb-0
                                                                        input#checkbox-task-1.from-check-input(type="checkbox" checked='')
                                                                        label.form-check-label(for="checkbox-task-1")  
                                                                div.d-flex.align-items-center.gap-2.justify-content-center
                                                                    div 
                                                                        h6.pb-1 Teacher Meeting & Campus Tour
                                                                        ul.task-icons
                                                                            li 
                                                                                span.text-muted Class Number 10
                                                                            li.f-light.flex-wrap
                                                                                svg.fill-icon.fill-primary
                                                                                    use(href='../assets/svg/icon-sprite.svg#clock')
                                                                                span 11 : 00 AM
                                                        td 
                                                            button.btn.button-primary In Progress
                                                        td.icons-box
                                                            div.d-flex.align-items-center.gap-2
                                                                .square-white
                                                                    i.fa.fa-pencil
                                                                .square-white
                                                                    i.fa.fa-trash
                                                                .square-white
                                                                    i.fa.fa-print
                                                        td.icons-box-2.ps-0
                                                            div.open-options
                                                                div.square-white.dropdown-toggle(role='main' data-bs-toggle='dropdown' aria-expanded='false')
                                                                    i.fa.fa-ellipsis-h
                                                                ul.dropdown-menu.dropdown-block.dropdown-menu-end
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-pencil
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-trash
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-print
                                                    tr.light-card
                                                        td
                                                            div.d-flex
                                                                .form-check.checkbox-width.checkbox.checkbox-primary.mb-0
                                                                        input#checkbox-task-2.from-check-input(type="checkbox")
                                                                        label.form-check-label(for="checkbox-task-2")  
                                                                div.d-flex.align-items-center.gap-2.justify-content-center
                                                                    div 
                                                                        h6.pb-1 Exercise 1, 2 and Learn more Books
                                                                        ul.task-icons
                                                                            li 
                                                                                span.text-muted Class Number 11
                                                                            li.f-light.flex-wrap
                                                                                svg.fill-icon.fill-clock
                                                                                    use(href='../assets/svg/icon-sprite.svg#clock')
                                                                                span 01 : 00 PM
                                                        td 
                                                            button.btn.badge-light-success Done
                                                        td.icons-box
                                                            div.d-flex.align-items-center.gap-2
                                                                .square-white
                                                                    i.fa.fa-pencil
                                                                .square-white
                                                                    i.fa.fa-trash
                                                                .square-white
                                                                    i.fa.fa-print
                                                        td.icons-box-2.ps-0
                                                            div.open-options
                                                                div.square-white.dropdown-toggle(role='main'  data-bs-toggle='dropdown' aria-expanded='false')
                                                                    i.fa.fa-ellipsis-h
                                                                ul.dropdown-menu.dropdown-block.dropdown-menu-end
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-pencil
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-trash
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-print
                                                    tr 
                                                        td
                                                            div.d-flex
                                                                .form-check.checkbox-width.checkbox.checkbox-primary.mb-0
                                                                        input#checkbox-task-3.from-check-input(type="checkbox")
                                                                        label.form-check-label(for="checkbox-task-3")  
                                                                div.d-flex.align-items-center.gap-2.justify-content-center
                                                                    div 
                                                                        h6.pb-1 Guest Lecture and Parent Meeting
                                                                        ul.task-icons
                                                                            li 
                                                                                span.text-muted Class Number 8
                                                                            li.f-light.flex-wrap
                                                                                svg.fill-icon.fill-clock
                                                                                    use(href='../assets/svg/icon-sprite.svg#clock')
                                                                                span 09 : 00 AM
                                                        td 
                                                            button.btn.badge-light-success Done
                                                        td.icons-box
                                                            div.d-flex.align-items-center.gap-2
                                                                .square-white
                                                                    i.fa.fa-pencil
                                                                .square-white
                                                                    i.fa.fa-trash
                                                                .square-white
                                                                    i.fa.fa-print
                                                        td.icons-box-2.ps-0
                                                            div.open-options
                                                                div.square-white.dropdown-toggle(role='main' data-bs-toggle='dropdown' aria-expanded='false')
                                                                    i.fa.fa-ellipsis-h
                                                                ul.dropdown-menu.dropdown-block.dropdown-menu-end
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-pencil
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-trash
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-print
                                                    tr.light-card
                                                        td
                                                            div.d-flex
                                                                .form-check.checkbox-width.checkbox.checkbox-primary.mb-0
                                                                        input#checkbox-task-4.from-check-input(type="checkbox")
                                                                        label.form-check-label(for="checkbox-task-4")  
                                                                div.d-flex.align-items-center.gap-2.justify-content-center
                                                                    div 
                                                                        h6.pb-1 Meetup meeting with new Client
                                                                        ul.task-icons
                                                                            li 
                                                                                span.text-muted Class Number 11
                                                                            li.f-light.flex-wrap
                                                                                svg.fill-icon.fill-primary
                                                                                    use(href='../assets/svg/icon-sprite.svg#clock')
                                                                                span 02 : 00 PM
                                                        td 
                                                            button.btn.button-primary In Progress
                                                        td.icons-box.ps-2
                                                            div.d-flex.align-items-center.gap-2
                                                                .square-white
                                                                    i.fa.fa-pencil
                                                                .square-white
                                                                    i.fa.fa-trash
                                                                .square-white
                                                                    i.fa.fa-print      
                                                        td.icons-box-2.ps-0
                                                            div.open-options
                                                                div.square-white.dropdown-toggle(role='main' data-bs-toggle='dropdown' aria-expanded='false')
                                                                    i.fa.fa-ellipsis-h
                                                                ul.dropdown-menu.dropdown-block.dropdown-menu-end
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-pencil
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-trash
                                                                    li
                                                                        a.dropdown-item.square-white.border-top-0(href='javascript:void(0)')
                                                                            i.fa.fa-print        
                .col-xxl-3.d-xxl-block.d-none.box-col-none
                    .row 
                        .col-xl-12.d-xl-block.d-none
                            .card
                                .card-header.card-no-border.pb-4
                                    h5 Increase your knowledge by Learning!
                                .card-body.pt-0.position-relative.pb-0.pe-0.increase-content
                                    .knowledge-wrapper
                                        div 
                                            p.f-light The essential way to learn about anything is by reading quality literature!
                                            button.btn.btn-primary.btn-hover-effect.f-w-500.knowledge-btn(type="button") Learn More
                                        .knowledgebase-wrapper
                                            img.knowledge-img.img-fluid.w-100(src="../assets/images/dashboard-7/knowledge-base.png", alt="knowledge-base")        
                        .col-xl-12.notification.box-col-6.d-xl-block.d-none
                            .card
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Notice Board
                                        .dropdown.icon-dropdown
                                            button#notice_dropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                i.icon-more-alt
                                            .dropdown-menu.dropdown-menu-end(aria-labelledby='notice_dropdown')
                                                a.dropdown-item(href='#') Today
                                                a.dropdown-item(href='#') Tomorrow
                                                a.dropdown-item(href='#') Yesterday 
                                .card-body.pt-0.notice-board
                                    ul 
                                        li.d-flex
                                            .activity-dot-primary
                                            .ms-3
                                                p.d-flex.mb-2
                                                    span.date-content.light-background 16 Feb, 2023
                                                h6 We have over 25 years of experience. We've rented more than 250 properties and won awards.
                                                    span.dot-notification
                                                p.f-light Jennyfar Lopez / 5 min ago
                                                    span.badge.alert-light-success.txt-success.ms-2.f-w-600 New
                                        li.d-flex
                                            .activity-dot-secondary
                                            .ms-3
                                                p.d-flex.mb-2
                                                    span.date-content.light-background 17 Feb, 2023
                                                h6 Drawing Competition, Story Telling Competition, Craft and Creativity & Dance Competition
                                                    span.dot-notification
                                                p.f-light Rubi Rao / 10 min ago
                                        li.d-flex
                                            .activity-dot-success
                                            .ms-3
                                                p.d-flex.mb-2
                                                    span.date-content.light-background 18 Feb, 2023
                                                h6 Announces a series of Parent Education Webinars for connected parents
                                                    span.dot-notification
                                                p.f-light Jenny Wilson / 1 hr ago
                                        li.d-flex.pb-0
                                            .activity-dot-warning
                                            .ms-3
                                                p.d-flex.mb-2
                                                    span.date-content.light-background 19 Feb, 2023
                                                h6 Rakhi Making Competition  & Independence day and Investiture Ceremony
                                                    span.dot-notification
                                                p.f-light Cameron Williamson / 10 min ago
                        .col-xl-12.d-xl-block.d-none
                            .card
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Student's Leader
                                        .dropdown.icon-dropdown
                                            button#students_dropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                i.icon-more-alt
                                            .dropdown-menu.dropdown-menu-end(aria-labelledby='students_dropdown')
                                                a.dropdown-item(href='#') Today
                                                a.dropdown-item(href='#') Tomorrow
                                                a.dropdown-item(href='#') Yesterday 
                                .card-body.pt-0
                                    .student-leader-wrapper
                                        .student-leader-content.light-card
                                            img(src="../assets/images/dashboard-7/attendance/student-leader/rank-1.svg", alt="rank-1")
                                            img.leader-img(src="../assets/images/dashboard-7/attendance/student-leader/user-1.jpg", alt="user 1")
                                            div.leader-content-height
                                                h6.pb-1 Brooklyn 
                                                span.text-muted Helping Other
                                        .student-leader-content.light-card
                                            img(src="../assets/images/dashboard-7/attendance/student-leader/rank-2.svg", alt="rank-2")
                                            img.leader-img(src="../assets/images/dashboard-7/attendance/student-leader/user-2.jpg", alt="user 2")
                                            div.leader-content-height
                                                h6.pb-1 Jenny Wilson
                                                span.text-muted Game Winner
                                        .student-leader-content.light-card
                                            img(src="../assets/images/dashboard-7/attendance/student-leader/rank-3.svg", alt="rank-2")
                                            img.leader-img(src="../assets/images/dashboard-7/attendance/student-leader/user-3.jpg", alt="user 3")
                                            div.leader-content-height
                                                h6.pb-1 Savannah
                                                span.text-muted Great Job!
                                        .student-leader-content
                                            h5 4
                                                sup th
                                            img.leader-img(src="../assets/images/dashboard-7/attendance/student-leader/user-4.jpg", alt="user 4")
                                            div.leader-content-height
                                                h6.pb-1 Esther Howard
                                                span.text-muted Best Developer
                                        .student-leader-content.border-0.pb-0
                                            h5 5
                                                sup th
                                            img.leader-img(src="../assets/images/dashboard-7/attendance/student-leader/user-5.jpg", alt="user 5")
                                            div.leader-content-height
                                                h6.pb-1 Ralph Edwards
                                                span.text-muted Best Designer              
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
