
<div class="order-card">
    <div class="order-head">
        <div class="row justify-content-between">
            <div class="col-lg-6">
                <div class="r-side d-flex align-items-center">
                    <span class="status {{ $order->status == $rejected ? 'rejected' : 'delivered' }} me-4"> {{__('web.order_statuses.'.$order->status)}} </span>
                    <div class="date me-4">
                        <div class="text"> {{__('web.order_date')}} </div>
                        <div class="text"> {{ $order->date }} </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="l-side d-flex align-items-end mt-4 mt-lg-0">
                    <div class="order-num me-4">
                        <div class="text"> {{__('web.order_id')}} </div>
                        <div class="text"> {{ $order->id }} </div>
                    </div>
                    <a href="{{route('web.order.details',$order->id)}}" class="more-link cr-blue"> {{__('web.show_order_details')}} <i class="fal fa-angle-left ms-2"></i> </a>
                </div>
            </div>
        </div>
    </div>
    <div class="order-body">
        <div class="row justify-content-between">
            @foreach($order->products as $product)
                <div class="col-lg-6">
                    <div class="order-main">
                        <div class="text mb-3"> <strong class="text-dark ms-2"> {{__('web.order_statuses.'.$order->status)}} </strong>  <span> {{$order->update_date}}  </span> </div>
                        <div class="img-wrapper">
                            <div class="img">
                                <img src="{{asset($product->product->image)}}" alt="" class="img-cover">
                            </div>
                            <div class="inf">
                                <p> {{ $product->product->currentDescription->title }} </p>
                                <div class="text"> x{{$product->count}} </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5"..>
                    <div class="share-side">
                        <h6> <i class="far fa-share-nodes me-1"></i> <span class="txt"> {{__('web.share_exo')}} </span> </h6>

                        <div class="share-btns">
                            <a href="{{route('web.track',$order->id)}}" > {{__('web.order_track')}} </a>
                            @if($product->refunded())
                                <a href="{{route('web.refund.step1',$product->id)}}" > {{__('web.refund_product')}} </a>
                            @endif
                            @if($product->product->can_rate)
                                <a style="cursor: pointer" onclick="rateModel(this)" data-id="{{route('web.open.rate',$product->product_id)}}" > {{__('web.product')}}</a>
                            @endif
                        </div>

                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
