@extends('layouts.user-inner')
  @section('content')
   <!-- Ec breadcrumb start -->
   <div class="sticky-header-next-sec  ec-breadcrumb">
       <div class="container">
           <div class="row">
               <div class="col-12">
                   <div class="row ec_breadcrumb_inner">
                       <div class="col-md-12 col-sm-12">
                           <!-- ec-breadcrumb-list start -->
                           <ul class="ec-breadcrumb-list">
                               <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                               <li class="ec-breadcrumb-item active">Track Order</li>
                           </ul>
                           <!-- ec-breadcrumb-list end -->
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- Ec breadcrumb end -->

<!-- Ec Track Order section -->
<section class="ec-page-content section-space-p tracking-order-sec">
    <div class="container">
        <!-- Track Order Content Start -->
        <div class="ec-trackorder-content col-md-12">
            <div class="ec-trackorder-inner">
                <div class="ec-trackorder-top">
                    <h2 class="ec-order-id">Order Details</h2>
                    <div class="ec-order-detail">
                        <div>Ordered On {{date('d-m-Y',strtotime($orders->o_date))}}</div> 
                    </div>
                </div>
              <div class="row">
                  <div class="ec-trackorder-bottom mb-5">
                    <div class="ec-progress-track">
                        <ul id="ec-progressbar">
                            @if($orders->o_cancel_status == 0)
                            <li class="step0 @if($orders->o_tracking_status == 'Placed' || $orders->o_tracking_status == 'Approved' || $orders->o_tracking_status == 'On transist' || $orders->o_tracking_status == 'Delivered') active @endif"><span
                                    class="ec-progressbar-track"></span><span class="ec-track-title">Order
                                    <br>Placed</span></li>
                            <li class="step0 @if($orders->o_tracking_status == 'Approved' || $orders->o_tracking_status == 'On transist' || $orders->o_tracking_status == 'Delivered') active @endif"><span
                                    class="ec-progressbar-track"></span><span class="ec-track-title">Order
                                        <br>Processing</span></li>
                            <li class="step0 @if($orders->o_tracking_status == 'On transist' || $orders->o_tracking_status == 'Delivered') active @endif"><span
                                    class="ec-progressbar-track"></span><span class="ec-track-title">Order
                                        <br>Dispatched</span></li>
                                      
                            <li class="step0 @if($orders->o_tracking_status == 'Delivered') active @endif"><span
                                    class="ec-progressbar-track"></span><span class="ec-track-title">Order <br>Delivered</span></li>
                            @else
                            <li class="step0 @if($orders->o_tracking_status == 'Placed' || $orders->o_tracking_status == 'Cancelled') active @endif new-width-btn"><span
                                    class="ec-progressbar-track"></span><span class="ec-track-title">Order
                                    <br>Placed</span></li>
                            <li class="step0 @if($orders->o_tracking_status == 'Cancelled') active @endif new-width-btn"><span
                                    class="ec-progressbar-track cancelled_tack"></span><span class="ec-track-title">Order
                                        <br>Cancelled</span></li>
                            @endif
                        

                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-12">
                    <div class="order-deatils">
                        <!-- Sidebar Summary Block -->
                        <div>
                           <div class="ec-sb-title">
                               <h6 class="ec-sidebar-title">Order Details</h6>
                           </div>
                           <div class="order-details">
                               

                                   <div class="col-lg-12 ">
                                    <div class="ec-sb-block-content">
                                        <div class="ec-checkout-summary">
                                            <div>
                                                <span class="text-left">Order ID </span>
                                                <span class="text-right">{{$orders->order_unique_id}}</span>
                                            </div>
                                           
                                            <div>
                                                <span class="text-left">Total</span>
                                                <span class="text-right">QAR {{$orders->o_grand_total}}</span>
                                            </div>  
                                        </div>
                                     
                                    </div>
                                   </div>
                              
                           </div>
                         
                       </div>
                       <!-- Sidebar Summary Block -->
                   </div>
                </div>
                @if($orders->o_cust_id=="")
                <div class="col-lg-4 col-md-12 col-12">
                    <div class="order-deatils">
                        <!-- Sidebar Summary Block -->
                        <div>
                           <div class="ec-sb-title">
                               <h6 class="ec-sidebar-title">Customer Details</h6>
                           </div>
                           <div class="order-details">
                               <div class="row">
                                   <div class="col-lg-12 col-12 ">
                                    <div class="ec-sb-block-content">
                                        <div class="ec-checkout-summary">
                                            <div>
                                                <!--<span class="text-left">Name</span>-->
                                                <span class="text-right">{{$orders->shp_u_name.' '.$orders->shp_u_lname}}</span>
                                            </div>
                                           
                                            <div>
                                                <!--<span class="text-left">Address</span>-->
                                                <span class="text-right">@if($orders->shp_u_adds == "" && $orders->shp_u_adds_2 == "") {{ 'N/A' }} @else{{ $orders->shp_u_adds.", ".$orders->shp_u_adds_2.", ".$orders->shp_u_city.", " }}@if($orders->shp_u_province !=""){{ $orders->shp_u_province.", " }} @endif @endif</span>
                                            </div>

                                            <div>
                                                <!--<span class="text-left">Email</span>-->
                                                <span class="text-right">{{$orders->shp_u_email}}</span>
                                            </div> 
                                            <div>
                                                <!--<span class="text-left">Mobile</span>-->
                                                <span class="text-right">{{$orders->shp_u_contact}}</span>
                                            </div>  
                                        </div>
                                     
                                    </div>
                                   </div>
                               </div>
                           </div>
                         
                       </div>
                       <!-- Sidebar Summary Block -->
                   </div>
                </div>
                @else
                <div class="col-lg-4 col-md-12 col-12">
                    <div class="order-deatils">
                        <!-- Sidebar Summary Block -->
                        <div>
                           <div class="ec-sb-title">
                               <h6 class="ec-sidebar-title">Customer Details</h6>
                           </div>
                           <div class="order-details">
                               <div class="row">
                                   <div class="col-lg-12 col-12 ">
                                    <div class="ec-sb-block-content">
                                        <div class="ec-checkout-summary">
                                            <div>
                                                <!--<span class="text-left">Name</span>-->
                                                <span class="text-right">{{$orders->u_name.' '.$orders->u_lname}}</span>
                                            </div>

                                            <div>
                                                <!--<span class="text-left">Address</span>-->
                                                <span class="text-right">@if($orders->u_adds == "" && $orders->u_adds_2 == "") {{ 'N/A' }} @else{{ $orders->u_adds.", ".$orders->u_adds_2.", ".$orders->u_city.", " }}@if($orders->u_province !=""){{ $orders->u_province.", " }} @endif @endif</span>
                                            </div> 
                                           
                                            <div>
                                                <!--<span class="text-left">Email</span>-->
                                                <span class="text-right">{{$orders->u_email}}</span>
                                            </div> 
                                            <div>
                                                <!--<span class="text-left">Mobile</span>-->
                                                <span class="text-right">{{$orders->u_contact}}</span>
                                            </div>  
                                        </div>
                                     
                                    </div>
                                   </div>
                               </div>
                           </div>
                         
                       </div>
                       <!-- Sidebar Summary Block -->
                   </div>
                </div>
                @endif
                <div class="col-lg-4 col-md-12 col-12">
                    <div class="order-deatils">
                        <!-- Sidebar Summary Block -->
                        <div>
                           <div class="ec-sb-title">
                               <h6 class="ec-sidebar-title">Delivery Address</h6>
                           </div>
                           <div class="order-details">
                               <div class="row">
                                   <div class="col-lg-12 col-12 ">
                                    <div class="ec-sb-block-content">
                                        <div class="ec-checkout-summary">
                                            <div>
                                                <!--<span class="text-left">Name</span>-->
                                                <span class="text-right">{{$orders->shp_u_name.' '.$orders->shp_u_lname}}</span>
                                            </div>
                                           
                                            <div>
                                                <!--<span class="text-left">Address</span>-->
                                                <span class="text-right">@if($orders->shp_u_adds == "" && $orders->shp_u_adds_2 == "") {{ 'N/A' }} @else{{ $orders->shp_u_adds.", ".$orders->shp_u_adds_2.", ".$orders->shp_u_city.", " }}@if($orders->shp_u_province !=""){{ $orders->shp_u_province.", " }} @endif @endif</span>
                                            </div>

                                            <div>
                                                <!--<span class="text-left">Email</span>-->
                                                <span class="text-right">{{$orders->shp_u_email}}</span>
                                            </div> 
                                            <div>
                                                <!--<span class="text-left">Mobile</span>-->
                                                <span class="text-right">{{$orders->shp_u_contact}}</span>
                                            </div>  
                                        </div>
                                     
                                    </div>
                                   </div>
                               </div>
                           </div>
                         
                       </div>
                       <!-- Sidebar Summary Block -->
                   </div>
                </div>
              </div>
                
            </div>
        </div>
        <!-- Track Order Content end -->
    </div>
</section>
<!-- End Track Order section -->
@endsection