- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var animate               = true;
- var scrollbar             = true;
- var height_equal          = true;
- var touchspin_2           = true;
- var swiper                = true;
- var dashboard_8           = 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
                    | POS
                .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 Dashboard
                    li.breadcrumb-item.active POS
          // Container-fluid starts
          .container-fluid
            .row
                .col-xxl-9.col-xl-8
                    .row 
                        .col-xl-12 
                            .card
                                .card-header.card-no-border 
                                    .header-top  
                                        h5 Shop by Categories
                                        div.card-header-right-btn
                                            a.font-dark.f-12(href="javascript:void(0)") View All 
                                .card-body.pt-0
                                    .slider-wrapper.arrow-round 
                                        .swiper.shop-category-slider
                                            .swiper-wrapper
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/phone.png", alt="phone")
                                                    span.m-t-10.category-title.f-w-500.text-gray Phone
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/camera.png", alt="Camera")
                                                    span.m-t-10.category-title.f-w-500.text-gray Camera
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/laptop.png", alt="Laptop")
                                                    span.m-t-10.category-title.f-w-500.text-gray Laptop
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/mouse.png", alt="Mouse")
                                                    span.m-t-10.category-title.f-w-500.text-gray Mouse
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/keyboard.png", alt="Keyboard")
                                                    span.m-t-10.category-title.f-w-500.text-gray Keyboard
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/dron.png", alt="Drone")
                                                    span.m-t-10.category-title.f-w-500.text-gray Drone
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/watch.png", alt="watch")
                                                    span.m-t-10.category-title.f-w-500.text-gray Watch
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/headphone.png", alt="headphone")
                                                    span.m-t-10.category-title.f-w-500.text-gray Headphone
                                                .swiper-slide
                                                    a.shop-box(href="#")
                                                        img(src="../assets/images/dashboard-8/shop-categories/laptop-bag.png", alt="laptop bag")
                                                    span.m-t-10.category-title.f-w-500.text-gray Laptop Bag
                        .col-xl-12
                            .card
                                .card-header.card-no-border 
                                    div.main-product-wrapper
                                        .product-header
                                            h5 Our Product
                                            p.f-m-light.mt-1.text-gray.f-w-500
                                                | Browse & Discover Thousands of products here!
                                        .product-body 
                                            .input-group.product-search
                                                span.input-group-text
                                                    i.search-icon.text-gray(data-feather='search')
                                                input.form-control(type='text' placeholder='Search here..' list='datalistOptionssearch' id='exampleDataList1')
                                                datalist#datalistOptionssearch
                                                    option(value='Bluetooth Calling Smartwatch')
                                                    option(value='Microsoft Surface Laptop')
                                                    option(value='Gaming Over Ear Headphone')
                                                    option(value='Apple iPhone 14 Plus')
                                            .dropdown.product-search-bar
                                                button#popularButton-8.btn.dropdown-toggle.border.text-gray(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                                                    | Select Category
                                                ul.dropdown-menu.dropdown-menu-end.dropdown-block(aria-labelledby='popularButton-8')
                                                    li
                                                        a.dropdown-item(href='#') Mac-book
                                                    li
                                                        a.dropdown-item(href='#') Headphones
                                                    li
                                                        a.dropdown-item(href='#') HD TV
                                .card-body.main-our-product
                                    .row.g-3.scroll-product
                                        .col-xxl-3.col-sm-4
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/watch-2.png", alt="watch") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Bluetooth Calling Smartwatch
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $109.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                                            
                                           
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/laptop.png", alt="laptop") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Microsoft Surface Laptop
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $187.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/headphone.png", alt="headphone") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Gaming Over Ear Headphone
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $76.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/phone.png", alt="phone") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Apple iPhone 14 Plus
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $132.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/dvd.png", alt="DVD player") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Apple Smart HD TV
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $789.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/mac-laptop.png", alt="pink laptop") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Apple iPhone 14 Plus
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $809.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/speaker.png", alt="speaker") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Speakers wireless
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $541.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/mouse.png", alt="mouse") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 M185 Compact Wireless Mouse
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $200.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/wireless-headphone.png", alt="wireless-headphone") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 Wireless headphone
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $333.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/keyboard.png", alt="keyboard") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 RGB Gaming Keyboard
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $198.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/ipad.png", alt="ipad") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 MacBook Air 13.3-inch
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $409.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase
                                        .col-xxl-3.col-sm-4 
                                            .our-product-wrapper.h-100.widget-hover
                                                .our-product-img
                                                    img(src="../assets/images/dashboard-8/product-categories/drone.png", alt="drone") 
                                                .our-product-content
                                                    h6.f-14.f-w-500.pt-2.pb-1 SYMA X5SW remote control..
                                                    .d-flex.justify-content-between.align-items-center
                                                        h6.txt-primary $341.00
                                                        div.add-quantity.btn.border.text-gray.f-12.f-w-500
                                                            i.fa.fa-minus.remove-minus.count-decrease
                                                            span.add-btn Add
                                                            input.countdown-remove(type='number' value='0')
                                                            i.fa.fa-plus.count-increase

                .col-xxl-3.col-md-4.customer-sidebar-left
                    .md-sidebar.h-100
                        a.btn.btn-primary.md-sidebar-toggle(href="javascript:void(0)") Order Details
                        .md-sidebar-aside.custom-scrollbar.responsive-order-details
                            .card.customer-sticky
                                .card-header.card-no-border.pb-3
                                    .header-top.border-bottom.pb-3
                                        h5.m-0 Customer 
                                        .card-header-right-icon.create-right-btn
                                            a.btn.btn-light-primary.f-w-500.f-12(href="javascript:void(0)" data-bs-toggle='modal' data-bs-target='#dashboard8')
                                                | Create +
                                        // Modal
                                        #dashboard8.modal.fade(tabindex='-1' aria-labelledby='dashboard8' aria-hidden='true')
                                            .modal-dialog
                                                .modal-content
                                                    .modal-header
                                                        h5#modaldashboard.modal-title Create Customer
                                                        button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
                                                    .modal-body.p-0
                                                        .text-start.dark-sign-up
                                                            .modal-body
                                                                form.row.g-3.needs-validation(novalidate='')
                                                                    .col-md-6
                                                                        label.form-label(for='validationCustom-8') First Name
                                                                            span.txt-danger *
                                                                        input#validationCustom-8.form-control(type='text' placeholder='Enter your first-name' required='')
                                                                        .valid-feedback
                                                                            | Looks good!
                                                                    .col-md-6
                                                                        label.form-label(for='validationCustom09') Last Name
                                                                            span.txt-danger *
                                                                        input#validationCustom09.form-control(type='text' placeholder='Enter your last-name' required='')
                                                                        .valid-feedback
                                                                            | Looks good!
                                                                    .col-md-6
                                                                        label.form-label(for='validationCustom08') Mobile Number
                                                                            span.txt-danger *
                                                                        input#validationCustom08.form-control(type='number' placeholder='Mobile number' required='')
                                                                        .valid-feedback
                                                                            | Looks good!
                                                                    .col-md-6
                                                                        .mb-3
                                                                            label.form-label(for='exampleFormControlInput8') Email
                                                                                span.txt-danger *
                                                                            input#exampleFormControlInput8.form-control(type='email' placeholder='customername@gmail.com')
                                                                    .col-md-12.d-flex.justify-content-end
                                                                        button.btn.btn-primary(type='submit') Create +

                                .card-body.pt-0.order-details
                                    select.form-select.f-w-400.f-14.text-gray.py-2(aria-label='Select Customer')
                                        option(selected='' disabled='') Select Customer
                                        option(value='1') Brooklyn Simmons
                                        option(value='2') Savannah Nguyen
                                        option(value='3') Esther 
                                    h5.m-0 Order Details
                                    .order-quantity.p-b-20.border-bottom
                                        .order-details-wrapper
                                            .left-details
                                                .order-img.widget-hover
                                                    img(src="../assets/images/dashboard-8/product-categories/phone.png", alt="phone") 
                                            .category-details
                                                div.order-details-right
                                                    span.text-gray.mb-1 Category : 
                                                        span.font-dark Phone
                                                    h6.f-14.f-w-500.mb-3 Apple iPhone 14 Plus
                                                    .last-order-detail
                                                        h6.txt-primary $987.00
                                                        a(href="javascript:void(0)") 
                                                            i.fa.fa-trash.trash-remove
                                                .right-details
                                                    .touchspin-wrapper 
                                                        button.decrement-touchspin.btn-touchspin
                                                            i.fa.fa-minus.text-gray
                                                        input#inputData.input-touchspin(type='number' value='9')
                                                        button.increment-touchspin.btn-touchspin
                                                            i.fa.fa-plus.text-gray
                                        .order-details-wrapper
                                            .left-details
                                                .order-img.widget-hover
                                                    img(src="../assets/images/dashboard-8/product-categories/watch-2.png", alt="watch") 
                                            .category-details
                                                div.order-details-right
                                                    span.text-gray.mb-1 Category : 
                                                        span.font-dark Watch
                                                    h6.f-14.f-w-500.mb-3 Bluetooth Calling Smartwatch
                                                    .last-order-detail
                                                        h6.txt-primary $109.00
                                                        a(href="javascript:void(0)")
                                                            i.fa.fa-trash.trash-remove
                                                .right-details
                                                    .touchspin-wrapper 
                                                        button.decrement-touchspin.btn-touchspin
                                                            i.fa.fa-minus.text-gray
                                                        input#inputData1.input-touchspin(type='number' value='9')
                                                        button.increment-touchspin.btn-touchspin
                                                            i.fa.fa-plus.text-gray
                                        .card-body.p-0.empty-card.trash-items
                                            .empty-cart-wrapper
                                                .empty-cart-content
                                                    img(src="../assets/images/dashboard-8/order-trash.gif", alt="order-trash")
                                                h6.text-gray Your cart is empty!!!
                                                a(href="product.html") 
                                    .total-item
                                        .item-number
                                            span.text-gray Item
                                            span.f-w-500 3 (Items)
                                        .item-number
                                            span.text-gray Subtotal
                                            span.f-w-500 $1,186
                                        .item-number.border-bottom
                                            span.text-gray Fees
                                            span.f-w-500 $20
                                        .item-number.pt-3.pb-0
                                            span.f-w-500 Total
                                            h6.txt-primary $1,186
                                    h5.m-0.p-t-40 Payment Method
                                    .payment-methods
                                        div
                                            .bg-payment.widget-hover 
                                                img(src="../assets/images/dashboard-8/payment-option/cash.svg", alt="cash")
                                            span.f-w-500.text-gray Cash
                                        div
                                            .bg-payment.widget-hover 
                                                img(src="../assets/images/dashboard-8/payment-option/card.svg", alt="card")
                                            span.f-w-500.text-gray Card
                                        div 
                                            .bg-payment.widget-hover 
                                                img(src="../assets/images/dashboard-8/payment-option/wallet.svg", alt="wallet")
                                            span.f-w-500.text-gray E-Wallet
                                    .place-order
                                        button.btn.btn-primary.btn-hover-effect.w-100.f-w-500(type="button") Place Order
                              
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
