@if($orders->total() < 1)
    <div class="myOrder-single bg-white padding-20 radius-10">
        <div class="myOrder-single-item">
            <h4 class="text-danger">{{ __('No Order') }}</h4>
        </div>
    </div>
@else
    @foreach($orders as $order)
        @php
            $rating =  \App\Models\Rating::select('id','order_id','rating')->where('order_id',$order->id)->where('sender_type',1)->first();
            $freelancerRating = \App\Models\Rating::where('order_id', $order->id)
                        ->where('sender_type', 2)
                        ->where('sender_id', auth()->id())
                        ->first();
        @endphp

        <div class="myOrder-single bg-white padding-20 radius-10">
            <div class="myOrder-single-item">
                <div class="myOrder-single-flex">
                    <div class="myOrder-single-content">
                        <span class="myOrder-single-content-id">#000{{ $order->id }}</span>
                        <h4 class="myOrder-single-content-title mt-2">
                            @if($order->is_project_job == 'project')
                                <a href="{{ route('freelancer.order.details',$order->id) }}"> {{ $order?->project->title ?? '' }} </a>
                            @elseif($order->is_project_job == 'job')
                                <a href="{{ route('freelancer.order.details',$order->id) }}">{{ $order?->job->title ?? '' }}</a>
                            @else
                                {{ __('Custom order')}}
                            @endif
                        </h4>
                        <div class="myOrder-single-content-btn flex-btn mt-3">
                            <x-order.order-status :status="$order->status" />
                            <x-order.is-custom :isCustom="$order->is_project_job" />
                            <x-order.payment-verify :paymentVerifyCheck="$order" />
                            @if($rating && !$freelancerRating)
                                <span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600;background:#FFF7ED;color:#C2410C;border:1px solid #FED7AA;">
                                    <svg style="width:13px;height:13px;flex-shrink:0;" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                                    {{ __('New Review') }}
                                </span>
                            @elseif($rating && $freelancerRating)
                                <span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:500;background:#F0F9F4;color:#15803D;border:1px solid #BBF7D0;">
                                    <svg style="width:13px;height:13px;flex-shrink:0;" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
                                    {{ __('Reviewed') }}
                                </span>
                            @endif
                        </div>
                    </div>
                    <span class="myOrder-single-content-time">{{ $order->created_at->diffForHumans() }} </span>
                </div>
            </div>
            <div class="myOrder-single-item">
                <div class="myOrder-single-block">
                    <div class="myOrder-single-block-item">
                        <div class="myOrder-single-block-item-content">
                            @if($order->is_fixed_hourly == 'hourly')
                                <span class="myOrder-single-block-subtitle">{{ __('Hourly rate') }}</span>
                                <h6 class="myOrder-single-block-title mt-2">{{ float_amount_with_currency_symbol($order?->job->hourly_rate) }}</h6>
                            @else
                                <span class="myOrder-single-block-subtitle">{{ __('Order budget') }}</span>
                                <h6 class="myOrder-single-block-title mt-2">{{ float_amount_with_currency_symbol($order->price) }}
                                    <x-order.is-funded :isFunded="$order->payment_status" :paymentGateway="$order->payment_gateway" />
                                </h6>
                            @endif
                        </div>
                    </div>
                    @if($order->delivery_time)
                    <div class="myOrder-single-block-item">
                        <div class="myOrder-single-block-item-content">
                            <span class="myOrder-single-block-subtitle">{{ __('Delivery Time') }}</span> <br>
                            <x-order.deadline :deadline="$order->delivery_time ?? '' " />
                        </div>
                    </div>
                    @endif
                    <div class="myOrder-single-block-item">
                        <div class="myOrder-single-block-item-author">
                            <x-order.profile-image :image="$order?->user->image" :loadFrom="$order?->user->load_from" />
                        </div>
                        <x-order.name-rating :firstName="$order?->user->first_name" :lastName="$order?->user->last_name" :userId="$order?->user->id" :orderRating="$rating->rating ?? '' " :userType="$order?->user?->user_type" :isIdentityVerified="$order?->user?->user_verified_status" />
                    </div>
                </div>
            </div>
            <div class="myOrder-single-item">
                <div class="myOrder-single-flex flex-between">
                    <div class="btn-wrapper">
                        @if($order->status == 0)
                            <x-status.table.status-change :title="__('Decline Order')" :class="'btn-profile btn-outline-cancel decline_and_change_order_status'" :value="__('decline')" :url="route('freelancer.order.decline',$order->id)"/>
                        @endif
                    </div>

                    <div class="btn-wrapper flex-btn">
                        @if($order->status == 0)
                            <x-status.table.status-change :title="__('Accept Order')" :class="'btn-profile btn-outline-gray accept_and_change_order_status'" :url="route('freelancer.order.accept',$order->id)"/>
                        @else
                            @if($order->status != 5 && $order->status != 4 && $order->status != 3 && $order->status != 7)
                                <x-status.table.status-change :title="__('Cancel Order')" :class="'btn-profile btn-outline-cancel cancel_and_change_order_status'" :value="__('cancel')" :url="route('freelancer.order.decline',$order->id)"/>
                            @endif
                        @endif
                        @if($order->status == 3)
                            @if($order?->freelancer?->is_suspend !=1)
                                <a href="{{ route('freelancer.order.invoice.generate',$order->id) }}" class="btn-profile btn-outline-gray">{{ __('Invoice') }}</a>
                            @endif
                        @endif
                        @if($rating && !$freelancerRating)
                            <a href="{{ route('freelancer.order.rating',$order->id) }}" class="btn-profile btn-outline-gray">
                                {{ __('Reply to Review') }}
                            </a>
                        @endif
                            <a href="{{ route('freelancer.order.details',$order->id) }}" class="btn-profile btn-bg-1">{{ __('View Order') }}</a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    <x-pagination.laravel-paginate :allData="$orders" />
@endif