@extends('layouts.new-layout')
@section('title', 'Financing')

@section('content')
<a id="button"></a>
<!-- <section class="bg-bb1 pb-5">
<div class="container">
<div class="text-center padding-top-section"><h1 class="text-white">Track</h1></div></div>
</section> -->

    @include('partials.parallaxSlider', ['title' => 'Track'])

      <section>
      <div class="container">
        <div class="order-tracking text-center">
            <h2 class="text-uppercase"> ORDER <span class="text-blue h2">TRACKING:</span> ORDER NO</h1>
        </div>
        <div class="col-12 tracking-status">
        <div class="row">
            <div class="col-md-4 text-center">
                <div><strong>Shipping Via:</strong> Ipsum Dolor</div>
            </div>
            <div class="col-md-4 text-center">
                <div><strong>Status:</strong> Processing Order</div>
            </div>
            <div class="col-md-4 text-center">
                <div><strong>Expected Date:</strong> 12-DEC-2024</div>
            </div>
        </div>
        </div>
        <div class="tracking-step mt-4">
            <div class="step active">
                <div class="icon">
                <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                </div>
                <div class="step-text">Confirmed Order</div>
            </div>
            <div class="step active">
                <div class="icon">
                <i class="fa fa-refresh" aria-hidden="true"></i>
                </div>
                <div class="step-text">Processing Order</div>
            </div>
            <div class="step inactive">
                <div class="icon">
                <i class="fa fa-search" aria-hidden="true"></i>
                </div>
                <div class="step-text">Quality Check</div>
            </div>
            <div class="step inactive">
                <div class="icon">
                <i class="fa fa-truck" aria-hidden="true"></i>
                </div>
                <div class="step-text">Dispatched Item</div>
            </div>
            <div class="step inactive">
                <div class="icon">
                <i class="fa fa-archive" aria-hidden="true"></i>
                </div>
                <div class="step-text">Product Delivered</div>
            </div>
        </div>
    </div>
        <!-- end of .container-->

      </section>
      <!-- ============================================-->

    
@endsection