@extends('layouts.front-end.app')

@section('title', translate('order_Details'))

@push('css_or_js')
    <link rel="stylesheet" href="{{ theme_asset(path: 'public/assets/front-end/css/deliveryman-info.css') }}">
@endpush

@section('content')

    <div class="container pb-5 mb-2 mb-md-4 mt-3 rtl __inline-47 text-align-direction deliveryman-info-page">
        <div class="row g-3">
            @include('web-views.partials._profile-aside')
            <section class="col-lg-9">
                @include('web-views.users-profile.account-details.partial',['order'=>$order])
                @if ($order->delivery_type == 'self_delivery' && isset($order->deliveryMan))
                    <div class="bg-sm-white mt-3">
                        <div class="p-sm-3">
                            <div class="delivery-man-info-box bg-white media gap-2 gap-sm-3 shadow-sm rounded p-3">
                                <div class="img-avatar-parent-element">
                                    <img class="rounded-circle" width="77" alt=""
                                         src="{{ getStorageImages(path: $order->deliveryMan->image_full_url, type: 'avatar') }}">
                                </div>
                                <div class="media-body">
                                    <div
                                        class="d-flex gap-2 gap-sm-3 align-items-start align-items-sm-center justify-content-between">
                                        <div class="">
                                            <h6 class="text-capitalize mb-2">{{$order->deliveryMan->f_name}}
                                                &nbsp{{$order->deliveryMan->l_name}}</h6>
                                            <div class="rating-show justify-content-between fs-12">
                                                <span class="d-inline-block text-body">
                                                    @php($avg_rating = isset($order->deliveryMan->rating[0]->average) ? $order->deliveryMan->rating[0]->average : 0)
                                                    @for($inc=1;$inc<=5;$inc++)
                                                        @if ($inc <= (int)$avg_rating)
                                                            <i class="tio-star text-warning"></i>
                                                        @elseif ($avg_rating != 0 && $inc <= (int)$avg_rating + 1.1 && $avg_rating > ((int)$avg_rating))
                                                            <i class="tio-star-half text-warning"></i>
                                                        @else
                                                            <i class="tio-star-outlined text-warning"></i>
                                                        @endif
                                                    @endfor
                                                    <label class="badge-style fs-12">( {{number_format($avg_rating,1)}} )</label>
                                                </span>
                                            </div>
                                        </div>

                                        <div class="d-flex justify-content-end flex-wrap gap-3 gap-sm-3">
                                            <button type="button" class="btn btn-soft-info text-capitalize px-2 px-md-4"
                                                    data-toggle="modal"
                                                    data-target="#chatting_modal">
                                                <img
                                                    src="{{theme_asset(path: 'public/assets/front-end/img/seller-info-chat.png')}}"
                                                    alt="">
                                                <span
                                                    class="d-none d-md-inline-block">{{translate('chat_with_delivery_man')}}</span>
                                            </button>
                                            @if($order->payment_status == 'paid' && $order->order_type == 'default_type' && $order->order_status=='delivered' && $order->delivery_man_id)
                                                <button type="button" class="btn btn-sm btn-warning px-2 px-md-4"
                                                        data-toggle="modal"
                                                        data-target="#submitReviewModal">
                                                    <i class="tio-star-half"></i>
                                                    @if(isset($order->deliveryManReview->comment) || isset($order->deliveryManReview->rating))
                                                        {{translate('Update_Review')}}
                                                    @else
                                                        {{translate('review')}}
                                                    @endif
                                                </button>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @isset($order->deliveryManReview)
                                <div class="shadow-sm bg-white rounded p-3 mt-3">
                                    <div class="d-flex align-items-center flex-wrap justify-content-between gap-2 mb-3">
                                        <h6 class="d-flex gap-2 mb-0 review-item-title"><span>{{number_format($order->deliveryManReview?->rating ,1)}}<i
                                                    class="tio-star-half text-warning text-capitalize"></i></span> {{translate('delivery_man_review')}}
                                        </h6>
                                        <div
                                            class="fs-12 text-muted">{{date('M d , Y h:i A', strtotime($order->deliveryManReview->updated_at))}}</div>
                                    </div>
                                    <p class="fs-12 text-muted">{{$order->deliveryManReview->comment}}</p>
                                </div>
                            @endisset

                            @if ($order->verificationImages->count()>0)
                                <div class="shadow-sm rounded bg-white p-3 mt-3">
                                    <h6 class="mb-0 fs-12 d-flex align-items-center gap-2 lh-1 mb-3">
                                        <i class="tio-photo-camera fs-16 text-primary text-capitalize"></i>
                                        {{translate('picture_upload_by')}} {{$order->deliveryMan->f_name}}
                                        &nbsp{{$order->deliveryMan->l_name}}
                                    </h6>
                                    @foreach ($order->verificationImages as $image)
                                        <img class="rounded" width="100" src="{{ getStorageImages(path: $image->image_full_url, type: 'product') }}" alt="">
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                @elseif ($order->delivery_type == 'third_party_delivery')

                    <div class="card mt-3">
                        <div class="card-body">
                            <div class="border rounded bg-white p-2">
                                <div class="row g-2">
                                    <div class="col-sm-6 col-xl-4">
                                        <div class="media gap-3">
                                            <img alt="{{ translate('deliveryman') }}" width="20"
                                                 src="{{ theme_asset(path: 'public/assets/front-end/img/icons/van.png') }}">
                                            <div class="media-body">
                                                <div class="text-muted text-capitalize">
                                                    {{translate('delivery_service_name')}}
                                                </div>
                                                <div class="font-weight-bold">{{$order->delivery_service_name}}</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-xl-4">
                                        <div class="media gap-3">
                                            <img alt="{{ translate('deliveryman') }}" width="20"
                                                 src="{{ theme_asset(path:'public/assets/front-end/img/icons/track_order.png') }}">
                                            <div class="media-body">
                                                <div class="text-muted">{{translate('tracking_ID')}} </div>
                                                <div class="font-weight-bold">
                                                    {{$order->third_party_delivery_tracking_id ?? ''}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="login-card">
                        <div class="text-center pt-5 text-capitalize">

                            <img src="{{theme_asset(path: 'public/assets/front-end/img/icons/delivery-man.svg')}}" alt="">
                            <p class="opacity-60 mt-3">
                                @if ($order->order_type == "POS")
                                    <span>{{translate('this_order_is_a_POS_order.delivery_man_is_not_assigned_to_POS_orders')}}</span>
                                @else
                                    @if ($order->product_type_check =='digital')
                                        {{translate('this_order_contains_one_or_more_digital_products.')}}
                                        {{translate('delivery_man_is_not_assigned_for_digital_products')}}!
                                    @else
                                        {{translate('no_delivery_man_assigned_yet')}}!
                                    @endif
                                @endif
                            </p>
                        </div>
                    </div>
                @endif

            </section>
        </div>
    </div>

    <div class="modal fade" id="submitReviewModal" tabindex="-1" aria-labelledby="submitReviewModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header border-0 pb-0">
                    <h6 class="text-center text-capitalize">{{translate('submit_a_review')}}</h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body d-flex flex-column gap-3">
                    <form action="{{route('submit-deliveryman-review')}}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input name="order_id" value="{{$order->id}}" hidden>
                        <div class="d-flex flex-column gap-2 align-items-center my-4">
                            <h5 class="text-center text-capitalize">{{translate('rate_the_delivery_quality')}}</h5>
                            <div class="rating-label-wrap position-relative">

                                @php($style = '')
                                @if(isset($order->deliveryManReview))