- var page_Title = 'Logistics Dashboard';
- var apex                  = true;
- var theme_customizer      = true;
- var animate               = true;
- var sidebar               = true;
- var select_dt             = true;
- var datatable             = true;
- var page_datatable        = true;
- var swiper                = true;
- var slick                 = true;
- var header_slider         = true;
- var counter               = true;
- var dashboard_13          = true;
- var scrollbar             = true;
- var height_equal          = 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         
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Logistics Dashboard
                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 Dashboard
                    li.breadcrumb-item.active Logistics Dashboard
          // Container-fluid starts
          .container.dashboard-13
            .grid.grid-cols-12.card-gap 
              div(class="col-span-3 xl:col-span-6 sm:col-span-12")
                .card.widget-13.widget-hover
                  .card-body
                    div 
                      .stat-content
                        .stat-square.bg-light-primary
                          svg.fill-primary
                            use(href='../assets/svg/icon-sprite.svg#stroke-package') 
                        div 
                          p.c-o-light.mb-1 New Packages
                          h4
                            span.counter(data-target='845') 0
                    .common-space
                      .common-align.font-success
                        i.me-1(data-feather='trending-up')
                        span +12.02%
                      .common-stat-option
                        #package-chart
              div(class="col-span-3 xl:col-span-6 sm:col-span-12")
                .card.widget-13.widget-hover
                  .card-body
                    div 
                      .stat-content
                        .stat-square.bg-light-secondary
                          svg.fill-secondary
                            use(href='../assets/svg/icon-sprite.svg#stroke-progress-delivery') 
                        div 
                          p.c-o-light.mb-1 In-Progress Delivery
                          h4
                            span.counter(data-target='242') 0
                            | K
                    .common-space
                      .common-align.font-danger
                        i.me-1(data-feather='trending-down')
                        span -0.03%
                      .progress(role='progressbar' aria-label='Animated striped example' aria-valuenow='75' aria-valuemin='0' aria-valuemax='100')
                        .progress-bar.progress-bar-striped.progress-bar-animated.bg-secondary(style='width: 75%')
              div(class="col-span-3 xl:col-span-6 sm:col-span-12")
                .card.widget-13.widget-hover
                  .card-body
                    div 
                      .stat-content
                        .stat-square.bg-light-warning
                          svg.fill-warning
                            use(href='../assets/svg/icon-sprite.svg#stroke-delivered') 
                        div 
                          p.c-o-light.mb-1 Delivered
                          h4
                            span.counter(data-target='1620') 0
                    .common-space
                      .common-align.font-success
                        i.me-1(data-feather='trending-up')
                        span +13.04%
                      .delivered-stat-option
                        #package-delivered
              div(class="col-span-3 xl:col-span-6 sm:col-span-12")
                .card.widget-13.widget-hover
                  .card-body
                    div 
                      .stat-content
                        .stat-square.bg-light-success
                          svg.fill-success
                            use(href='../assets/svg/icon-sprite.svg#stroke-client') 
                        div 
                          p.c-o-light.mb-1 New Clients
                          h4
                            span.counter(data-target='195') 0
                    .common-space
                      .common-align.font-danger
                        i.me-1(data-feather='trending-down')
                        span -0.08%
                      .common-stat-option.client-chart
                        #new-clients-chart
              div(class="col-span-7 xl:col-span-12") 
                .card.heading-space
                  .card-header.card-no-border
                    .header-top
                      h5 Shipment Tracking
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#shipmentTracking.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='shipmentTracking')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.px-0.pt-0.shipment-tracking-table
                    .recent-table.overflow-x-auto.custom-scrollbar
                      table.table#shipment-tracking-table
                        thead 
                          tr
                            th  
                            th Shipment
                            th Carrier
                            th(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Origin
                            th Destination
                            th(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Current Location
                            th ETA
                            th Status
                        tbody 
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #FH83P3
                            td FedEx
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") New York
                            td Boston
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Denver
                            td 10 May 2025
                            td  
                              span.badge.f-14.font-normal.txt-warning In Transit
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #SD56Q3
                            td UPS
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Miami
                            td Seattle
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Chicago
                            td 12 Jul 2025  
                            td  
                              span.badge.f-14.font-normal.txt-danger Delayed
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #DR45E4
                            td DHL
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Houston
                            td Boston
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Houston
                            td 18 Aug 2025
                            td  
                              span.badge.f-14.font-normal.txt-warning In Transit
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #DE56H4
                            td USPS
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Houston
                            td New York
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Francisco
                            td 23 Sep 2025
                            td  
                              span.badge.f-14.font-normal.txt-success Dispatched
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #RT89A1
                            td FedEx
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Germany
                            td Houston
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Seattle
                            td 16 Aug 2025
                            td  
                              span.badge.f-14.font-normal.txt-success Dispatched
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #ED58B5
                            td DHL
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Miami
                            td Boston
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Denver
                            td 02 Feb 2025
                            td  
                              span.badge.f-14.font-normal.txt-danger Delayed
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #TY71S1
                            td USPS
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Atlanta
                            td Denver
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Dallas
                            td 12 Mar 2025
                            td  
                              span.badge.f-14.font-normal.txt-success Dispatched
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #RT66W4
                            td FedEx
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Dallas
                            td Chicago
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Orlando
                            td 19 Oct 2025
                            td  
                              span.badge.f-14.font-normal.txt-warning In Transit
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #ER89Q3
                            td DHL
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Orlando
                            td Portland
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") Seattle
                            td 23 Apr 2025
                            td  
                              span.badge.f-14.font-normal.txt-success Dispatched
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html" target="_blank") #QQ66D2
                            td UPS
                            td(class="[@media(min-width:1200px)_and_(max-width:1767px)]:!hidden") Boston
                            td Las Vegas
                            td(class="[@media(min-width:1200px)_and_(max-width:1477px)]:!hidden") San Diego
                            td 29 Sep 2025
                            td  
                              span.badge.f-14.font-normal.txt-warning In Transit
              div(class="col-span-5 xl:col-span-6 md:col-span-12")
                .card.delivery-chart.sales-report
                  .card-header.card-no-border
                    .header-top
                      h5 Avg Delivery Duration
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#deliveryDuration.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='deliveryDuration')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.pt-0
                    ul.balance-data 
                      li
                        span.circle.bg-primary
                        span.c-light.ms-1 On Time Delivery
                      li
                        span.circle.bg-secondary 
                        span.c-light.ms-1 Late Delivery
                    .delivery-duration-chart
                      #delivery-duration
              div(class="col-span-4 xl:col-span-6 md:col-span-12")
                .card
                  .card-header.card-no-border
                    .header-top
                      h5 Shipment Details
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#allProjects.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='allProjects')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.shipping-details.pt-0
                    .common-space
                      p Status : 
                        span Ongoing
                      p Insurance : 
                        span 10,000
                    .simple-timeline
                      ul 
                        li 
                          .shipment-details
                            .dots.bg-primary
                            div 
                              .line.bg-primary
                              p.f-14.font-medium Tracking Number Created
                              p.f-14.font-normal.c-o-light 2118 Thornridge Cir. Syracuse, Connecticut 35624
                        li 
                          .shipment-details
                            .dots.bg-primary
                            div 
                              .line.bg-primary
                              p.f-14.font-medium Out for Delivery
                              p.f-14.font-normal.c-o-light Uploading Company: Disney, The Walt Company
                        li 
                          .shipment-details
                            .dots.bg-primary
                            div 
                              .line.bg-primary
                              p.f-14.font-medium In Transit
                              p.f-14.font-normal.c-o-light 4517 Washington Ave. Manchester, Kentucky 39495
                        li 
                          .shipment-details
                            .dots.bg-secondary
                            div 
                              .line.bg-secondary
                              p.f-14.font-medium Delivered
              div(class="col-span-4 xl:col-span-6 md:col-span-12")
                .card
                  .card-header.card-no-border 
                    .header-top
                      h5 Fleet Status
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#fleetStatus.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='fleetStatus')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.pt-0 
                    .fleet-status-chart
                      #fleet-status
              div(class="col-span-4 xl:col-span-6 md:col-span-12")
                .card
                  .card-header.card-no-border 
                    .header-top
                      h5 Open Sales Orders
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#monthlyProfit.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='monthlyProfit')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.pt-0.sales-order 
                    h3 
                      span.counter(data-target='890000') 0
                    .common-space
                      span 82.5% boxes converted to loads
                      span.total-sale 75,000
                    .common-space 
                      .progress(role='progressbar' aria-label='Basic example' aria-valuenow='58' aria-valuemin='0' aria-valuemax='100')
                        .progress-bar.bg-primary(style='width: 58%')
                      span Pending Boxes
                    .sales-order-chart
                      #sales-order-chart
              div(class="col-span-5 xl:col-span-6 lg:col-span-12") 
                .card.country-option
                  .card-header.card-no-border
                    .header-top
                      h5 Profit By Country
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#profitByCountry.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='profitByCountry')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.pt-0 
                    .grid.grid-cols-12.card-gap 
                      div(class="col-span-8 xxl:col-span-12 lg:col-span-8 sm:col-span-12 c-xl-60 box-col-12")
                        .profitable-country-chart(class="[@media(min-width:768px)_and_(max-width:1399px)]:!border-r-0 [@media(min-width:768px)_and_(max-width:1399px)]:!p-[0]")
                          #profitable-country-chart
                      div(class="col-span-4 xxl:col-span-12 lg:col-span-4 sm:col-span-12 c-xl-40 box-col-12")
                        ul(class="[@media(min-width:768px)_and_(max-width:1399px)]:!flex-wrap [@media(min-width:768px)_and_(max-width:1399px)]:!flex-row")
                          li 
                            span.bg-primary
                            | USA
                          li 
                            span.bg-secondary
                            | France
                          li 
                            span.bg-warning
                            | India
                          li 
                            span.bg-success
                            | Germany
                          li 
                            span.bg-danger
                            | Australia
              div(class="col-span-7 xl:col-span-6 lg:col-span-12")
                .card.heading-space
                  .card-header.card-no-border
                    .header-top
                      h5 Vehicles Overview
                      .card-header-right-icon
                        .dropdown.icon-dropdown
                          button#vehicleOverview.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
                            i.icon-more-alt
                          .dropdown-menu.dropdown-menu-end(aria-labelledby='vehicleOverview')
                            a.dropdown-item(href='#!') This Month
                            a.dropdown-item(href='#!') Previous Month
                            a.dropdown-item(href='#!') Last 3 Months
                            a.dropdown-item(href='#!') Last 6 Months
                  .card-body.px-0.pt-0.vehicle-table
                    .recent-table.overflow-x-auto.custom-scrollbar
                      table.table#vehicle-table
                        thead 
                          tr
                            th  
                            th Vehicle ID
                            th(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Status
                            th Driver Name
                            th Next Due
                            th Total Distance
                            th(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Location
                        tbody 
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V001
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-12/user/13.png',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Jane Cooper
                            td 20 Jun 2025
                            td 100,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") New York
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V002
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Maintenance
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-12/user/8.png',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Robert Fox
                            td 12 Jul 2025
                            td 80,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Chicago
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V003
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-12/user/1.png',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Devon Lane
                            td 18 Aug 2025
                            td 120,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Houston
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V004
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-12/user/5.png',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Floyd Miles
                            td 23 Sep 2025
                            td 90,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Atlanta
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V005
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Maintenance
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-12/user/7.png',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Jerome Bell
                            td 16 Aug 2025
                            td 110,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Dallas
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V006
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Maintenance
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/2.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Jessica Clay
                            td 02 Feb 2025
                            td 150,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Dallas
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V007
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/3.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Koa Reese
                            td 28 Feb 2025
                            td 35,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Texas
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V008
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/7.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Aila Yang
                            td 16 Jan 2025
                            td 750,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Atlanta
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V009
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/9.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Zain Clay
                            td 18 Aug 2025
                            td 120,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Canada 
                          tr.inbox-data
                            td 
                            td 
                              a(href="order-details.html") #V0010
                            td(class="[@media(min-width:1200px)_and_(max-width:1211px)]:!hidden") Active
                            td
                              .common-flex.items-center
                                img.max-w-full.h-auto.rounded-full(src='../assets/images/dashboard-11/user/11.jpg',alt='user' class="[@media(min-width:1200px)_and_(max-width:1425px)]:!hidden")
                                a(href="#!").font-medium Julia Mitch
                            td 25 Nov 2025
                            td 290,000
                            td(class="[@media(min-width:1200px)_and_(max-width:1364px)]:!hidden") Greece
          // Container-fluid Ends
        include ../../components/footer        
    include ../../components/footer-files