- var page_Title = 'Order History';
- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var scrollbar             = true;
- var select_dt             = true;
- var datatable             = true;
- var page_datatable        = true;
- var flatpickr             = true;
- var custom_flatpickr      = true;
- var trash                 = true;
- var tooltip               = 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
                    | Order History
                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  Order History
          // Container-fluid starts
          .container.common-order-history
            .grid.grid-cols-12.card-gap
              div(class="col-span-12")
                .card
                  .card-body
                    .grid.grid-cols-12.gap-3.custom-input
                      //- From date 
                      div(class="col-span-2 xl:col-span-6 md:col-span-12") 
                        label.form-label(for='datetime-local') From: 
                        .input-group.flatpicker-calender
                          input#datetime-local.form-control(placeholder='dd/mm/yyyy')
                      //- To date 
                      div(class="col-span-2 xl:col-span-6 md:col-span-12") 
                        label.form-label(for='datetime-local3') To: 
                        .input-group.flatpicker-calender
                          input#datetime-local3.form-control(placeholder='dd/mm/yyyy')
                      //- Payment status
                      div(class="col-span-2 xl:col-span-6 md:col-span-12")
                        label.form-label Payment Status
                        select.form-select
                          option(selected='') Completed
                          option(value='1') Pending
                          option(value='2') Failed
                      //- Payment Methods
                      div(class="col-span-2 xl:col-span-6 md:col-span-12")
                        label.form-label Payment Methods
                        select.form-select
                          option(selected='') Paypal
                          option(value='1') COD
                          option(value='2') Bank transfer
                          option(value='3') Credit card
                      div(class="col-span-2 xl:col-span-6 md:col-span-12 flex justify-start items-center m-t-20")
                        a.btn.btn-primary.font-medium.text-white(href="#!") Submit
              div(class="col-span-12")
                .card.heading-space
                  .card-header.card-no-border
                    .header-top
                      h5 New Orders
                  .card-body.pt-0.px-0
                    .grid.grid-cols-12 
                      div(class="col-span-12")
                        .order-history-wrapper
                          .recent-table.overflow-x-auto.custom-scrollbar
                            table#order-history-table.table
                              thead 
                                tr 
                                  th
                                  th(class="[@media(max-width:1260px)]:!min-w-[104px]")
                                    span.f-light.font-semibold Order Number
                                  th(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    span.f-light.font-semibold Order Date
                                  th(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.f-light.font-semibold Customer Name
                                  th(class="[@media(max-width:1260px)]:!min-w-[122px]")
                                    span.f-light.font-semibold Total Amount
                                  th(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.f-light.font-semibold Payment Status
                                  th(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    span.f-light.font-semibold Payment Method
                                  th
                                    span.f-light.font-semibold Action
                              tbody 
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="#!") #1245
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 02 Feb 2025 03:21:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Zakai Ramos
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $120.45  
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-danger Failed 
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light COD
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1244
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 12 Mar 2025 04:05:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]") 
                                    p.c-o-light Daxton Norris
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $478.14 
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-warning Pending
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Paypal
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1246
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 10 Jun 2025 02:10:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Sophia Kirby
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $897.00 
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Bank Transfer
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1248
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 28 Feb 2025 11:50:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Rylan Norton
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $200.40
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1247
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 01 Jan 2025 07:30:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Curtis Robertson
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $304.12
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-danger Failed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Bank Transfer
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1249
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 03 Dec 2025 05:15:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Emir David
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $140.50
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light COD
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1250
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 09 Mar 2025 03:05:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Kai Jacobs
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $450.70
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1251
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 13 Apr 2025 04:28:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Aron Hester
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $400.05
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-warning Pending
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Paypal
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1252
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 18 May 2025 06:00:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Jaime Ellis
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $250.00
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-warning Pending
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1253
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 20 Aug 2025 07:10:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Hector Torres
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $145.30
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light COD
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1254
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 16 Sep 2025 12:10:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]") 
                                    p.c-o-light Saige Lucero
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $170.00
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1255
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 17 Oct 2025 10:40:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]") 
                                    p.c-o-light Remi Nelson
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $300.50
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-danger Failed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Bank Transfer
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1256
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 22 Nov 2025 09:05:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]") 
                                    p.c-o-light Ayla Tucker
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $900.14
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-warning Pending
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Paypal
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1257
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 26 Jan 2025 08:15:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Aniya Davila
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $870.00
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1302
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 01 Jan 2025 10:25:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Camden Klein
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $50.14
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-warning Pending
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light COD
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1306
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 12 Mar 2025 01:35:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Ezra Gentry
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $74.00
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-danger Failed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1310
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 20 Apr 2025 07:00:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Jax Pierce
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $74.70
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light COD
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1314
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 22 Dec 2025 09:45:AM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Yara Walsh
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $45.34
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-warning Pending
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Paypal
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1380
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 31 May 2025 10:40:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Fox Roth
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $48.40
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-success Completed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Bank Transfer
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
                                tr.inbox-data
                                  td
                                  td(class="[@media(max-width:1260px)]:!min-w-[104px]") 
                                    a(href="order-details.html") #1399
                                  td(class="[@media(max-width:1260px)]:!min-w-[180px]") 
                                    p.c-o-light 17 Apr 2025 08:50:PM
                                  td(class="[@media(min-width:1261px)_and_(max-width:1417px)]:hidden [@media(max-width:1260px)]:!min-w-[140px]")  
                                    p.c-o-light Selah Bush
                                  td(class="[@media(max-width:1260px)]:!min-w-[122px]") 
                                    p.c-o-light $78.48
                                  td(class="[@media(max-width:1260px)]:!min-w-[140px]") 
                                    span.badge.badge-light-danger Failed
                                  td(class="[@media(max-width:1260px)]:!min-w-[148px]") 
                                    p.c-o-light Credit Card
                                  td 
                                    .common-align.gap-2.justify-start 
                                      a.square-white(href="order-details.html" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='View')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#fill-view")
                                      a.square-white.trash-3(href="#!" data-bs-toggle='tooltip' data-bs-placement='top' data-tooltip='Delete')
                                        svg
                                          use(href="../assets/svg/icon-sprite.svg#trash1")
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files