@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="serv_det_pg section ">
            <div class="container">
                <div id="printable">
                    <div class="order-details">
                        <div class="row justify-content-center">
                            <div class="col-lg-10">
                                <div class="order-head">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <p> {{ __('orders::orders.order_id') }} : <b>{{ $serviceRequest->id }}</b>
                                            </p>
                                        </div>
                                        <div class="col-lg-6">
                                            <p> {{ __('orders::orders.status') }} :
                                                <b>{{ $serviceRequest->getStatusText() }}</b></p>
                                        </div>
                                        <div class="col-lg-6">
                                            <p> {{ __('orders::orders.payment_status') }} :
                                                <b> {{ __("orders::orders.payment_status_$serviceRequest->payment_status") }} </b>
                                            </p>
                                        </div>
                                        <div class="col-lg-6">
                                            <p> {{ __('orders::orders.order_date') }} :
                                                <b>{{ $serviceRequest->translated_date_format }}</b></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="order-body">
                            <h2 class="fw-bold mb-4"> {{ $serviceRequest->service->currentDescription->title ?? "" }} </h2>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-circle-dollar"></i> </span>
                                            <b> {{ __('servicerequests::service_requests.price') }} : </b>
                                            {{ format_number($serviceRequest->converted_amounts['total'] ?? 0) ." ".$serviceRequest->currency_code }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-school"></i> </span>
                                            <b> {{ __('courses::courses.stage_id') }} : </b>
                                            {{ $serviceRequest->grade->stage->currentDescription->title ?? "" }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-screen-users"></i> </span>
                                            <b> {{ __('courses::courses.grade_id') }} : </b>
                                            {{ $serviceRequest->grade->currentDescription->title ?? "" }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-screen-users"></i> </span>
                                            <b> {{ __('servicerequests::service_requests.subject_id') }} : </b>
                                            {{ $serviceRequest->subject->currentDescription->title ?? "" }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                            <b> {{ __('users::users.name') }} : </b>
                                            {{ $serviceRequest->user->name ?? $serviceRequest->user->username ?? "" }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                            <b> {{ __('users::users.email') }} : </b>
                                            {{ $serviceRequest->user->email ?? "" }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                            <b> {{ __('users::users.phone') }} : </b>
                                            {{ $serviceRequest->user->phone ?? "" }}
                                        </p>
                                    </div>
                                </div>
                                @if(_is_file($serviceRequest->file))
                                    <div class="col-lg-6">
                                        <div class="data-group">
                                            <p class="data mb-0">
                                                <span class="icon"> <i class="fa-light fa-paperclip"></i> </span>
                                                <b> {{ __('general.attachments') }} : </b>
                                                @if(isImageMime($serviceRequest->file))
                                                    <a href="{{ getImage($serviceRequest->file) }}"
                                                       data-lightbox="images">
                                                        <img src="{{ getImage($serviceRequest->file) }}" width="50"
                                                             alt="" class="ms_img">
                                                    </a>
                                                @else
                                                    <a href="{{ getFile($serviceRequest->file) }}" target="_blank"
                                                       class="ms_file">
                                                        <span class="file_name">
                                                            {{ __('dashboard.file_type_file') }}
                                                        </span>
                                                        <span class="icon"> <i class="far fa-file mr-2"></i> </span>
                                                    </a>
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                @endif
                                <div class="col-lg-12">
                                    <div class="data-group">
                                        <p class="data mb-0">
                                            <span class="icon">  <i class="fa-light fa-comments"></i>  </span>
                                            <b> {{ __('servicerequests::service_requests.notes') }} : </b>
                                            {{ $serviceRequest->notes ?? "-" }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if(isset($otherUser))
                        <div class="order_foot col-lg-6 mx-auto">
                            <div class="d-flex align-items-center justify-content-between ">
                                <div class="prof_data d-flex align-items-center ">
                                    <img src="{{getImage($otherUser->photo)}}" class="secImg avatar"
                                         alt="{{ $otherUser->name ?? $otherUser->username ?? "" }}"/>
                                    <div class="txt ms-4">
                                        <h5 class="fw-bold mb-3"> {{ $otherUser->name ?? $otherUser->username ?? "" }} </h5>
                                        <h6 class="mail_ins"><i
                                                class="fa-light fa-envelope"></i> {{ $otherUser->email }} </h6>
                                    </div>
                                </div>
                                @if($serviceRequest->is_chat_available)
                                    <a href="{{ route('web.chats.index', ['chat_type' => 'private', 'chat_user_id' => $otherUser->id]) }}"
                                       class="butn fs-5 sm_butn primary_butn">
                                        <span> <i class="fa-light fa-comment-lines mx-0"></i> </span>
                                    </a>
                                @endif
                            </div>
                        </div>
                    @endif

                    @if(isUserRole('user') && $serviceRequest->status->name === 'WaitingForPayment')
                        <form method="post"
                              class="form-multi-submit-btn-loader"
                              action="{{ route('web.service-requests.update', $serviceRequest->id) }}">
                            @method('PUT')
                            @csrf
                            <div class="butns d-flex justify-content-center">
                                <button type="submit"
                                        name="action" value="pay"
                                        class="butn primary_butn">
                                    <span>{{ __('carts::carts.pay_now') }}</span>
                                </button>
                                <button type="submit"
                                        name="action" value="cancel"
                                        class="butn primary_border_butn ms-4">
                                    <span>{{ __('orders::orders.cancel_order') }}</span>
                                </button>
                            </div>
                        </form>
                    @endif
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush