@extends('admin.layouts.container')

@section('content')
    <div class="side-title d-print-none">
        <h3>{{ $head ?? ''}}</h3>
    </div>

    <div class="border-item">
        <div class="row tab-wrapper w-100">

            <div class="card card-info w-100">
                <div class="card-header">
                    <h3 class="card-title">{{ __('orders::orders.user_data') }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <ul class="d-flex flex-wrap w-100 bordered-ul mt-4">
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.customer_name') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->user->name ?? $serviceRequest->user->username ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.customer_phone') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->user->phone ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.customer_email') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->user->email ?? "" }}
                            </span>
                        </li>
                        {{-- <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.membership_number') }} :</span>
                            <span class="order-details-value">
                                <a href="{{ route ("members.edit", $serviceRequest->user->id ?? "") }}" target="_blank">
                                    #{{ $serviceRequest->user->id ?? "" }}
                                </a>
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('users::users.chat') }} :</span>
                            <span class="order-details-value">
                                <a href="{{ route("chats.index", ['user_id' => $serviceRequest->user->id ?? ""]) }}"
                                   target="_blank">
                                    <i class="bi bi-chat-dots"></i>
                                </a>
                            </span>
                        </li> --}}
                    </ul>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

            <div class="card card-info w-100">
                <div class="card-header">
                    <h3 class="card-title">{{ __('orders::orders.order_data') }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <form class="form-row form-submit-loader" method="post" action="{{ $action }}">
                        @method('PUT')
                        @csrf
                        <div class="form-group col">
                            <label>{{ meta('status', $lang) ?? __('orders::orders.status') }} </label>
                            <select name="status"
                                    class="form-control status-select {{ $errors->has('status') ? 'is-invalid' : '' }}">
                                <option value="">{{__('orders::orders.status')}}</option>
                                @foreach(getServiceRequestStatusIds() as $statusId)
                                    <option
                                        value="{{ $statusId }}" @selected(old('status', $serviceRequest->status->value ?? null) == $statusId)>
                                        {{ getServiceRequestStatusName($statusId) }}
                                    </option>
                                @endforeach
                            </select>
                        </div> <!-- end of form-group -->
                        <div class="form-group col teacher-section">
                            <label>{{ __('users::teachers.teachers') }}</label>
                            <select name="teacher_id"
                                    class="form-control {{ $errors->has('teacher_id') ? 'is-invalid' : '' }}">
                                <option value="">{{ __('users::teachers.teachers') }}</option>
                                @foreach($teachers as $teacher)
                                    <option
                                        value="{{ $teacher->id }}" @selected(old('teacher_id', $serviceRequest->teacher_id ?? null) == $teacher->id)>
                                        {{ $teacher->name ?? $teacher->username ?? "" }}
                                    </option>
                                @endforeach
                            </select>
                        </div> <!-- end of form-group -->
                        <div class="form-group col text-center">
                            <button type="submit" class="butn add_button mt-4">
                                <span>{{ __('dashboard.save') }}</span></button>
                        </div> <!-- end of form-group -->
                    </form>

                    <ul class="d-flex flex-wrap w-100 bordered-ul mt-4">
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.order_id') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->id }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.status') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->getStatusText() }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.order_date') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->created_at->format('Y-m-d') }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.order_time') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->created_at->format('h:i A') }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.payment_method') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->paymentMethod->currentDescription->title ?? "-" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.payment_status') }} :</span>
                            <span class="order-details-value">
                                {{ __("orders::orders.payment_status_$serviceRequest->payment_status") }}
                            </span>
                        </li>
                        {{-- <li class="flex-li">
                            <span class="order-details-head">{{ __('orders::orders.coupon') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->coupon->name ?? "-" }}
                            </span>
                        </li> --}}
                        <li class="flex-li">
                            <span
                                class="order-details-head">{{ __('courses::courses.stage_id') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->stage->currentDescription->title ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span
                                class="order-details-head">{{ __('courses::courses.grade_id') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->grade->currentDescription->title ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span
                                class="order-details-head">{{ __('servicerequests::service_requests.subject_id') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->subject->currentDescription->title ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span
                                class="order-details-head">{{ __('servicerequests::service_requests.service_id') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->service->currentDescription->title ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('servicerequests::service_requests.teacher_name') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->teacher->name ?? $serviceRequest->teacher->username ?? "-" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span
                                class="order-details-head">{{ __('servicerequests::service_requests.notes') }} :</span>
                            <span class="order-details-value">
                                {{ $serviceRequest->notes ?? "-" }}
                            </span>
                        </li>
                        @if(_is_file($serviceRequest->file))
                            <li class="flex-li">
                                <span
                                    class="order-details-head">{{ __('servicerequests::service_requests.file') }} :
                                </span>
                                <span class="order-details-value">
                                    @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 d-block">
                                            <span class="file_name">
                                                {{ __('dashboard.file_type_file') }}
                                            </span>
                                            <span class="icon"> <i class="far fa-file mr-2"></i> </span>
                                        </a>
                                    @endif
                                </span>
                            </li>
                        @endif
                    </ul>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

            <div class="card card-info w-100">
                <div class="card-header">
                    <h3 class="card-title">{{ __('orders::orders.invoice_details') }}</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">

                    <table
                        class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center custom-bordered table-padding">
                        <tbody>
                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('servicerequests::service_requests.price') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($serviceRequest->converted_amounts['price'] ?? 0) ." ".$serviceRequest->currency_code }}
                                </span>
                            </td>
                        </tr>
                        {{-- @if($serviceRequest->coupon_discount > 0)
                            <tr>
                                <td>
                                    <span class="order-details-head">
                                        {{ __('orders::orders.coupon_discount') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="order-details-value">
                                        {{ format_number($serviceRequest->converted_amounts['coupon_discount'] ?? 0) ." ".$serviceRequest->currency_code }}
                                    </span>
                                </td>
                            </tr>
                        @endif --}}
                        @if($serviceRequest->tax_amount > 0)
                            <tr>
                                <td>
                                    <span class="order-details-head">
                                        {{ __('orders::orders.tax_amount') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="order-details-value">
                                        {{ format_number($serviceRequest->converted_amounts['tax_amount'] ?? 0) ." ".$serviceRequest->currency_code }}
                                    </span>
                                </td>
                            </tr>
                        @endif
                        {{-- @if($serviceRequest->shipping_fee > 0)
                            <tr>
                                <td>
                                    <span class="order-details-head">
                                        {{ __('settings.shipping_fee') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="order-details-value">
                                        {{ format_number($serviceRequest->converted_amounts['shipping_fee'] ?? 0) ." ".$serviceRequest->currency_code }}
                                    </span>
                                </td>
                            </tr>
                        @endif --}}

                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('orders::orders.management_ratio') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($serviceRequest->converted_amounts['system_commission'] ?? 0) ." ".$serviceRequest->currency_code }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('orders::orders.teacher_ratio') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($serviceRequest->converted_amounts['teacher_commission'] ?? 0) ." ".$serviceRequest->currency_code }}
                                </span>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <span class="order-details-head">
                                    {{ __('orders::orders.total') }}
                                </span>
                            </td>
                            <td>
                                <span class="order-details-value">
                                    {{ format_number($serviceRequest->converted_amounts['total'] ?? 0) ." ".$serviceRequest->currency_code }}
                                </span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

        </div> <!-- end of row -->

        @if(is_file(public_path('storage/'.$serviceRequest->barcode_photo)))
            <div class="barcode_photo">
                <img src="{{ getImage($serviceRequest->barcode_photo) }}" alt="" class="qr-img"/>
            </div>
        @endif

        <div class="text-center mt-5 col-12 d-print-none">
            <a href="{{ route('orders.export', $serviceRequest->id ?? null) }}" class="btn btn-info mx-1 d-none">
                <i class="bi bi-file-earmark-excel-fill"></i>
                {{ __('general.export_excel') }}
            </a>
            @if(_is_file($serviceRequest->pdf))
                <a href="{{ _asset($serviceRequest->pdf) }}" target="_blank" class="btn btn-primary">
                    {{ __('orders::orders.download_invoice') }}
                </a>
            @endif
            <a href="javascript:;" class="btn btn-warning mx-1 d-none" onclick="printPage();">
                <i class="bi bi-printer"></i>
                {{ __('general.print') }}
            </a>
            {{-- <a href="{{ isRouteHas('orders.print.invoice', $serviceRequest->id) }}" target="_blank"
               class="btn btn-warning mx-1">
                <i class="bi bi-printer"></i>
                {{ __('general.print') }}
            </a> --}}
        </div> <!-- end buttons container div -->

    </div> <!-- end of border-item div -->

@endsection

@push('stack_scripts')
    <script>
        const currentStatus = "{{ $serviceRequest->status->value ?? null }}";
        $(document).on('change', '.status-select', function (event) {
            let status = Number($(this).val());
            let teacherSection = $(this).closest('.form-group').parent().find('.teacher-section');
            if (status === 2) { // && currentStatus === '1'
                teacherSection.show();
            } else {
                teacherSection.hide();
            }
        });
        $('.status-select').trigger("change");
    </script>
@endpush

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{$lang}}",
            imagePath = "{{asset('')}}",
            inputName = null;
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>

    {{-- get regions by country --}}
    @include('admin.partials._script')
@endsection