ok
Mini Shell
@extends('layouts.front-end.app')
@section('title','Track Order')
@push('css_or_js')
<meta property="og:image" content="{{asset('storage/app/public/company')}}/{{$web_config['web_logo']->value}}"/>
<meta property="og:title" content="{{$web_config['name']->value}} "/>
<meta property="og:url" content="{{env('APP_URL')}}">
<meta property="og:description" content="{!! substr($web_config['about']->value,0,100) !!}">
<meta property="twitter:card" content="{{asset('storage/app/public/company')}}/{{$web_config['web_logo']->value}}"/>
<meta property="twitter:title" content="{{$web_config['name']->value}}"/>
<meta property="twitter:url" content="{{env('APP_URL')}}">
<meta property="twitter:description" content="{!! substr($web_config['about']->value,0,100) !!}">
<link rel="stylesheet" media="screen"
href="{{asset('public/assets/front-end')}}/vendor/nouislider/distribute/nouislider.min.css"/>
@endpush
@section('content')
<!-- Order Details Modal-->
<?php
$order = \App\Model\OrderDetail::where('order_id', $orderDetails->id)->get();
?>
<div class="modal fade rtl" id="order-details">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ \App\CPU\translate('Order No')}} - {{$orderDetails['id']}}</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
</div>
<div class="modal-body pb-0">
@php( $totalTax = 0)
@php($sub_total=0)
@php($total_tax=0)
@php($total_shipping_cost=0)
@php($total_discount_on_product=0)
@php($extra_discount=0)
@php($coupon_discount=0)
@foreach($order as $product)
@php($productDetails = App\Model\Product::where('id', $product->product_id)->first())
<div class="d-sm-flex justify-content-between mb-4 pb-3 pb-sm-2 border-bottom">
<div class="media d-block d-sm-flex text-center text-sm-left">
<a class="d-inline-block mx-auto mr-sm-4 w-10rem"
href="{{route('product',$productDetails->slug)}}">
<img
onerror="this.src='{{asset('public/assets/front-end/img/image-place-holder.png')}}'"
src="{{\App\CPU\ProductManager::product_image_path('thumbnail')}}/{{$productDetails['thumbnail']}}">
</a>
<div class="media-body pt-2">
<h4 class="product-title font-size-base mb-2"><a
href="{{route('product',$productDetails->slug)}}">{{$productDetails['name']}}</a>
</h4>
@if($product['variation'])
@foreach(json_decode($product['variation'],true) as $key1 =>$variation)
<div class="text-muted"><span
class="mr-2">{{$key1}} :</span>{{$variation}}</div>
@endforeach
@endif
<div
class="font-size-lg text-accent pt-2">{{\App\CPU\Helpers::currency_converter($product['price'])}}</div>
</div>
</div>
<div class="pt-2 pl-sm-3 mx-auto mx-sm-0 text-center">
<div class="text-muted mb-2">{{ \App\CPU\translate('Quantity')}} : {{$product['qty']}}</div>
</div>
<div class="pt-2 pl-sm-2 mx-auto mx-sm-0 text-center">
<div class="text-muted mb-2">{{ \App\CPU\translate('Tax')}} : {{\App\CPU\Helpers::currency_converter($product['tax'])}}
</div>
</div>
<div class="pt-2 pl-sm-3 mx-auto mx-sm-0 text-center">
<div class="text-muted mb-2">{{ \App\CPU\translate('Subtotal')}} : {{\App\CPU\Helpers::currency_converter($product['price']*$product['qty'])}}</div>
</div>
</div>
@php($sub_total+=$product['price']*$product['qty'])
@php($total_tax+=$product['tax'])
@php($total_discount_on_product+=$product['discount'])
@endforeach
@php($total_shipping_cost=$orderDetails['shipping_cost'])
<?php
if ($orderDetails['extra_discount_type'] == 'percent') {
$extra_discount = ($sub_total / 100) * $orderDetails['extra_discount'];
} else {
$extra_discount = $orderDetails['extra_discount'];
}
if(isset($orderDetails['discount_amount'])){
$coupon_discount =$orderDetails['discount_amount'];
}
?>
</div>
<!-- Footer-->
<div class="modal-footer flex-wrap justify-content-between bg-secondary font-size-md">
<div class="px-2 py-1">
<span
class="text-muted">{{ \App\CPU\translate('Subtotal')}}: </span>{{\App\CPU\Helpers::currency_converter($sub_total)}}
<span></span>
</div>
<div class="px-2 py-1">
<span
class="text-muted">{{ \App\CPU\translate('Shipping')}}: </span>{{\App\CPU\Helpers::currency_converter($total_shipping_cost)}}
<span></span>
</div>
<div class="px-2 py-1">
<span class="text-muted">{{ \App\CPU\translate('Tax')}}: </span> {{\App\CPU\Helpers::currency_converter($total_tax)}}
<span></span>
</div>
<div class="px-2 py-1">
<span
class="text-muted">{{ \App\CPU\translate('Discount')}}: </span>
- {{\App\CPU\Helpers::currency_converter($total_discount_on_product)}}
<span></span>
</div>
</div>
<div class="modal-footer flex-wrap justify-content-between bg-secondary font-size-md">
<div class="px-2 py-1">
<span
class="text-muted">{{ \App\CPU\translate('Coupon Discount')}}: </span>
- {{\App\CPU\Helpers::currency_converter($coupon_discount)}}
<span></span>
</div>
@if ($orderDetails['order_type'] == 'POS')
<div class="px-2 py-1">
<span
class="text-muted">{{ \App\CPU\translate('Extra Discount')}}: </span>
- {{\App\CPU\Helpers::currency_converter($extra_discount)}}
<span></span>
</div>
@endif
<div class="px-2 py-1">
<span class="text-muted">{{ \App\CPU\translate('Total')}}: </span>
<span class="font-size-lg">
{{\App\CPU\Helpers::currency_converter($sub_total+$total_tax+$total_shipping_cost-($orderDetails->discount)-$total_discount_on_product - $coupon_discount - $extra_discount)}}
</span>
</div>
</div>
</div>
</div>
</div>
<!-- Page Title (Dark)-->
<div class="container rtl">
<h2 class="headerTitle text-center my-3">{{ \App\CPU\translate('My Order')}}</h2>
<div class="btn--primary">
<div class="container d-lg-flex justify-content-between py-2 py-lg-3">
<div class="order-lg-1 pr-lg-4 text-center text-lg-left">
<h4 class="text-light mb-0">{{ \App\CPU\translate('Order ID')}} : <span
class="h4 font-weight-normal text-light">{{$orderDetails['id']}}</span></h4>
</div>
</div>
</div>
</div>
<!-- Page Content-->
<div class="container mb-md-3 rtl">
<!-- Details-->
<div class="row __bg-e2f0ff w-100 m-0">
<div class="col-sm-4">
<div class="pt-2 pb-2 text-center rounded-lg">
<span class="font-weight-medium text-dark mr-2">{{ \App\CPU\translate('Order Status')}}:</span><br>
<span class="text-uppercase ">
@if($orderDetails['order_status'] =='processing')
{{ \App\CPU\translate('packaging')}}
@elseif($orderDetails['order_status'] =='failed')
{{ \App\CPU\translate('failed_to_deliver')}}
@else
{{ \App\CPU\translate($orderDetails['order_status']) }}
@endif
</span>
{{-- <span class="text-uppercase ">Courier</span> --}}
</div>
</div>
<div class="col-sm-4">
<div class="pt-2 pb-2 text-center rounded-lg">
<span class="font-weight-medium text-dark mr-2">{{ \App\CPU\translate('Payment Status')}}:</span> <br>
<span class="text-uppercase">{{ \App\CPU\translate($orderDetails['payment_status'])}}</span>
</div>
</div>
<div class="col-sm-4">
<div class="pt-2 pb-2 text-center rounded-lg">
<span class="font-weight-medium text-dark mr-2"> {{ \App\CPU\translate('Estimated Delivary Date')}}: </span> <br>
<span class="text-uppercase font-semibold" style="color: {{$web_config['primary_color']}}">{{Carbon\Carbon::createFromFormat('Y-m-d H:i:s',$orderDetails['updated_at'])->format('d-m-Y')}}</span>
</div>
</div>
</div>
<!-- Progress-->
<div class="card border-0 box-shadow-lg mt-5">
<div class="card-body pb-2">
<ul class="nav nav-tabs media-tabs nav-justified">
@if ($orderDetails['order_status']!='returned' && $orderDetails['order_status']!='failed')
<li class="nav-item">
<div class="nav-link">
<div class="align-items-center">
<div class="media-tab-media mx-auto my-0 text-white track-order-success">
<i class="czi-check"></i>
</div>
<div class="media-body text-center">
<div class="media-tab-subtitle text-muted font-size-xs mb-1">{{ \App\CPU\translate('First step')}}</div>
<h6 class="media-tab-title text-nowrap mb-0">{{ \App\CPU\translate('Order placed')}}</h6>
</div>
</div>
</div>
</li>
<li class="nav-item ">
<div class="nav-link ">
<div class="align-items-center">
<div class="media-tab-media my-0 mx-auto"
style=" @if(($orderDetails['order_status']=='processing') || ($orderDetails['order_status']=='processed') || ($orderDetails['order_status']=='out_for_delivery') || ($orderDetails['order_status']=='delivered')) background: #4bcc02; color: white; @endif ">
@if(($orderDetails['order_status']=='processing') || ($orderDetails['order_status']=='processed') || ($orderDetails['order_status']=='out_for_delivery') || ($orderDetails['order_status']=='delivered'))
<i class="czi-check"></i>
@else
<i class="tio-clear"></i>
@endif
</div>
<div class="media-body text-center">
<div class="media-tab-subtitle text-muted font-size-xs mb-1">{{ \App\CPU\translate('Second step')}}</div>
<h6 class="media-tab-title text-nowrap mb-0">{{ \App\CPU\translate('Packaging order')}}</h6>
</div>
</div>
</div>
</li>
<li class="nav-item">
<div class="nav-link ">
<div class="align-items-center">
<div class="media-tab-media my-0 mx-auto"
style=" @if(($orderDetails['order_status']=='processed') || ($orderDetails['order_status']=='out_for_delivery') || ($orderDetails['order_status']=='delivered')) background: #4bcc02; color: white; @endif ">
@if(($orderDetails['order_status']=='processed') || ($orderDetails['order_status']=='out_for_delivery') || ($orderDetails['order_status']=='delivered'))
<i class="czi-check"></i>
@else
<i class="tio-clear"></i>
@endif
</div>
<div class="media-body text-center">
<div class="media-tab-subtitle text-muted font-size-xs mb-1">{{ \App\CPU\translate('Third step')}}</div>
<h6 class="media-tab-title text-nowrap mb-0">{{ \App\CPU\translate('Preparing Shipment')}}</h6>
</div>
</div>
</div>
</li>
<li class="nav-item">
<div class="nav-link ">
<div class="align-items-center">
<div class="media-tab-media my-0 mx-auto"
style="@if(($orderDetails['order_status']=='delivered')) background: #4bcc02; color: white; @endif">
@if(($orderDetails['order_status']=='delivered'))
<i class="czi-check"></i>
@else
<i class="tio-clear"></i>
@endif
</div>
<div class="media-body text-center">
<div class="media-tab-subtitle text-muted font-size-xs mb-1">{{ \App\CPU\translate('Fourth step')}}</div>
<h6 class="media-tab-title text-nowrap mb-0">{{ \App\CPU\translate('Order Shipped')}}</h6>
</div>
</div>
</div>
</li>
@elseif($orderDetails['order_status']=='returned')
<li class="nav-item">
<div class="nav-link text-center">
<h1 class="text-warning">{{ \App\CPU\translate('Product Successfully Returned')}}</h1>
</div>
</li>
@else
<li class="nav-item">
<div class="nav-link text-center">
<h1 class="text-danger">{{ \App\CPU\translate("Sorry we can`t complete your order")}}</h1>
</div>
</li>
@endif
</ul>
</div>
</div>
<!-- Footer-->
<div class="d-sm-flex flex-wrap justify-content-between align-items-center text-center pt-3">
<div class="custom-control custom-checkbox mt-1 mr-3">
</div>
<a class="btn btn--primary btn-sm mt-2 mb-2" href="#order-details" data-toggle="modal">{{ \App\CPU\translate('View Order Details')}}</a>
</div>
</div>
@endsection
@push('script')
<script src="{{asset('public/assets/front-end')}}/vendor/nouislider/distribute/nouislider.min.js"></script>
@endpush
Zerion Mini Shell 1.0