- var page_Title = 'Mail-Box';
- var theme_customizer      = true;
- var email_pagination      = true;
- var tooltip               = true;
- var sidebar               = true;
- var print                 = true;
- var trash                 = true;
- var editors               = true;
- var editors1              = true;
- var manager_ui            = true;
- var slick                 = true;
- var header_slider         = 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
                                | Mail Box
                        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 Email
                                li.breadcrumb-item.active  Mail Box
            // Container-fluid starts
            .container
                .email-wrap.email-main-wrapper.tabs
                    .grid.grid-cols-12.card-gap
                        div(class="col-span-3 xxl:col-span-4 xl:col-span-12 box-col-12")
                            .md-sidebar 
                                a.btn.btn-primary.md-sidebar-toggle.text-white(href='#!') email filter
                                .md-sidebar-aside.job-left-aside.custom-scrollbar
                                    .email-left-aside
                                        .card
                                            .card-body
                                                .email-app-sidebar
                                                    button.btn.btn-primary.emailbox.text-white(type='button' data-bs-toggle='modal' data-bs-target='#compose_mail')
                                                        i.fa-solid.fa-plus
                                                        | Compose Email
                                                    ul.tab-links.main-menu.email-category
                                                        li
                                                            a.tab-link.active(data-tabfilter="1")
                                                                svg.stroke-icon
                                                                    use(href="../assets/svg/icon-sprite.svg#inbox")
                                                                div
                                                                    | Inbox
                                                                    span.badge.badge-light-primary.inline-block 35
                                                        li
                                                            a.tab-link(data-tabfilter="2")
                                                                svg.stroke-icon
                                                                    use(href="../assets/svg/icon-sprite.svg#sent")
                                                                | Sent
                                                        li
                                                            a.tab-link(data-tabfilter="3")
                                                                svg.stroke-icon
                                                                    use(href="../assets/svg/icon-sprite.svg#star")
                                                                div
                                                                    | Starred
                                                                    span.badge.badge-light-primary.inline-block 6

                                                        li
                                                            a.tab-link(data-tabfilter="4")
                                                                svg.stroke-icon
                                                                    use(href="../assets/svg/icon-sprite.svg#draft")
                                                                div
                                                                    | Draft
                                                                    span.badge.badge-light-primary.inline-block 7
                                                        li
                                                            a.tab-link(data-tabfilter="5")
                                                                svg.stroke-icon
                                                                    use(href="../assets/svg/icon-sprite.svg#trash")
                                                                | Trash
                                                        li
                                                            ul
                                                                li
                                                                    a(href='#!')
                                                                        svg.stroke-icon.stroke-primary
                                                                            use(href="../assets/svg/icon-sprite.svg#pintag")
                                                                        | Work
                                                                li
                                                                    a(href='#!')
                                                                        svg.stroke-icon.stroke-warning
                                                                            use(href="../assets/svg/icon-sprite.svg#pintag")
                                                                        | Private
                                                                li
                                                                    a(href='#!')
                                                                        svg.stroke-icon.stroke-success
                                                                            use(href="../assets/svg/icon-sprite.svg#pintag")
                                                                        | Support
                                                        li
                                                            a.btn(data-bs-toggle='modal' data-bs-target='#label-pill' href="#!")
                                                                i.fa-solid.fa-plus
                                                                | Add Label
                        div(class="col-span-9 xxl:col-span-8 xl:col-span-12 box-col-12")
                            .email-right-aside
                                .card.email-body.email-list.tabs
                                    .mail-header-wrapper(class="[@media(max-width:1468px)]:!py-[12px] [@media(max-width:1468px)]:!px-[16px] [@media(max-width:620px)]:gap-[8px] [@media(max-width:620px)]:flex-wrap-reverse")
                                        .mail-header
                                            .form-check.form-check-inline
                                                input#emailCheckboxA.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                ul.mail-filters.tab-links(class="[@media(max-width:575px)]:flex-row [@media(max-width:479px)]:!flex-col [@media(max-width:479px)]:gap-[23px] [@media(max-width:479px)]:items-start")
                                                    li.common-align.tab-link.mail-header-option.active(data-tabfilter="1" class="[@media(max-width:1248px)]:py-[0px] [@media(max-width:1248px)]:px-[7px]")
                                                        svg.stroke-icon
                                                            use(href="../assets/svg/icon-sprite.svg#mail")
                                                        span Important
                                                    li.common-align.tab-link.mail-header-option(data-tabfilter="2" class="[@media(max-width:1248px)]:!py-[0px] [@media(max-width:1248px)]:!px-[7px]")
                                                        svg.stroke-icon
                                                            use(href="../assets/svg/icon-sprite.svg#goal")
                                                        span Social
                                                    li.common-align.tab-link.mail-header-option(data-tabfilter="3" class="[@media(max-width:1248px)]:!py-[0px] [@media(max-width:1248px)]:!px-[7px]")
                                                        svg.stroke-icon
                                                            use(href="../assets/svg/icon-sprite.svg#tread")
                                                        span Promotion
                                        .mail-body(class="[@media(max-width:620px)]:ml-[auto] [@media(max-width:1500px)]:justify-end [@media(max-width:479px)]:!hidden")
                                            .mail-search.flex-align-items-center
                                                input.form-control(type="search" placeholder="Search..." class="[@media(max-width:1504px)]:max-w-[165px]")
                                                i.fa-solid.fa-magnifying-glass
                                            .light-square.block-btn-1(onclick="clickedthisBtn(event);function clickedthisBtn(e){let i = e.target.closest('div').querySelector('i'); i.classList.add('fa-spin');setTimeout(() => {\
                                            i.classList.remove('fa-spin')\
                                            }, 1000);}" class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                i.fa-solid.fa-arrows-rotate
                                            .light-square.bg-light-danger(class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]") 
                                                i.fa-solid.fa-trash-can.txt-danger
                                            .dropdown
                                                button.light-square.dropdown-toggle(role='main' data-bs-toggle='dropdown' aria-expanded='false' class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                    i.fa-solid.fa-ellipsis-vertical
                                                ul.dropdown-menu.dropdown-block.dropdown-menu-end
                                                    li 
                                                        a.dropdown-item(href="#!")
                                                            | All
                                                    li 
                                                        a.dropdown-item(href="#!")
                                                            | None
                                                    li 
                                                        a.dropdown-item(href="#!")
                                                            | Read
                                                    li 
                                                        a.dropdown-item(href="#!")
                                                            | Unread
                                                    li 
                                                        a.dropdown-item(href="#!")
                                                            | Starred
                                                    li 
                                                        a.dropdown-item(href="#!")
                                                            | Unstarred
                                    .tab-content.block-wrapper.relative
                                        .tab-pan.fade.show.active(data-tabcontent="1")
                                            .mail-body-wrapper  
                                                ul#paginated-list.mail-header-tabs(data-current-page="1" aria-live="polite")
                                                    //- Important Mails
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox1.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox1')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/1.jpg", alt="user")
                                                            p Marvin McKinney
                                                        .inbox-message
                                                            .email-data
                                                                span Our meeting scheduled for tomorrow at 3 PM - 
                                                                    span New Here's a list of all the topic challenges...
                                                                .badge.badge-light-light.inline-block project.zip
                                                            .email-timing
                                                                span 2:30 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox2.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox2')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/4.jpg", alt="user")
                                                            p Brooklyn Simmons
                                                        .inbox-message
                                                            .email-data
                                                                span Control over user email accounts -
                                                                    span Control and direction of all email operations in one place
                                                                .badge.badge-light-light.inline-block account_details.txt
                                                            .email-timing
                                                                span 7:50 AM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox3.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox3')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                div
                                                                    p.txt-primary EH
                                                            p Esther Howard
                                                        .inbox-message
                                                            .email-data
                                                                span Confirm your booking id -
                                                                    span Confirmation and information about your most recent reservation
                                                                .badge.badge-light-light task.doc
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox4.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox4')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success CW
                                                            p Cameron Williamson
                                                        .inbox-message
                                                            .email-data
                                                                span Verification link  -
                                                                    span To activate your account, confirm your email
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox5.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox5')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/12.jpg", alt="user")
                                                            p Ellison Dalton
                                                        .inbox-message
                                                            .email-data
                                                                span Notice of scheduled maintenance -
                                                                    span From 2:00 AM to 4:00 AM on May 24, 2025. There will be a system outage during this period
                                                                .badge.badge-light-light Maintenance.Zip
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox6.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox6')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/9.jpg", alt="user")
                                                            p Tristan Richmond
                                                        .inbox-message
                                                            .email-data
                                                                span Welcome to our new office  -
                                                                    span Experience the cosiness, creativity, and teamwork that await you in our brand-new workspace.
                                                            .email-timing
                                                                span 1 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox7.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox7')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/5.png", alt="user")
                                                            p Kelvin Schneider
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #224820098
                                                                    |  has been confirmed-
                                                                    span We are happy to notify you that your recent order (#224820098) has been verified!
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox8.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox8')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/3.png", alt="user")
                                                            p Ronald Richards
                                                        .inbox-message
                                                            .email-data
                                                                span Security notification: strange activity found -
                                                                    span Reviewing your account activity and taking the necessary precautions to secure your data is urgently required
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox9.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox9')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success WT
                                                            p William Turner
                                                        .inbox-message
                                                            .email-data
                                                                span OTP verification link  -
                                                                    span For the security of your account, your one-time password (OTP) is crucial. To confirm and safeguard your information, click
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox10.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox10')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/1.png", alt="user")
                                                            p Jacob Jones
                                                        .inbox-message
                                                            .email-data
                                                                span Reminder for IT training workshop -
                                                                    span You have a great opportunity to improve your IT abilities and keep current with emerging trends and technology by attending this workshop
                                                            .email-timing
                                                                span 1 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox11.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox11')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/2.png", alt="user")
                                                            p Ralph Edwards
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #5848000047
                                                                    |  has been confirmed-
                                                                    span Prepare to enjoy the products you have chosen without any hassles
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Social Mails
                                                    li.inbox-data.project(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox12.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox12')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/4.png", alt="user")
                                                            p Jacob Jones
                                                        .inbox-message
                                                            .email-data
                                                                span Reminder for IT training workshop -
                                                                    span You have a great opportunity to improve your IT abilities and keep current with emerging trends and technology by attending this workshop
                                                            .email-timing
                                                                span 1 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox13.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox13')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/2.jpg", alt="user")
                                                            p Ronald Richards
                                                        .inbox-message
                                                            .email-data
                                                                span Security notification: strange activity found -
                                                                    span Reviewing your account activity and taking the necessary precautions to secure your data is urgently required
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox14.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox14')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/3.jpg", alt="user")
                                                            p Lacey Travis
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #5848000047
                                                                    |  has been confirmed-
                                                                    span Prepare to enjoy the products you have chosen without any hassles
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //-Promotion Mails
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox15.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox15')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/8.jpg", alt="user")
                                                            p Darlene Robertson
                                                        .inbox-message
                                                            .email-data
                                                                span Promotion Mail  -
                                                                    span Find special offers & Exclusive offers! for a short time only!
                                                                .badge.badge-light-light Import File..
                                                            .email-timing
                                                                span 4 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox16.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox16')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success CW
                                                            p Cameron Williamson
                                                        .inbox-message
                                                            .email-data
                                                                span Special Deal: Save 20% on Your Next Purchase! -
                                                                    span Use the coupon code 
                                                                        strong SAVE20
                                                                        |  at the register to get your savings.
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox17.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox17')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/11.jpg", alt="user")
                                                            p Mccoy Ballard
                                                        .inbox-message
                                                            .email-data
                                                                span Security notification: strange activity found -
                                                                    span Reviewing your account activity and taking the necessary precautions to secure your data is urgently required
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                        .tab-pan.fade(data-tabcontent="2")
                                            .mail-body-wrapper  
                                                ul.mail-header-tabs
                                                    //- Important
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox18.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox18')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success CW
                                                            p Cameron Williamson
                                                        .inbox-message
                                                            .email-data
                                                                span Verification link  -
                                                                    span To activate your account, confirm your email
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox19.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox19')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/3.jpg", alt="user")
                                                            p Lacey Travis
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #5848000047
                                                                    |  has been confirmed-
                                                                    span Prepare to enjoy the products you have chosen without any hassles
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox20.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox20')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                div
                                                                    p.txt-primary EH
                                                            p Esther Howard
                                                        .inbox-message
                                                            .email-data
                                                                span Confirm your booking id -
                                                                    span Confirmation and information about your most recent reservation
                                                                .badge.badge-light-light task.doc
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Social
                                                    li.inbox-data.project(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox21.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox21')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/2.png", alt="user")
                                                            p Ralph Edwards
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #5848000047
                                                                    |  has been confirmed-
                                                                    span Prepare to enjoy the products you have chosen without any hassles
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox22.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox22')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success WT
                                                            p William Turner
                                                        .inbox-message
                                                            .email-data
                                                                span OTP verification link  -
                                                                    span For the security of your account, your one-time password (OTP) is crucial. To confirm and safeguard your information, click
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Promotion
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox23.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox23')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success CW
                                                            p Cameron Williamson
                                                        .inbox-message
                                                            .email-data
                                                                span Special Deal: Save 20% on Your Next Purchase! -
                                                                    span Use the coupon code 
                                                                        strong SAVE20
                                                                        |  at the register to get your savings.
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox24.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox24')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/11.jpg", alt="user")
                                                            p Mccoy Ballard
                                                        .inbox-message
                                                            .email-data
                                                                span Save 30% On The Entire Spring Collection -
                                                                    span To take advantage of this exclusive offer, use the promo code 
                                                                        strong SPRING30
                                                                        |  at checkout.
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox25.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox25')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/2.png", alt="user")
                                                            p Ralph Edwards
                                                        .inbox-message
                                                            .email-data
                                                                span Exclusive Deal: Purchase One, Get One Free
                                                                    span Purchase any item from our chosen collection and receive another item for free for a limited time.
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3

                                        .tab-pan.fade(data-tabcontent="3")
                                            .mail-body-wrapper  
                                                ul.mail-header-tabs
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox26.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox26')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/2.png", alt="user")
                                                            p Ralph Edwards
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #5848000047
                                                                    |  has been confirmed-
                                                                    span Prepare to enjoy the products you have chosen without any hassles
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox27.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox27')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                div
                                                                    p.txt-primary EH
                                                            p Esther Howard
                                                        .inbox-message
                                                            .email-data
                                                                span Confirm your booking id -
                                                                    span Confirmation and information about your most recent reservation
                                                                .badge.badge-light-light task.doc
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox28.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox28')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/9.jpg", alt="user")
                                                            p Tristan Richmond
                                                        .inbox-message
                                                            .email-data
                                                                span Welcome to our new office  -
                                                                    span Experience the cosiness, creativity, and teamwork that await you in our brand-new workspace.
                                                            .email-timing
                                                                span 1 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Social Mails
                                                    li.inbox-data.project(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox29.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox29')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/11.jpg", alt="user")
                                                            p Mccoy Ballard
                                                        .inbox-message
                                                            .email-data
                                                                span Security notification: strange activity found -
                                                                    span Reviewing your account activity and taking the necessary precautions to secure your data is urgently required
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox30.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox30')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/12.jpg", alt="user")
                                                            p Ellison Dalton
                                                        .inbox-message
                                                            .email-data
                                                                span Notice of scheduled maintenance -
                                                                    span From 2:00 AM to 4:00 AM on May 24, 2025. There will be a system outage during this period
                                                                .badge.badge-light-light Maintenance.Zip
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Promotion
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox31.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox31')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success CW
                                                            p Cameron Williamson
                                                        .inbox-message
                                                            .email-data
                                                                span Special Deal: Save 20% on Your Next Purchase! -
                                                                    span Use the coupon code 
                                                                        strong SAVE20
                                                                        |  at the register to get your savings.
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3

                                        .tab-pan.fade(data-tabcontent="4")
                                            .mail-body-wrapper  
                                                ul.mail-header-tabs
                                                    //- Important
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox32.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox32')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/9.jpg", alt="user")
                                                            p Tristan Richmond
                                                        .inbox-message
                                                            .email-data
                                                                span Welcome to our new office  -
                                                                    span Experience the cosiness, creativity, and teamwork that await you in our brand-new workspace.
                                                            .email-timing
                                                                span 1 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox33.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox33')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/12.jpg", alt="user")
                                                            p Ellison Dalton
                                                        .inbox-message
                                                            .email-data
                                                                span Notice of scheduled maintenance -
                                                                    span From 2:00 AM to 4:00 AM on May 24, 2025. There will be a system outage during this period
                                                                .badge.badge-light-light Maintenance.Zip
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Social
                                                    li.inbox-data.project(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox34.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox34')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success WT
                                                            p William Turner
                                                        .inbox-message
                                                            .email-data
                                                                span OTP verification link  -
                                                                    span For the security of your account, your one-time password (OTP) is crucial. To confirm and safeguard your information, click
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox35.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox35')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/2.png", alt="user")
                                                            p Ralph Edwards
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #5848000047
                                                                    |  has been confirmed-
                                                                    span Prepare to enjoy the products you have chosen without any hassles
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox36.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox36')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                div
                                                                    p.txt-primary EH
                                                            p Esther Howard
                                                        .inbox-message
                                                            .email-data
                                                                span Confirm your booking id -
                                                                    span Confirmation and information about your most recent reservation
                                                                .badge.badge-light-light task.doc
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Promotion
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox37.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox37')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/11.jpg", alt="user")
                                                            p Mccoy Ballard
                                                        .inbox-message
                                                            .email-data
                                                                span Save 30% On The Entire Spring Collection -
                                                                    span To take advantage of this exclusive offer, use the promo code 
                                                                        strong SPRING30
                                                                        |  at checkout.
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox38.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox38')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                .circle-success
                                                                    p.txt-success CW
                                                            p Cameron Williamson
                                                        .inbox-message
                                                            .email-data
                                                                span Special Deal: Save 20% on Your Next Purchase! -
                                                                    span Use the coupon code 
                                                                        strong SAVE20
                                                                        |  at the register to get your savings.
                                                            .email-timing
                                                                span 5 Day ago
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                        .tab-pan.fade(data-tabcontent="5")
                                            .mail-body-wrapper  
                                                ul.mail-header-tabs
                                                    //- Important
                                                    li.inbox-data.project(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox39.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox39')
                                                            svg.important-mail.active
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/1.jpg", alt="user")
                                                            p Marvin McKinney
                                                        .inbox-message
                                                            .email-data
                                                                span Our meeting scheduled for tomorrow at 3 PM - 
                                                                    span New Here's a list of all the topic challenges...
                                                                .badge.badge-light-light project.zip
                                                            .email-timing
                                                                span 2:30 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    li.inbox-data.project.border-bottom-0(data-filter='important')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox40.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox40')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/1.png", alt="user")
                                                            p Jacob Jones
                                                        .inbox-message
                                                            .email-data
                                                                span Reminder for IT training workshop -
                                                                    span You have a great opportunity to improve your IT abilities and keep current with emerging trends and technology by attending this workshop
                                                            .email-timing
                                                                span 01 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Social
                                                    li.inbox-data.project.border-bottom-0(data-filter='social')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox41.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox41')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-9/user/5.png", alt="user")
                                                            p Kelvin Schneider
                                                        .inbox-message
                                                            .email-data
                                                                span Your Order 
                                                                    strong #224820098
                                                                    |  has been confirmed-
                                                                    span We are happy to notify you that your recent order (#224820098) has been verified!
                                                            .email-timing
                                                                span 1:00 PM
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                                    //- Promotion
                                                    li.inbox-data.project(data-filter='promotion')
                                                        .inbox-user
                                                            .form-check.form-check-inline.m-0
                                                                input#emailCheckbox42.form-check-input.checkbox-primary(type='checkbox' value='option1')
                                                                label.form-check-label(for='emailCheckbox42')
                                                            svg.important-mail
                                                                use(href="../assets/svg/icon-sprite.svg#fill-star")
                                                            .rounded-border
                                                                img.max-w-full.h-auto(src="../assets/images/dashboard-11/user/11.jpg", alt="user")
                                                            p Mccoy Ballard
                                                        .inbox-message
                                                            .email-data
                                                                span Save 30% On The Entire Spring Collection -
                                                                    span To take advantage of this exclusive offer, use the promo code 
                                                                        strong SPRING30
                                                                        |  at checkout.
                                                                .badge.badge-light-light Update_version.rar
                                                            .email-timing
                                                                span 7 April
                                                            .email-options
                                                                i.fa-regular.fa-envelope.envelope-1.show
                                                                i.fa-regular.fa-envelope-open.envelope-2.hide
                                                                i.fa-regular.fa-trash-can.trash-3
                                .card.email-body.email-read
                                    .mail-header-wrapper.header-wrapper1(class="[@media(max-width:440px)]:!flex-col [@media(max-width:440px)]:!gap-[10px] [@media(max-width:440px)]:!items-end [@media(max-width:620px)]:flex-wrap-reverse")
                                        .mail-header1
                                            .light-square(class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]") 
                                                svg.btn-email
                                                    use(href='../assets/svg/icon-sprite.svg#back-arrow')
                                            span Interview Mail
                                        .mail-body1 
                                            .light-square(data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Achieve' class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                svg 
                                                    use(href='../assets/svg/icon-sprite.svg#sms')
                                            .light-square(data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Bookmark' class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                svg.bookmark-box
                                                    use(href='../assets/svg/icon-sprite.svg#bookmark')
                                            .light-square(data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Spam' class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                svg 
                                                    use(href='../assets/svg/icon-sprite.svg#spam')
                                            .light-square.bg-light-danger(data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Trash' class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                svg.stroke-danger
                                                    use(href='../assets/svg/icon-sprite.svg#mail-trash')
                                            .light-square(data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Settings' class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                svg 
                                                    use(href='../assets/svg/icon-sprite.svg#setting')
                                    .mail-body-wrapper 
                                        .user-mail-wrapper
                                            .user-title(class="[@media(max-width:390px)]:flex-col [@media(max-width:390px)]:pb-[12px]")
                                                div 
                                                    .rounded-border 
                                                        img.max-w-full.h-auto(src="../assets/images/user/12.png", alt="user")
                                                    .dropdown-subtitle
                                                        p Jacob Jones
                                                        .onhover-dropdown
                                                            button.btn.p-0.dropdown-button
                                                                | To me 
                                                                i(data-feather="chevron-down") 
                                                            .inbox-security.onhover-show-div
                                                                p From: 
                                                                    span jones &lt;jacobjones3@gmail.com&gt;
                                                                p to: 
                                                                    span donut.horry@gmail.com
                                                                p reply-to:
                                                                    span &lt;jacobjones3@gmail.com&gt;
                                                                p date: 
                                                                    span Jul 12, 2025, 7:10 AM
                                                                p subject: 
                                                                    span Important Account Security Update
                                                                p security: 
                                                                    span standard encryption (TLS)
                                                .inbox-options 
                                                    span(class="[@media(max-width:623px)]:!hidden") Friday 07 Apr (4 hours ago)
                                                    .light-square(class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]") 
                                                        svg.important-mail
                                                            use(href='../assets/svg/icon-sprite.svg#mail-star')
                                                    .light-square(onclick="myFunction()" class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]")
                                                        svg 
                                                            use(href='../assets/svg/icon-sprite.svg#print')
                                                    .light-square.btn-group(class="[@media(max-width:992px)]:!w-[34px] [@media(max-width:992px)]:!h-[35px]") 
                                                        .dropdown-toggle(role='main' data-bs-toggle="dropdown" aria-expanded="false")
                                                            svg
                                                                use(href='../assets/svg/icon-sprite.svg#menubar')
                                                        .dropdown-menu.dropdown-block
                                                            a.dropdown-item(href='#!')
                                                                i.fa.fa-mail-reply
                                                                | Reply
                                                            a.dropdown-item(href='#!') 
                                                                i.fa.fa-mail-forward
                                                                | Forward

                                            .user-body
                                                p Dear Customer,
                                                p We regret to notify you that an unauthorized attempt was made to access your account. Our system discovered suspicious activity, and we acted right away to safeguard your personal data.
                                                p Please change your login information by clicking the following link in order to safeguard your account:
                                                p Please be aware that your account may be temporarily suspended if no action is taken within 24 hours. We urge you to take immediate action to prevent any inconvenience.
                                                p We sincerely apologize for any inconvenience this may cause and thank you for your immediate attention to this matter.
                                                .mail-subcontent
                                                    p Yours faithfully,
                                                    p Account Security Team
                                            .user-footer 
                                                div 
                                                    svg 
                                                        use(href='../assets/svg/icon-sprite.svg#attchment')
                                                    span.f-light Attachments
                                                .d-inline-block
                                                    .attachment-file.common-flex
                                                        .common-flex.items-center
                                                            img(src="../assets/images/email-template/pdfs.png", alt="pdf")
                                                            .block 
                                                                p Offer_Letter.pdf
                                                                p 200KB
                                                        a(href="../assets/pug/pages/template/text_file.pdf" download) 
                                                            i.fa.fa-download.f-light
                                                .toolbar-box
                                                    #toolbar
                                                        button.ql-bold Bold 
                                                        button.ql-italic Italic 
                                                        button.ql-underline underline
                                                        button.ql-strike Strike 
                                                        button.ql-list(value="ordered") List 
                                                        button.ql-list(value="bullet") 
                                                        button.ql-indent(value="-1") 
                                                        button.ql-indent(value="+1")
                                                        button.ql-link
                                                        button.ql-image
                                                    #editor
                                            .send-btn
                                                button.btn.btn-primary.text-white Send
                                                    i.fa-solid.fa-paper-plane
                                
                                #compose_mail.modal.fade(tabindex='-1'  aria-hidden='true')
                                    .modal-dialog.modal-lg
                                        .modal-content
                                            .modal-header
                                                h4.modal-title.fs-5 Compose Message
                                                button.btn-close(type='button' data-bs-dismiss='modal' aria-label='Close')
                                            .modal-body.compose-modal
                                                form
                                                    .grid.grid-cols-12.gap-1.mb-2
                                                        div(class="col-span-2 lg:col-span-12")
                                                            label.col-form-label(for='composeTo') To :
                                                        div(class="col-span-10 lg:col-span-12")
                                                            input#composeTo.form-control(type='email')
                                                            .add-bcc
                                                                .flex.gap-2
                                                                    a.btn(data-bs-toggle='collapse' href='#collapseCc' role='button' aria-expanded='false' aria-controls='collapseCc')
                                                                        | Cc 
                                                                    a.btn(data-bs-toggle='collapse' href='#collapseBcc' role='button' aria-expanded='false' aria-controls='collapseBcc')
                                                                        | Bcc
                                                    .grid.grid-cols-12.gap-2.mb-2
                                                        div(class="col-span-2 lg:col-span-12")
                                                            label.col-form-label(for='composeSubject') Subject :
                                                        div(class="col-span-10 lg:col-span-12")
                                                            input#composeSubject.form-control(type='email')
                                                    .toolbar-box.mb-lg-3.mb-2
                                                        #toolbar1
                                                            button.ql-bold Bold 
                                                            button.ql-italic Italic 
                                                            button.ql-underline underline
                                                            button.ql-strike Strike 
                                                            button.ql-list(value="ordered") List 
                                                            button.ql-list(value="bullet") 
                                                            button.ql-indent(value="-1") 
                                                            button.ql-indent(value="+1")
                                                            button.ql-link
                                                            button.ql-image
                                                        #editor1
                                                    .grid.grid-cols-12.mb-3.items-center.gap-1
                                                        div(class="col-span-2 lg:col-span-12")
                                                            label.col-form-label(for='composeSubject') Attachments :
                                                        div(class="col-span-10 lg:col-span-12")
                                                            input#formFileMultiple.form-control(type='file' multiple='')  
                                            .modal-footer
                                                button.btn.button-light-primary(type='button') Save As Draft
                                                button.btn.btn-primary.text-white(type='button' data-bs-dismiss='modal') Send
                                //- Add Label
                                #label-pill.modal.fade(tabindex='-1' aria-hidden='true')
                                    .modal-dialog.modal-lg
                                        .modal-content
                                            .modal-header
                                                h4.modal-title.fs-5 Add Label
                                                button.btn-close(type='button' data-bs-dismiss='modal' aria-label='Close')
                                            .modal-body.add-label-modal
                                                form.custom-input.grid.grid-cols-12
                                                    div(class="col-span-12") 
                                                        .grid.grid-cols-12.card-gap.mb-3
                                                            div(class="col-span-2 lg:col-span-12")    
                                                                label.col-form-label(for='Label_Modal') Label Name :
                                                            div(class="col-span-10 lg:col-span-12")
                                                                input#Label_Modal.form-control(type='email' placeholder="Enter label name")
                                                        .grid.grid-cols-12.card-gap.mb-3
                                                            div(class="col-span-2 lg:col-span-12")    
                                                                label2.col-form-label(for='Email_Modal') Email :
                                                            div(class="col-span-10 lg:col-span-12")
                                                                input#Email_Modal.form-control(type='email' placeholder="Enter your email")
                                                        .grid.grid-cols-12.card-gap.mb-3
                                                            div(class="col-span-2 lg:col-span-3 sm:col-span-12")    
                                                                label.form-label(for='exampleColorInput') Label Color :
                                                            div(class="col-span-1 xl:col-span-2")
                                                                input#exampleColorInput.form-control.form-control-color(type='color' value='#7366FF' title='Choose your color' class="!p-[2px]")
                                            .modal-footer
                                                button.btn.button-light-primary(type='button' data-bs-dismiss='modal') Cancel
                                                button.btn.btn-primary.text-white(type='button') Add

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