CHIEFSOFT\ameye
388 lines
21 KiB
PHP
388 lines
21 KiB
PHP
@extends('layouts.master')
|
|
@section('title')
|
|
Delivery
|
|
@endsection
|
|
@section('css')
|
|
<!-- extra css -->
|
|
@endsection
|
|
@section('content')
|
|
<section class="page-wrapper bg-primary">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="text-center d-flex align-items-center justify-content-between">
|
|
<h4 class="text-white mb-0">Track Order</h4>
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb breadcrumb-light justify-content-center mb-0 fs-15">
|
|
<li class="breadcrumb-item"><a href="#!">Shop</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Track Order</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<!--end container-->
|
|
</section>
|
|
<!-- end page title -->
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="mb-4 pb-2">
|
|
<h5 class="mb-0 text-decoration-underline">Order ID <b>#HY1452451452</b></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end row-->
|
|
<div class="track-orders">
|
|
<div class="row justify-content-between gy-4 gy-md-0">
|
|
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0 completed">
|
|
<span class="is-complete"></span>
|
|
<h6 class="fs-15 mt-3 mt-md-4">Order Process</h6>
|
|
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0 completed">
|
|
<span class="is-complete"></span>
|
|
<h6 class="fs-15 mt-3 mt-md-4">Order Shipped</h6>
|
|
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0">
|
|
<span class="is-complete"></span>
|
|
<h6 class="fs-15 mt-3 mt-md-4">Out Of Delivery</h6>
|
|
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-md-2 order-tracking text-start text-md-center ps-4 ps-md-0">
|
|
<span class="is-complete"></span>
|
|
<h6 class="fs-15 mt-3 mt-md-4">Delivered</h6>
|
|
<p class="text-muted fs-14 mb-0">Mon, 23 Nov</p>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
</div>
|
|
<!--end container-->
|
|
</section>
|
|
|
|
<section class="section pt-0">
|
|
<div class="container">
|
|
<div class="card border-dashed">
|
|
<div class="card-body border-bottom border-bottom-dashed p-4">
|
|
<div class="row g-3">
|
|
<div class="col-lg-3 col-6">
|
|
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Invoice ID</p>
|
|
<h5 class="fs-14 mb-0">#HYP<span id="invoice-no">14567513010120</span></h5>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-3 col-6">
|
|
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Date</p>
|
|
<h5 class="fs-14 mb-0"><span id="invoice-date">23 Nov, 2021</span> <small class="text-muted"
|
|
id="invoice-time">02:36PM</small></h5>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-3 col-6">
|
|
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Payment Status</p>
|
|
<span class="badge bg-success-subtle text-success fs-11" id="payment-status">Paid</span>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-3 col-6">
|
|
<p class="text-muted mb-2 text-uppercase fw-medium fs-12">Total Amount</p>
|
|
<h5 class="fs-14 mb-0">$<span id="total-amount">1218.98</span></h5>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="row g-3">
|
|
<div class="col-6">
|
|
<h6 class="text-muted text-uppercase fs-12 mb-3">Billing Address</h6>
|
|
<h6 id="billing-name">Diana Nichols</h6>
|
|
<p class="text-muted mb-1" id="billing-address-line-1">305 S San Gabriel Blvd</p>
|
|
<p class="text-muted mb-1"><span>Phone: +</span><span id="billing-phone-no">(123)
|
|
456-7890</span></p>
|
|
<p class="text-muted mb-0"><span>Tax: </span><span id="billing-tax-no">12-3456789</span> </p>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-6">
|
|
<h6 class="text-muted text-uppercase fs-12 mb-3">Shipping Address</h6>
|
|
<h6 id="shipping-name">Diana Nichols</h6>
|
|
<p class="text-muted mb-1" id="shipping-address-line-1">305 S San Gabriel Blvd</p>
|
|
<p class="text-muted mb-1"><span>Phone: +</span><span id="shipping-phone-no">(123)
|
|
456-7890</span></p>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="table-responsive">
|
|
<table class="table table-borderless text-center table-nowrap align-middle mb-0">
|
|
<thead>
|
|
<tr class="table-active">
|
|
<th scope="col" style="width: 50px;">#</th>
|
|
<th scope="col">Product Details</th>
|
|
<th scope="col">Rate</th>
|
|
<th scope="col">Quantity</th>
|
|
<th scope="col" class="text-end">Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="products-list">
|
|
<tr>
|
|
<th scope="row">01</th>
|
|
<td class="text-start">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<div class="avatar-sm flex-shrink-0">
|
|
<div class="avatar-title bg-success-subtle rounded-3">
|
|
FFF <img src="{{ URL::asset('build/images/products/img-4.png') }}" alt=""
|
|
class="avatar-xs">
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6>Sangria Girls Mint Green & Off-White Solid Open Toe Flats</h6>
|
|
<p class="text-muted mb-0">Graphic Print Men & Women Footwear</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>$255.00</td>
|
|
<td>02</td>
|
|
<td class="text-end">$48.00</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">02</th>
|
|
<td class="text-start">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<div class="avatar-sm flex-shrink-0">
|
|
<div class="avatar-title bg-dark-subtle rounded-3">
|
|
<img src="{{ URL::asset('build/images/products/img-16.png') }}" alt=""
|
|
class="avatar-xs">
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6>Rockerz Ear Bluetooth Smart Watch</h6>
|
|
<p class="text-muted mb-0">32.5mm (1.28 Inch) TFT Color Touch Display</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>$160.00</td>
|
|
<td>01</td>
|
|
<td class="text-end">$160.00</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">03</th>
|
|
<td class="text-start">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<div class="avatar-sm flex-shrink-0">
|
|
<div class="avatar-title bg-warning-subtle rounded-3">
|
|
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt=""
|
|
class="avatar-xs">
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6>Monte Carlo Sweaters</h6>
|
|
<p class="text-muted mb-0">Graphic Print Men & Women Fashion</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>$244.99</td>
|
|
<td>03</td>
|
|
<td class="text-end">$734.97</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">04</th>
|
|
<td class="text-start">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<div class="avatar-sm flex-shrink-0">
|
|
<div class="avatar-title bg-secondary-subtle rounded-3">
|
|
<img src="{{ URL::asset('build/images/products/img-8.png') }}" alt=""
|
|
class="avatar-xs">
|
|
</div>
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h6>World's most expensive t shirt</h6>
|
|
<p class="text-muted mb-0">Graphic Print Men & Women Fashion</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>$120.30</td>
|
|
<td>02</td>
|
|
<td class="text-end">$240.60</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!--end table-->
|
|
</div>
|
|
<div class="border-top border-top-dashed mt-2">
|
|
<table class="table table-borderless table-nowrap align-middle mb-0 ms-auto" style="width:250px">
|
|
<tbody>
|
|
<tr>
|
|
<td>Sub Total</td>
|
|
<td class="text-end">$1183.57</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Estimated Tax (12.5%)</td>
|
|
<td class="text-end">$147.95</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Discount <small class="text-muted">(Toner15)</small></td>
|
|
<td class="text-end">- $177.54</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Shipping Charge</td>
|
|
<td class="text-end">$65.00</td>
|
|
</tr>
|
|
<tr class="border-top border-top-dashed fs-15">
|
|
<th scope="row">Total Amount</th>
|
|
<th class="text-end">$1218.98</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!--end table-->
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="d-flex mb-3">
|
|
<h5 class="card-title flex-grow-1 mb-0"><i
|
|
class="mdi mdi-truck-fast-outline align-middle me-1 text-muted"></i> Logistics Details</h5>
|
|
<div class="flex-shrink-0">
|
|
<a href="javascript:void(0);" class="badge bg-primary-subtle text-primary fs-11">Track Order</a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="row align-items-center gy-3 gy-md-0">
|
|
<div class="col-md-4">
|
|
<div
|
|
class="d-flex align-items-center justify-content-between justify-content-md-start text-end text-md-start">
|
|
<div class="">
|
|
<lord-icon src="https://cdn.lordicon.com/uetqnvvg.json" trigger="loop"
|
|
colors="primary:#438eff,secondary:#0ab39c" style="width:70px;height:70px">
|
|
</lord-icon>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h6>RQK Logistics</h6>
|
|
<p class="text-muted mb-0 fs-14">ID: MFDS140045</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="text-end text-md-start">
|
|
<h6>Debit Card</h6>
|
|
<p class="text-muted mb-0 fs-14">Payment Mode</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="text-end">
|
|
<button class="btn btn-soft-info"><i
|
|
class="ri-customer-service-2-line align-bottom me-1"></i> Help Center</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-end mt-4">
|
|
<button type="button" class="btn btn-danger btn-hover">Continue Shopping <i
|
|
class="ri-arrow-right-line align-bottom ms-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--end conatiner-->
|
|
</section>
|
|
|
|
<section class="section bg-light bg-opacity-25"
|
|
style="background-image: url('build/images/ecommerce/bg-effect.png');background-position: center; background-size: cover;">
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-between">
|
|
<div class="col-lg-6">
|
|
<div>
|
|
<p class="fs-15 text-uppercase fw-medium"><span class="fw-semibold text-danger">25% Up to</span>
|
|
off all Products</p>
|
|
<h1 class="lh-base text-capitalize mb-3">Stay home & get your daily needs from our shop</h1>
|
|
<p class="fs-15 mb-4 pb-2">Start You'r Daily Shopping with <a href="#!"
|
|
class="link-info fw-medium">Toner</a></p>
|
|
<form action="#!">
|
|
<div class="position-relative ecommerce-subscript">
|
|
<input type="email" class="form-control rounded-pill" placeholder="Enter your email">
|
|
<button type="submit" class="btn btn-info btn-hover rounded-pill">Subscript Now</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
<div class="col-lg-4">
|
|
<div class="mt-5 mt-lg-0">
|
|
<img src="{{ URL::asset('build/images/ecommerce/subscribe.png') }}" alt="" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
<!--end col-->
|
|
</div>
|
|
<!--end row-->
|
|
</div>
|
|
<!--end conatiner-->
|
|
</section>
|
|
|
|
<section class="section py-5">
|
|
<div class="container">
|
|
<div class="row gy-4 gy-lg-0">
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="flex-shrink-0">
|
|
<img src="{{ URL::asset('build/images/ecommerce/fast-delivery.png') }}" alt="" class="avatar-sm">
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h5 class="fs-15">Fast & Secure Delivery</h5>
|
|
<p class="text-muted mb-0">Tell about your service.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="flex-shrink-0">
|
|
<img src="{{ URL::asset('build/images/ecommerce/returns.png') }}" alt="" class="avatar-sm">
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h5 class="fs-15">2 Days Return Policy</h5>
|
|
<p class="text-muted mb-0">No question ask.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="flex-shrink-0">
|
|
<img src="{{ URL::asset('build/images/ecommerce/guarantee-certificate.png') }}" alt=""
|
|
class="avatar-sm">
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h5 class="fs-15">Money Back Guarantee</h5>
|
|
<p class="text-muted mb-0">Within 5 business days</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="flex-shrink-0">
|
|
<img src="{{ URL::asset('build/images/ecommerce/24-hours-support.png') }}" alt="" class="avatar-sm">
|
|
</div>
|
|
<div class="flex-grow-1">
|
|
<h5 class="fs-15">24 X 7 Service</h5>
|
|
<p class="text-muted mb-0">Online service for customer</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endsection
|
|
@section('scripts')
|
|
<!-- form wizard init -->
|
|
<script src="{{ URL::asset('build/js/pages/form-wizard.init.js') }}"></script>
|
|
<!-- landing-index js -->
|
|
<script src="{{ URL::asset('build/js/frontend/menu.init.js') }}"></script>
|
|
@endsection
|