@extends('layouts.delegates_dashboard_layout')

@section('title')
{{Session::has('lang')&&Session::get('lang')=='en'?' order details':'  تفاصيل الطلب'}}

@endsection

@section('style')

@endsection

@section('content')

<div  class="table-cont p-2 ">
                <div class="row align-items-center">
                    <div class="dash-title col-md p-0 mt-0">
                        <h6 class="bold">{{trans('delegates_dashboard.order_details')}}</h6>
                        <p class="mb-1">{{trans('delegates_dashboard.orders')}} / {{trans('delegates_dashboard.order_details')}}</p>
                    </div>
                </div>
 


                <!-- use class active , current -->

                @include('delegates_dashboard.orders.'.$order->type)

                @if($order->store_id)
                <div class=" white-bg round7  mt-2 pt-3 pb-3">
                    <h6 class="bold border-bottom p-3 mb-4">{{trans('delegates_dashboard.store_details')}}</h6>
                    <div class="dash-card-content pl-2 pr-2">
                            
                        <div class="row m-0 pt-1 pb-1 align-items-center justify-content-center ">
                            <div class="col-md">
                                <div class="row align-items-center">
                                    <div class="col-md p-0 p-md-1 text-center ">
                                        <img src="{{URL::to('assets/uploads/stores/'.$order->store->icon)}}" style="width: 80px;border-radius: 15px;height: 80px;" class="m-0 round7 m-md-1 " alt="">
                                    </div>
                                    <div class="col-10   col-md-7 col-lg-10 p-1 ">
                                        <h6 class="bold font14">{{$order->store->name}}</h6>
                                        <p class=" font12  m-0"> <i class="fa  fa-map-marker-alt m-0 color-red"></i> {{$order->store->address}} </p>
                                        <div class=" mt-2 font12">
                                            <div class="d-inline-block m-1 stars-cont gray-light-bg round5 gray p-1">
                                                <i class="fa  fa-star m-0 gold  m-1"></i> {{$order->store->rate}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                @endif




                <div class=" white-bg round7 mb-3 mt-2 ">
                    <h6 class="bold border-bottom p-3 mb-4">{{trans('delegates_dashboard.details')}}</h6>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.order_number')}}</div>
                        <div class="col">#{{$order->citc_referenceCode??''}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.created_at')}}</div>
                        <div class="col">{{$order->created_at->format('m-d-y')}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.delivery_time')}}</div>
                        <div class="col">{{$order->deliver_time??''}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.payment_type')}}</div>
                        <div class="col">{{$order->payment_type}}</div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.address')}}</div>
                        <div class="col color-red"> <i class="fa fa-location-arrow"></i> {{$order->receive_address}}  </div>
                    </div>



                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.price')}}</div>
                        <div class="col">{{$order->price}} {{trans('delegates_dashboard.sr')}}</div>
                    </div>
                    
                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.delivery_cost')}}</div>
                        <div class="col">{{$order->delivery_price}} {{trans('delegates_dashboard.sr')}}</div>
                    </div>


                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.discount')}}</div>
                        <div class="col">{{$order->discount}} {{trans('delegates_dashboard.sr')}}</div>
                    </div>

                    <div class="p-3 order-info row">
                        <div class="col-3 color-gray">{{trans('delegates_dashboard.total_price')}}</div>
                        <div class="col">{{$order->total_price}} {{trans('delegates_dashboard.sr')}}</div>
                    </div>
                    

                </div>


                <div class=" white-bg round7  mt-2 pt-3 pb-3">
                    <h6 class="bold border-bottom p-3 mb-4">{{trans('delegates_dashboard.details')}}</h6>

                    <p class="pl-3 pr-3">{{$order->description}}</p>
                </div>


            </div>

              @if($order->have_invoice=='true')
               <div class=" white-bg round7  mt-2 pt-3 pb-3">
                    <h6 class="bold border-bottom p-3 mb-2">{{trans('delegates_dashboard.invoice')}}</h6>

                    <div class="row pl-2 pr-2">
                        <img src="{{$order->InvoiceImagePath}}" class="m-2" style="width: 120px;" alt="">
                    </div>
                </div> 
              @endif  



            <div class="row ">
                <div class="col-md m-2  p-0">
                    <div class="white-bg round7 ">
                        <h6 class="bold border-bottom p-3">{{trans('delegates_dashboard.details')}}</h6>
                        <div class="dash-card-content pl-2 pr-2">
                            @foreach($products as $product)
                            <div class="row m-0 pt-1 pb-1 align-items-center justify-content-center ">
                                <div class="col-md">
                                    <div class="row">
                                        <div class="col-md p-0 p-md-1 text-center ">
                                            <img src="{{URL::to('assets/uploads/stores/'.$product->image)}}" style="max-width: 80px;" class="m-0 round7 m-md-1 " alt="">
                                        </div>
                                        <div class="col-10   col-md-7 col-lg-9 p-1 ">
                                            <h6 class="bold font14">{{$product->name}}</h6>
                                            <p class="mb-1">{{$product->desc}}</p>
                                            <h6 class="bold font14 color1 m-0">{{$product->price}} {{trans('delegates_dashboard.sr')}}</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md bold m-1  font14">{{trans('delegates_dashboard.quantity')}} : {{$product->qty}}</div>
                            </div>
                            <hr>
                            @endforeach
                            
                            
                        </div>
                    </div>
                </div>
            </div>

          @if($order->user_id)
            <div class="p-2">
                <div class="col-md   p-0">
                    <div class="white-bg round7 ">
                        <h6 class="bold border-bottom p-3">{{trans('delegates_dashboard.user_info')}}</h6>
                        <div class="dash-card-content pl-2 pr-2">
                            
                            <div class="row m-0 pt-1 pb-1 align-items-center justify-content-center ">
                                <div class="col-md">
                                    <div class="row align-items-center">
                                        <div class="col-md p-0 p-md-1 text-center ">
                                            <img src="{{$order->user->avatarPath}}" style="width: 80px;border-radius: 50%;height: 80px;" class="m-0 round7 m-md-1 " alt="">
                                        </div>
                                        <div class="col-10   col-md-7 col-lg-10 p-1 ">
                                            <h6 class="bold font14">{{$order->user->name}}</h6>
                                            <p class=" font14  m-0"> <i class="fa sm-icon fa-phone-alt"></i> 0{{$order->user->phone}} </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
          @endif  

          
          @if($order->delegate_id)
            <div class="p-2">
                <div class="col-md   p-0">
                    <div class="white-bg round7 ">
                        <h6 class="bold border-bottom p-3">{{trans('delegates_dashboard.delegate_info')}}</h6>
                        <div class="dash-card-content pl-2 pr-2">
                            
                            <div class="row m-0 pt-1 pb-1 align-items-center justify-content-center ">
                                <div class="col-md">
                                    <div class="row align-items-center">
                                        <div class="col-md p-0 p-md-1 text-center ">
                                            <img src="{{$order->delegate->avatarPath}}" style="width: 80px;border-radius: 50%;height: 80px;" class="m-0 round7 m-md-1 " alt="">
                                        </div>
                                        <div class="col-10   col-md-7 col-lg-10 p-1 ">
                                            <h6 class="bold font14">{{$order->delegate->name}}</h6>
                                            <p class=" font14  m-0"> <i class="fa sm-icon fa-phone-alt"></i> 0{{$order->delegate->phone}} </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
          @endif  



           

@endsection
@section('scripts')
    <script>
        $(function(){
            $('.side-button .active').siblings('.side-dropdown').slideDown();
        });
    </script>
@endsection