- var theme_customizer      = true;
- var ckeditor              = true;
- var email_app             = true;
- var dropzone              = true;

doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                        .page-header
                            .row
                                .col-sm-6
                                    h3
                                      | Email Compose
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         | Home
                                      li.breadcrumb-item Apps   
                                      li.breadcrumb-item Email
                                      li.breadcrumb-item.active Email Compose
                                .col-sm-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                        .email-wrap
                          .row
                            .col-xl-3.col-md-6.xl-30
                              .email-sidebar
                                a.btn.btn-primary.email-aside-toggle(href="javascript:void(0)")
                                  | email filter
                                .email-left-aside
                                  .card
                                    .card-body
                                      .email-app-sidebar
                                        .media
                                          .media-size-email
                                            img.me-3.rounded-circle(src='assets/images/user/user.png', alt='')
                                          .media-body
                                            h6.f-w-600 MARKJENCO
                                            p Markjecno@gmail.com
                                        ul.nav.main-menu(role='tablist')
                                          li.nav-item
                                            a#pills-darkhome-tab.btn-primary.btn-block.btn-mail(data-bs-toggle='pill', href='#pills-darkhome')
                                              i.icofont.icofont-envelope.me-2
                                              |  NEW MAIL
                                          li.nav-item
                                            a#pills-darkprofile-tab.show(data-bs-toggle='pill', href='email_inbox.html')
                                              span.title
                                                i.icon-import
                                                |  Inbox
                                              span.badge.pull-right (236)
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-folder
                                                |  All mail
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-new-window
                                                |  Sent
                                              span.badge.pull-right (69)
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-pencil-alt
                                                |  DRAFT
                                              span.badge.pull-right (59)
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-trash
                                                |  TRASH
                                              span.badge.pull-right (99)
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-info-alt
                                                |  IMPORTANT
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-star
                                                |  Starred
                                          li
                                            hr
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-email
                                                |  UNREAD
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-export
                                                |  SPAM
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-share
                                                |  OUTBOX
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-file
                                                |  UPDATE
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-bell
                                                |  ALERT
                                          li
                                            a(href='#')
                                              span.title
                                                i.icon-notepad
                                                |  NOTES
                                              span.badge.pull-right (20)
                            .col-xl-9.col-md-12.xl-70
                              .email-right-aside
                                .card.email-body
                                  .email-profile                                   
                                    .email-body                                         
                                      .email-compose
                                        .email-top.compose-border                                               
                                          .compose-header
                                            h4.mb-0 New Message
                                            button.btn.btn-primary(type='button')
                                              i.fa.fa-file.me-2
                                              |  save
                                        .email-wrapper
                                          form.theme-form
                                            .form-group
                                              label.col-form-label.pt-0(for='exampleInputEmail1') To
                                              input#exampleInputEmail1.form-control(type='email')
                                            .form-group
                                              label(for='exampleInputPassword1') Subject
                                              input#exampleInputPassword1.form-control(type='text')
                                            .form-group
                                              label Message
                                              textarea#text-box(name='text-box', cols='10', rows='2')                                                             
                                            .form-group
                                              #singleFileUpload.dropzone.digits.text-center(action='/upload.php')
                                                  .dz-message.needsclick
                                                    i.icon-cloud-up
                                                    h6 Drop files here or click to upload.
                                                    span.note.needsclick
                                                      | (This is just a demo dropzone. Selected files are 
                                                      strong not
                                                      |  actually uploaded.)
                                          .action-wrapper
                                            ul.actions
                                              li
                                                a.btn.btn-secondary(href='javascript:void(0)')
                                                  i.fa.fa-paper-plane.me-2
                                                  | send                                                   
                                              li
                                                a.btn.btn-danger(href='javascript:void(0)')                                                       
                                                  i.fa.fa-times.me-2
                                                  | cancel
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files