- var page_Title = 'Roles & Permission';
- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var select_dt             = true;
- var datatable             = true;
- var page_datatable        = true;
- var scrollbar             = true;
- var sweetalert2           = true;
- var trash_popup           = true;
- var common_check_all      = 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.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Roles & Permission
                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 Users
                    li.breadcrumb-item.active Roles & Permission
          // Container-fluid starts
          .container.role-permission-wrapper
            .grid.grid-cols-12
                div(class="col-span-12") 
                    .card 
                        .card-header.card-no-border.text-end
                            .card-header-right-icon
                                a.btn.btn-primary.font-medium.text-white(href="#!" class="!inline-block" data-bs-toggle='modal' data-bs-target='#rolePermission')
                                    i.fa-solid.fa-plus.pe-2
                                    | Add Permission
                        .card-body.pt-0.px-0
                            .list-product.permission-table
                                .overflow-x-auto.custom-scrollbar
                                    table#roles-permission.table
                                        thead 
                                            tr 
                                                th
                                                th 
                                                    span.c-o-light.font-semibold Role Name
                                                th 
                                                    span.c-o-light.font-semibold Creation Date
                                                th 
                                                    span.c-o-light.font-semibold Last Updated Date
                                                th 
                                                    span.c-o-light.font-semibold Status
                                                th 
                                                    span.c-o-light.font-semibold Actions
                                        tbody 
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Vendor
                                                td  
                                                    p 13 Jan 2025,06:45 AM
                                                td  
                                                    p 15 Feb 2025,04:20 AM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Admin
                                                td  
                                                    p 10 Feb 2023,01:12 PM
                                                td  
                                                    p 15 Feb 2025,08:21 AM
                                                td  
                                                    span.badge.badge-light-warning Pending
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Community Manager
                                                td  
                                                    p 05 Mar 2025,04:30 PM
                                                td  
                                                    p 20 Apr 2025,11:20 AM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Content Editors
                                                td  
                                                    p 16 Apr 2025,09:18 PM
                                                td  
                                                    p 17 May 2025,08:00 AM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Subscribers
                                                td  
                                                    p 14 May 2025,05:25 AM
                                                td  
                                                    p 22 Jun 2025,10:12 AM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Consumer
                                                td  
                                                    p 21 Aug 2025,11:18 PM
                                                td  
                                                    p 05 Sep 2025,06:25 AM
                                                td  
                                                    span.badge.badge-light-warning Pending
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Registered Users
                                                td  
                                                    p 25 Dec 2025,07:12 AM
                                                td  
                                                    p 28 Jan 2025,11:20 AM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Unverified Users
                                                td  
                                                    p 18 Dec 2023,09:00 PM
                                                td  
                                                    p 20 Jan 2025,05:05 PM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
                                            tr.product-removes.inbox-data
                                                td
                                                td 
                                                    p Translator
                                                td  
                                                    p 29 Feb 2025,08:30 AM
                                                td  
                                                    p 02 Mar 2025,10:30 PM
                                                td  
                                                    span.badge.badge-light-success Active
                                                td 
                                                    .common-align.gap-2.justify-start 
                                                        a.square-white(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#edit-content")
                                                        a.square-white.trash-6(href="#!")
                                                            svg
                                                                use(href="../assets/svg/icon-sprite.svg#trash1")
            //-  Add Permission Modal
            #rolePermission.modal.fade(tabindex='-1' aria-labelledby='rolePermission' aria-hidden='true')
                .modal-dialog.modal-dialog-centered.modal-xl
                    .modal-content.category-popup
                        .modal-header
                            h5#modaldashboard.modal-title Create Role
                            button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
                        .modal-body.custom-input
                            .grid.grid-cols-12
                                div(class="col-span-12")
                                    .grid.grid-cols-12.mb-4.gap-2
                                        div(class="col-span-2 md:col-span-12")
                                            label.form-label.mb-0(for='validationName') Name 
                                                span.txt-danger *
                                        div(class="col-span-10 md:col-span-12")
                                            input#validationName.form-control(type='text' placeholder="Enter name" required='')                         
                                    .grid.grid-cols-12.gap-2
                                        div(class="col-span-12") 
                                            label.form-label.mb-0(for='validationName') Permissions 
                                                span.txt-danger *
                                        div(class="col-span-12") 
                                            .grid.grid-cols-12.permission-form.gap-2
                                                div(class="col-span-12")
                                                    ul
                                                        li Users
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault1.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault1')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault2.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault2')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault3.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault3')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li Products
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault4.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault4')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault5.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault5')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault6.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault6')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault7.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault7')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li FAQs
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault8.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault8')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault9.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault9')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault10.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault10')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault11.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault11')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li Category
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault20.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault20')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault21.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault21')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault22.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault22')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault23.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault23')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li Orders
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault24.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault24')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault25.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault25')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault26.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault26')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault27.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault27')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li Projects
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault28.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault28')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault29.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault29')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault30.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault30')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault31.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault31')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li Seller
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault36.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault36')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault37.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault37')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault38.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault38')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault39.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault39')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li To-Do
                                                        li 
                                                            .form-check
                                                                input#allPermission.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='allPermission')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#readerPermission.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='readerPermission')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#creatorPermission.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='creatorPermission')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#deletePermission.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='deletePermission')
                                                                    | Delete
                                                div(class="col-span-12")
                                                    ul
                                                        li Blog
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault56.form-check-input.check-all(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault56')
                                                                    | All
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault57.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault57')
                                                                    | Reader
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault58.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault58')
                                                                    | Creator
                                                        li 
                                                            .form-check
                                                                input#flexCheckDefault59.form-check-input(type='checkbox' value='')
                                                                label.form-check-label(for='flexCheckDefault59')
                                                                    | Delete
                                                div(class="col-span-12").flex.justify-end.mt-3
                                                    button.btn.btn-primary(type='submit') Save     
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files