- var theme_customizer        = true;
- var select2                 = true;
- var page_select2            = true;
- var form_validation_custom  = true;
- var date_picker             = true;
- var task_page               = 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
                                      | Tasks
                                    ol.breadcrumb
                                      li.breadcrumb-item
                                        a(href='index.html')
                                         | Home
                                      li.breadcrumb-item Apps   
                                      li.breadcrumb-item.active Tasks
                                .col-sm-6
                                  include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .email-wrap.bookmark-wrap
                        .row
                          .col-xl-3.box-col-4.xl-30
                            .email-sidebar
                              a.btn.btn-primary.email-aside-toggle(href="javascript:void(0)")
                                | bookmark filter
                              .email-left-aside
                                .card
                                  .card-body
                                    .email-app-sidebar.left-bookmark
                                      .media
                                        .media-size-email
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6.f-w-600 MARK JENCO
                                          p Markjecno@gmail.com
                                      ul.nav.main-menu(role='tablist')
                                        li.nav-item
                                          button.badge-light.btn-block.btn-mail(type='button', data-bs-toggle='modal', data-bs-target='#exampleModal')
                                            i.me-2(data-feather='check-circle')
                                            | New Task
                                          #exampleModal.modal.fade.modal-bookmark(tabindex='-1', role='dialog', aria-labelledby='exampleModalLabel', aria-hidden='true')
                                            .modal-dialog.modal-lg(role='document')
                                              .modal-content
                                                .modal-header
                                                  h5#exampleModalLabel.modal-title Add Task
                                                  button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')                                                  
                                                .modal-body
                                                  form.form-bookmark#bookmark-form.needs-validation(novalidate='')
                                                    .form-row
                                                      .form-group.col-md-12
                                                        label(for='task-title') Task Title
                                                        input#task-title.form-control(type='text', required='', autocomplete='off')
                                                      .form-group.col-md-12
                                                        label(for='sub-task') Sub task
                                                        input#sub-task.form-control(type='text', required='', autocomplete='off')
                                                      .form-group.col-md-12
                                                        .d-flex.date-details
                                                          .d-inline-block
                                                            label.d-block.mb-0
                                                              input.checkbox_animated(type='checkbox')
                                                              | Remind on
                                                          .d-inline-block
                                                            input.datepicker-here.form-control.digits(type='text', data-language='en', placeholder='Date')
                                                          .d-inline-block
                                                            select.form-control
                                                              option 7:00 am
                                                              option 7:30 am
                                                              option 8:00 am
                                                              option 8:30 am
                                                              option 9:00 am
                                                              option 9:30 am
                                                              option 10:00 am
                                                              option 10:30 am
                                                              option 11:00 am
                                                              option 11:30 am
                                                              option 12:00 pm
                                                              option 12:30 pm
                                                              option 1:00 pm
                                                              option 2:00 pm
                                                              option 3:00 pm
                                                              option 4:00 pm
                                                              option 5:00 pm
                                                              option 6:00 pm
                                                          .d-inline-block
                                                            label.d-block.mb-0
                                                              input.checkbox_animated(type='checkbox')
                                                              | Notification
                                                          .d-inline-block
                                                            label.d-block.mb-0
                                                              input.checkbox_animated(type='checkbox')
                                                              | Mail
                                                      .row
                                                        .form-group.col
                                                          select.js-example-basic-single
                                                              option(value='task') My Task
                                                        .form-group.col
                                                          select.js-example-disabled-results#bm-collection
                                                            option(value='general') General
                                                      .form-group.col-md-12.my-0
                                                        textarea.form-control(required='', autocomplete='off')   
                                                    input#index_var(type='hidden', value='6' )
                                                    button#Bookmark.btn.btn-secondary(onclick='submitBookMark()', type='submit') Save
                                                    button.btn.btn-primary(type='button', data-bs-dismiss='modal') Cancel
                                        li.nav-item
                                          span.main-title
                                            |  Views
                                        li
                                          a#pills-created-tab(data-bs-toggle='pill', href='#pills-created', role='tab', aria-controls='pills-created', aria-selected='true')
                                            span.title
                                              |  Created by me
                                        li
                                          a#pills-todaytask-tab.show(data-bs-toggle='pill', href='#pills-todaytask', role='tab', aria-controls='pills-todaytask', aria-selected='false')
                                            span.title
                                              |  Today's Tasks
                                        li
                                          a#pills-delayed-tab.show(data-bs-toggle='pill', href='#pills-delayed', role='tab', aria-controls='pills-delayed', aria-selected='false')
                                            span.title
                                              |  Delayed Tasks
                                        li
                                          a#pills-upcoming-tab.show(data-bs-toggle='pill', href='#pills-upcoming', role='tab', aria-controls='pills-upcoming', aria-selected='false')
                                            span.title
                                              | Upcoming Tasks
                                        li
                                          a#pills-weekly-tab.show(data-bs-toggle='pill', href='#pills-weekly', role='tab', aria-controls='pills-weekly', aria-selected='false')
                                            span.title
                                              | This week tasks
                                        li
                                          a#pills-monthly-tab.show(data-bs-toggle='pill', href='#pills-monthly', role='tab', aria-controls='pills-monthly', aria-selected='false')
                                            span.title
                                              | This month tasks
                                        li
                                          a#pills-assigned-tab.show(data-bs-toggle='pill', href='#pills-assigned', role='tab', aria-controls='pills-assigned', aria-selected='false')
                                            span.title
                                              | Assigned to me
                                        li
                                          a#pills-tasks-tab.show(data-bs-toggle='pill', href='#pills-tasks', role='tab', aria-controls='pills-tasks', aria-selected='false')
                                            span.title
                                              | My tasks
                                        li
                                          hr
                                        li
                                          span.main-title
                                            |  Tags
                                            span.pull-right
                                              a(href='javascript:void(0)', data-bs-toggle='modal', data-bs-target='#createtag')
                                                i(data-feather='plus-circle')
                                        li
                                          a#pills-notification-tab.show(data-bs-toggle='pill', href='#pills-notification', role='tab', aria-controls='pills-notification', aria-selected='false')
                                            span.title
                                              |  Notification
                                        li
                                          a#pills-newsletter-tab.show(data-bs-toggle='pill', href='#pills-newsletter', role='tab', aria-controls='pills-newsletter', aria-selected='false')
                                            span.title
                                              |  Newsletter
                          .col-xl-9.col-md-12.box-col-8.xl-70
                            .email-right-aside.bookmark-tabcontent
                              .card.email-body.radius-left
                                .ps-0
                                  .tab-content
                                    #pills-created.tab-pane.fade.active.show(role='tabpanel', aria-labelledby='pills-created-tab')
                                      .card.mb-0
                                        .card-header
                                          h5.mb-0 Created by me
                                          a.f-w-600(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body.p-0
                                          .taskadd
                                            .table-responsive
                                              table.table
                                                tr
                                                  td
                                                    h6.task_title_0 Client meeting
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Documentation that is used to explain regarding some attributes of an object.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Plan webinar
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 kanban board is one of the tools that can be used to implement kanban to manage.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Email newsletter
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 There is some Console error in user profile page.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Publish podcast
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Clone the theme test data file from the GitHub repository.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Lunch website
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Documentation that is used to explain regarding some attributes of an object to the client.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                          //- .details-bookmark.text-center
                                          //-   span No tasks found.
                                    #pills-todaytask.fade.tab-pane(role='tabpanel', aria-labelledby='pills-todaytask-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 Today's Tasks
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            .row#favouriteData
                                            .no-favourite
                                              span No task due today.
                                    #pills-delayed.fade.tab-pane(role='tabpanel', aria-labelledby='pills-delayed-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 Delayed Tasks
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            span No tasks found.
                                    #pills-upcoming.fade.tab-pane(role='tabpanel', aria-labelledby='pills-upcoming-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 Upcoming Tasks
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            span No tasks found.
                                    #pills-weekly.fade.tab-pane(role='tabpanel', aria-labelledby='pills-weekly-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 This Week Tasks
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            span No tasks found.
                                    #pills-monthly.fade.tab-pane(role='tabpanel', aria-labelledby='pills-monthly-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 This Month Tasks
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            span No tasks found.
                                    #pills-assigned.fade.tab-pane(role='tabpanel', aria-labelledby='pills-assigned-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 Assigned to me
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body.p-0
                                          .taskadd
                                            .table-responsive
                                              table.table
                                                tr
                                                  td
                                                    h6.task_title_0 Client meeting
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Documentation that is used to explain regarding some attributes of an object.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Plan webinar
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 kanban board is one of the tools that can be used to implement kanban to manage.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Email newsletter
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 There is some Console error in user profile page.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Publish podcast
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Clone the theme test data file from the GitHub repository.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Lunch website
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Documentation that is used to explain regarding some attributes of an object to the client.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                          //- .details-bookmark.text-center
                                          //-   span No tasks found.
                                    #pills-tasks.fade.tab-pane(role='tabpanel', aria-labelledby='pills-tasks-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 My tasks
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body.p-0
                                          .taskadd
                                            .table-responsive
                                              table.table
                                                tr
                                                  td
                                                    h6.task_title_0 Client meeting
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Documentation that is used to explain regarding some attributes of an object.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Plan webinar
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 kanban board is one of the tools that can be used to implement kanban to manage.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Email newsletter
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 There is some Console error in user profile page.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Publish podcast
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Clone the theme test data file from the GitHub repository.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                                tr
                                                  td
                                                    h6.task_title_0 Lunch website
                                                    p.project_name_0 General
                                                  td
                                                    p.task_desc_0 Documentation that is used to explain regarding some attributes of an object to the client.
                                                  td
                                                    a.me-2(href='javascript:void(0)')
                                                      i(data-feather='link')
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='more-horizontal')
                                                  td
                                                    a(href='javascript:void(0)')
                                                      i(data-feather='trash-2')
                                          //- .details-bookmark.text-center
                                          //-   span No tasks found.
                                    #pills-notification.fade.tab-pane(role='tabpanel', aria-labelledby='pills-notification-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 Notification
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            span No tasks found.
                                    #pills-newsletter.fade.tab-pane(role='tabpanel', aria-labelledby='pills-newsletter-tab')
                                      .card.mb-0
                                        .card-header.d-flex
                                          h6.mb-0 Newsletter
                                          a(href='javascript:void(0)')
                                            i.me-2(data-feather='printer')
                                            | Print
                                        .card-body
                                          .details-bookmark.text-center
                                            span No tasks found.
                                    #createtag.modal.fade.modal-bookmark(tabindex='-1', role='dialog', aria-hidden='true')
                                      .modal-dialog.modal-lg(role='document')
                                        .modal-content
                                          .modal-header
                                            h5.modal-title Create Tag
                                            button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')                                             
                                          .modal-body
                                            form.form-bookmark.needs-validation(novalidate='')
                                              .form-row
                                                .form-group.col-md-12
                                                  label Tag Name
                                                  input.form-control(type='text', required='', autocomplete='off')
                                                .form-group.col-md-12.mb-0
                                                  label Tag color
                                                  input.form-control.fill-color(type='color', value='#24695c')
                                              button.btn.btn-secondary(type='button') Save
                                              button.btn.btn-primary(type='button', data-bs-dismiss='modal') Cancel
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files