- var theme_customizer      = true;
- var owlcarousel           = true;
- var js_datatables         = true;
- var custom_list_product   = true;
- var ecommerce             = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var animate               = 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-fluid
            .page-title
              .row
                .col-6
                  h4 
                    | Display Category

                .col-6
                  ol.breadcrumb
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item ECommerce
                    li.breadcrumb-item.active Category
          // Container-fluid starts
          .container-fluid
            .row 
              .col-sm-12 
                .card 
                  .card-body
                    .list-product-header
                      div 
                        .light-box
                          a(data-bs-toggle='collapse' href='#collapseProduct' role='button' aria-expanded='false' aria-controls='collapseProduct')
                            i.filter-icon.show(data-feather='filter')
                            i.icon-close.filter-close.hide
                        a(href="#!").btn.btn-primary
                          i.fa.fa-plus
                          | Add Category
                      #collapseProduct.collapse
                        .card.card-body.list-product-body
                          .row.row-cols-xl-5.row-cols-lg-4.row-cols-md-3.row-cols-sm-2.row-cols-2.g-3 
                            .col 
                              select.form-select(aria-label='Default select example')
                                option(selected='') Choose Product
                                option(value='1') Apple iphone 13 Pro
                                option(value='2') Wood Chair
                                option(value='3') M185 Compact Wireless Mouse
                            .col 
                              select.form-select(aria-label='Default select example')
                                option(selected='') Choose Category
                                option(value='1') Furniture
                                option(value='2') Smart Gadgets
                                option(value='3') Electrics
                            .col 
                              select.form-select(aria-label='Default select example')
                                option(selected='') Choose Sub Category
                                option(value='1') Smart Phones
                                option(value='2') Smart Watches
                                option(value='3') Wireless headphone
                            .col 
                              select.form-select(aria-label='Default select example')
                                option(selected='') Status
                                option(value='1') Sold Out 
                                option(value='2') In Stock
                                option(value='3') Pre Order
                                option(value='4') Limited Stock 

                            .col 
                              select.form-select(aria-label='Default select example')
                                option(selected='') Price
                                option(value='1') 56000.00
                                option(value='2') 19000.00
                                option(value='3') 10000.00
                                option(value='3') 15000.00
                                option(value='3') 99000.00
                    .list-product.list-category
                      table#project-status.table
                        thead 
                          tr 
                            th
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            th 
                              span.f-light.f-w-600 Category
                            th 
                              span.f-light.f-w-600 Description
                            th 
                              span.f-light.f-w-600 Category Type
                            th 
                              span.f-light.f-w-600 Action

                        tbody 
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/1.png", alt="t-shirt")
                                p T-Shirts
                            td 
                              p.f-light Special PriceGet at flat ₹229
                            td  
                              span.badge.badge-light-primary Clothing
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/1.png", alt="shoes")
                                p Shoes
                            td 
                              p.f-light Up to ₹300, on orders of ₹1750 and above T&C
                            td  
                                span.badge.badge-light-primary Footwear
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/2.png", alt="hand bags")
                                p Handbags
                            td 
                              p.f-light Passed 30+ quality checks performed by experts for Comfort & Design.
                            td  
                              span.badge.badge-light-secondary Accessories
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/dashboard-2/product/1.png", alt="chairs")
                                p Chairs
                            td 
                              p.f-light Passed 30+ quality checks performed by experts for Comfort & Design.
                            td  
                              span.badge.badge-light-secondary Accessories
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/3.png", alt="toys")
                                p Toys
                            td 
                              p.f-light Assembling Shape Educational Toys (Multicolor)
                            td  
                              span.badge.badge-light-success Electronic
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/4.png", alt="slipper")
                                p Slipper
                            td 
                              p.f-light Easy to wear and comfortable slip on slippers
                            td  
                              span.badge.badge-light-primary Footwear
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/5.png", alt="camera")
                                p Cameras
                            td 
                              p.f-light Our computers and tablets include all the big brands.
                            td  
                              span.badge.badge-light-success Electronic
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/2.png", alt="t-shirt")
                                p T-Shirts
                            td 
                              p.f-light Special PriceGet at flat ₹100
                            td  
                              span.badge.badge-light-primary Clothing
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/dashboard-8/product-categories/watch.png", alt="watch")
                                p Watches
                            td 
                              p.f-light Experience luxury and precision with our meticulously crafted timepieces
                            td  
                              span.badge.badge-light-success Electronic
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/12.png", alt="t-shirt")
                                p T-Shirts
                            td 
                              p.f-light Special PriceGet at flat ₹300
                            td  
                              span.badge.badge-light-primary Clothing
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/1.png", alt="shoes")
                                p Shoes
                            td 
                              p.f-light Up to ₹300, on orders of ₹1750 and above T&C
                            td  
                                span.badge.badge-light-primary Footwear
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")


                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/3.png", alt="toys")
                                p Toys
                            td 
                              p.f-light Assembling Shape Educational Toys (Multicolor)
                            td  
                              span.badge.badge-light-success Electronic
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/4.png", alt="slipper")
                                p Slipper
                            td 
                              p.f-light Easy to wear and comfortable slip on slippers
                            td  
                              span.badge.badge-light-primary Footwear
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/5.png", alt="camera")
                                p Cameras
                            td 
                              p.f-light Our computers and tablets include all the big brands.
                            td  
                              span.badge.badge-light-success Electronic
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/dashboard-8/product-categories/watch.png", alt="watch")
                                p Watches
                            td 
                              p.f-light Experience luxury and precision with our meticulously crafted timepieces
                            td  
                              span.badge.badge-light-success Electronic
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/1.png", alt="t-shirt")
                                p T-Shirts
                            td 
                              p.f-light Special PriceGet at flat ₹229
                            td  
                              span.badge.badge-light-primary Clothing
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/1.png", alt="shoes")
                                p Shoes
                            td 
                              p.f-light Up to ₹300, on orders of ₹1750 and above T&C
                            td  
                                span.badge.badge-light-primary Footwear
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/product/category/2.png", alt="hand bags")
                                p Handbags
                            td 
                              p.f-light Passed 30+ quality checks performed by experts for Comfort & Design.
                            td  
                              span.badge.badge-light-secondary Accessories
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          tr.product-removes
                            td
                              .form-check 
                                input.form-check-input.checkbox-primary(type='checkbox')
                            td 
                              .product-names
                                .light-product-box
                                  img.img-fluid(src="../assets/images/dashboard-2/product/1.png", alt="chairs")
                                p Chairs
                            td 
                              p.f-light Passed 30+ quality checks performed by experts for Comfort & Design.
                            td  
                              span.badge.badge-light-secondary Accessories
                            td 
                              .product-action
                                svg     
                                  use(href="../assets/svg/icon-sprite.svg#edit-content")
                                svg
                                  use(href="../assets/svg/icon-sprite.svg#trash1")
                          

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