במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

]]jkjjgdjffksdkdxdsghfghdfghfgdfsdsdfsdfsfdsbcxvxcbccwewqeqwewqskfgj במ12[cxvbcxvbxcvbcxvcxvbcvxcvbsdfsdfsdfsdfsdfsdfxcvbxcvxbbxqwqewqewv;'

@extends("layouts.app")
@section("mainContent")
<main class="main__content_wrapper padding-bottom-top">
         
         <section class="pagenav">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-md-12">
                     <div class="pagbox">
                        <h4 onclick="history.back()">
                           <i class="fa fa-arrow-left"></i>  Order Details
                        </h4>
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <section class="account_managers">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-md-6 mx-auto">
                     <div class="row">
                        <div class="col-md-12">
                           <div class="order_detail_box_1">
                              <div class="innative">
                                 <p>Order Id : <span>{{$orderProduct->orderID ?? ''}}</span></p>
                                 <p>Order Date : <span>{{date('d-F-Y',strtotime($orderProduct->order_Date_time ?? ''))}}</span> (<span>{{date('H:i:s',strtotime($orderProduct->order_Date_time ?? ''))}}</span>)</p>
                                 <p>Total Qty : <span>{{$orderProduct->qty ?? ''}} </span></p>
                                 <p>Price : <span>₹ {{$orderProduct->price ?? ''}} <s>{{$orderProduct->mrp ?? ''}}</s></span> {{calculatePerCentage($orderProduct->mrp ?? 0,$orderProduct->price ?? 0)}}% OFF</p>
                              </div>
                          </div>
                        </div> 
                     </div>
                  </div>
               </div>
            </div>
         </section>

<div class="sold_order_sec">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-md-7" style="margin:auto;">
                      <div class="row">
                          <div class="col-md-12 mx-auto">
                              <div class="sold_box">
                                 <div class="wrp_sold">
                                    <div class="wrp_sold_box">
                                       <div class="item_id_order align-item-center">
                                          <p class="p17_order">
                                             <span>Estimate Delivery</span>
                                             <span>Date: {{date('d-F-Y',strtotime($orderProduct->order_Date_time ?? ''. ' + 5 days'))}}</span>
                                          </p>
                                          <p class="p18_order">SKU : <span>{{$orderProduct->skuNo ?? ''}}</span></p>
                                       </div>
                                       <div class="order_place_box">
                                          <div class="doxy_clothes">
                                             <div class="dresses">
                                                 <a href="{{route('productDetails',$orderProduct->productSlug)}}"><img src="{{asset('image/product/'.$orderProduct->productImage)}}"></a>
                                             </div>
                                             <div class="pending_buy">
                                                <div class="pending_buyer_content">
                                                   <h3> <a href="{{route('productDetails',$orderProduct->productSlug)}}">{{$orderProduct->productName ?? ''}}</a></h3>
                                                     <p>
                                                        @if($orderProduct->vSize ?? '') <span>Size : {{$orderProduct->vSize ?? ''}}</span> @endif | 
                                                        @if($orderProduct->vColor ?? '') <span>Size : {{$orderProduct->vColor ?? ''}}</span> @endif | 
                                                        <span>Qty : {{$orderProduct->qty ?? 0}}</span>
                                                     
                                                     </p>
                                                   <div class="flex_pld">
                                                      <p>Order Placed</p>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="shipps">
                                              <a href=""><img src="{{asset('front/img/hand.png')}}"> SSHIP</a>
                                          </div>
                                       </div>
                                       <div class="order_bx">
                                          <div class="bottom_lining">
                                             <div class="flex_order">
                                                <p>Price</p>
                                                <p>₹ {{$orderProduct->price ?? 0}}</p>
                                             </div>
                                             <div class="flex_order">
                                                <p>Shipping</p>
                                                <p>₹ {{$orderProduct->shippind_charge ?? 0}}</p>
                                             </div>
                                             <div class="flex_order">
                                                <p>Tax</p>
                                                <p>₹ 0</p>
                                             </div>
                                             <div class="flex_order">
                                                <p>Total</p>
                                                <p>₹ {{$orderProduct->total ?? 0}}</p>
                                             </div>
                                          </div>
                                             <hr class="margin_0">
                                            
                                       </div>
                                       <div class="status_product">
                                          <div class="box_staue">
                                             <p><img src="{{asset('front/img/track.png')}}" class="track_img" alt="Tracking Image"> Get live status of product</p>
                                              <p><button class="tracks_btn"> Track</button></p>
                                          </div>
                                       </div>
                                     
                                    </div>
                                 </div>
                              </div>

<div class="pickup_order">
                                 <div class="box_pick">
                                    <h3>Pickup Detail</h3>
                                 </div>
                                 <hr class="margin_0">
                                 <div class="box_pick">
                                    <h3>Doxy</h3>
                                 </div>
                              </div>
                              <div class="pickup_order">
                                 <div class="box_pick">
                                    <h3>Payment Method</h3>
                                 </div>
                                 <hr class="margin_0">
                                 <div class="cod_charge">
                                    <div class="cod_order">
                                       <p>@if($orderProduct->order_method == 'ONLINE') PAYMENT GETWAY @else COD @endif</p>
                                    </div>
                                 </div>
                              </div>
                          </div>
                      </div>
                      
                      
                  </div>
               </div>
            </div>
         </div>

</main>

@endsection

@section('customCSS')
 <style>
      .offcanvas__stikcy--toolbar
      {
      display: none !important;
      }
   </style>
@endsection

@section('customJS')

@endsection