- var page_Title = 'Invoice Template';
- var theme_customizer      = true;
- var counter               = true;
- var print                 = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = 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.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Invoice
                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 Ecommerce
                    li.breadcrumb-item.active Invoice
          // Container-fluid starts
          .container-invoice
            .grid.grid-cols-12
              div(class="col-span-12")
                .card
                  .card-body
                    .invoice
                      div
                        div
                          .grid.grid-cols-12
                            div(class="col-span-6 sm:col-span-12")
                              .flex
                                .media-left
                                  img.media-object.img-60.for-light(src='../assets/images/other-images/logo-login.png', alt='')
                                  img.media-object.img-60.for-dark(src='../assets/images/other-images/logo-light.png', alt='')
                                .grow.m-l-20
                                  h4.media-heading Cuba
                                  p
                                    | hello@cuba.in
                                    br
                                    span 289-335-6503
                              // End Info
                            div(class="col-span-6 sm:col-span-12")
                              .text-end.text-xs-center(class="[@media(max-width:575px)]:mt-[10px]")
                                h3
                                  | Invoice #
                                  span.counter(data-target='1069,000.00') 0
                                p
                                  | Issued: May
                                  span  12, 2025
                                  br
                                  |                                                             Payment Due: June 
                                  span 12, 2025
                              // End Title
                        hr(class="border-b-[2px] border-solid")
                        // End InvoiceTop
                        .grid.grid-cols-12.car-gap
                          div(class="col-span-4 md:col-span-12")
                            .flex.invoice-flex
                              .media-left
                                img.media-object.rounded-full.img-60(src='../assets/images/user/1.jpg', alt='')
                              .grow.m-l-20
                                h4.media-heading Johan Deo
                                p
                                  | JohanDeo@gmail.com
                                  br
                                  span 555-555-5555
                          div(class="col-span-8 md:col-span-12")
                            #project
                              h6 Project Description
                              p
                                | You're Only As Good As Your Last Collection, Which Is An Enormous Pressure. Jeans Represent Democracy In Fashion.Fashion Is About Dressing According To What's Fashionable.
                        // End Invoice Mid
                        div
                          #table.overflow-x-auto.invoice-table.custom-scrollbar
                            table.table.table-bordered.table-striped
                              tbody
                                tr
                                  td.item
                                    h6.p-2.mb-0 Item Description
                                  td.Hours
                                    h6.p-2.mb-0 Hours
                                  td.Rate
                                    h6.p-2.mb-0 Rate
                                  td.subtotal
                                    h6.p-2.mb-0 Sub-total
                                tr
                                  td
                                    label.mb-0 Red Shirt
                                    p.m-0 Wild West - Red Cotton Blend Regular Fit Men's Formal Shirt.
                                  td
                                    p.itemtext 5
                                  td
                                    p.itemtext $75
                                  td
                                    p.itemtext $375.00
                                tr
                                  td
                                    label.mb-0 Flower Dress
                                    p.m-0 Skyblue Flower Printed Sleevless Strappy Dress.
                                  td
                                    p.itemtext 3
                                  td
                                    p.itemtext $75
                                  td
                                    p.itemtext $225.00
                                tr
                                  td
                                    label.mb-0 Red Skirt
                                    p.m-0 R L F - Red Cotton Blend Women's A-Line Skirt.
                                  td
                                    p.itemtext 10
                                  td
                                    p.itemtext $75
                                  td
                                    p.itemtext $750.00
                                tr
                                  td
                                    label.mb-0 Brown Dress
                                    p.m-0 Aask - Brown Polyester Blend Women's Fit & Flare Dress.
                                  td
                                    p.itemtext 10
                                  td
                                    p.itemtext $75
                                  td
                                    p.itemtext $750.00
                                tr
                                  td
                                    p.itemtext
                                  td
                                    p.m-0 HST
                                  td
                                    p.m-0 13%
                                  td
                                    p.m-0 $419.25
                                tr
                                  td
                                  td
                                  td.Rate
                                    h6.mb-0.p-2 Total
                                  td.payment
                                    h6.mb-0.p-2 $2519.25
                          // End Table
                          .grid.grid-cols-12.card-gap
                            div(class="col-span-8 md:col-span-12")
                              div
                                p.legal
                                  strong Thank you for your business!
                                  |   Payment is expected within 31 days; please process this invoice within that time. There will be a 5% interest charge per month on late invoices.
                            div(class="col-span-4 md:col-span-12")
                              form.text-md-end
                                input(type='image', src='../assets/images/other-images/paypal.png', name='submit', alt='PayPal - The safer, easier way to pay online!')
                        // End InvoiceBot
                      div(class="col-span-12 text-center mt-3 print-btn")
                        button.btn.btn.btn-primary.me-2.text-white(type='button', onclick='myFunction()') Print
                        button.btn.btn-secondary.text-white(type='button') Cancel
                      // End Invoice
                      // End Invoice Holder
                      // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
