@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.seller_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">{{ __('users::users.name') }} :</span>
                            <span class="order-details-value">
                                {{ $order->seller->name ?? $order->seller->username ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('users::users.phone') }} :</span>
                            <span class="order-details-value">
                                {{ $order->seller->phone ?? "" }}
                            </span>
                        </li>
                        <li class="flex-li">
                            <span class="order-details-head">{{ __('users::users.email') }} :</span>
                            <span class="order-details-value">
                                {{ $order->seller->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 ("sellers.edit", $order->seller->id ?? "") }}" target="_blank">
                                    #{{ $order->seller->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' => $order->seller->id ?? ""]) }}"
                                   target="_blank">
                                    <i class="bi bi-chat-dots"></i>
                                </a>
                            </span>
                        </li>
                    </ul>
                </div> <!-- end of card-body -->
            </div> <!-- end of card -->

            @if($order->broker)
                <div class="card card-info w-100">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('orders::orders.broker_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">{{ __('users::users.name') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->broker->name ?? $order->broker->username ?? "" }}
                                </span>
                            </li>
                            <li class="flex-li">
                                <span class="order-details-head">{{ __('users::users.phone') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->broker->phone ?? "" }}
                                </span>
                            </li>
                            <li class="flex-li">
                                <span class="order-details-head">{{ __('users::users.email') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->broker->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 ("brokers.edit", $order->broker->id ?? "") }}" target="_blank">
                                        #{{ $order->broker->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' => $order->broker->id ?? ""]) }}"
                                       target="_blank">
                                        <i class="bi bi-chat-dots"></i>
                                    </a>
                                </span>
                            </li>
                        </ul>
                    </div> <!-- end of card-body -->
                </div> <!-- end of card -->
            @endif

            @if($order->ratings?->count())
                <div class="card card-info w-100">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('orders::orders.ratings') }}</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">

                        <table class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center">
                            <thead>
                            <tr>
                                <th>
                                    {{ __('ratings::ratings.type') }}
                                </th>
                                <th>
                                    {{ __('ratings::ratings.rating') }}
                                </th>
                                <th>
                                    {{ __('ratings::ratings.comment_2') }}
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($order->ratings as $rating)
                                <tr>
                                    <td>
                                        {{ __("ratings::ratings.type_$rating->type") }}
                                    </td>
                                    <td class="rate-section">
                                        @for($f=1; $f<=5; $f++)
                                            @if($f <= ($rating->rating ?? 0))
                                                <span class="fa fa-star checked"></span>
                                            @else
                                                <span class="fa fa-star"></span>
                                            @endif
                                        @endfor
                                    </td>
                                    <td>
                                        {{ $rating->comment }}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                    </div> <!-- end of card-body -->
                </div> <!-- end of card -->
            @endif

            @if($order->paymentDetail?->exists())
                <div class="card card-info w-100">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('orders::orders.bank_transfer_info') }}</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.beneficiary_name') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->paymentDetail->beneficiary_name ?? "" }}
                                </span>
                            </li>
                            <li class="flex-li">
                                <span class="order-details-head">{{ __('orders::orders.bank_account_number') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->paymentDetail->bank_account_number ?? "" }}
                                </span>
                            </li>
                            <li class="flex-li">
                                <span class="order-details-head">{{ __('orders::orders.country_id') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->paymentDetail->country->currentDescription->title ?? "" }}
                                </span>
                            </li>
                            <li class="flex-li">
                                <span class="order-details-head">{{ __('orders::orders.account_code') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->paymentDetail->account_code ?? "" }}
                                </span>
                            </li>
                        </ul>

                    </div> <!-- end of card-body -->
                </div> <!-- end of card -->
            @endif

            <div class="form-group col broker-section">
                <label>{{ __('orders::orders.brokers') }} </label>
                <select name="broker_id"
                        class="form-control {{ $errors->has('broker_id') ? 'is-invalid' : '' }}">
                    <option value="">{{__('orders::orders.brokers')}}</option>
                    @foreach($brokers as $broker)
                        <option
                            value="{{ $broker->id }}" @selected(old('broker_id', $order->broker_id ?? null) == $broker->id)>
                            {{ $broker->name ?? $broker->username ?? "" }}
                        </option>
                    @endforeach
                </select>
            </div> <!-- end of form-group -->

            <h2>{{ __('orders::orders.order_details') }}</h2>
            <table class="table table-bordered bordered-tbl half-width-tbl mt-25">
                <tbody>
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.order_id') }} :</span>
                            <span class="order-details-value">
                                {{ $order->id }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.customer_name') }} :</span>
                            <span class="order-details-value">
                                {{ $order->user->name ?? $order->user->username ?? "-" }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        {{-- <td>
                            <span class="order-details-head">{{ __('orders::orders.customer_email') }} :</span>
                            <span class="order-details-value">
                                {{ $order->user->email ?? "-" }}
                            </span>
                        </td> --}}
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.customer_phone') }} :</span>
                            <span class="order-details-value">
                                {{ $order->user->phone ?? "-" }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.coupon') }} :</span>
                            <span class="order-details-value">
                                {{ $order->coupon->name ?? "-" }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.order_date') }} :</span>
                            <span class="order-details-value">
                                {{ $order->created_at }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.payment_method') }} :</span>
                            <span class="order-details-value">
                                {{ $order->paymentMethod->currentDescription->title ?? "-" }}
                            </span>
                        </td>
                    </tr>
                    {{--
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.payment_status') }} :</span>
                            <span class="order-details-value">
                                {{ __("general.payment_status_$order->payment_status") }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.app_commission_from_provider') }} :</span>
                            <span class="order-details-value">
                                {{ $order->app_commission_from_provider ." ".$currency_code }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.provider_commission') }} :</span>
                            <span class="order-details-value">
                                {{ $order->provider_commission ." ".$currency_code }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.app_commission_from_rep') }} :</span>
                            <span class="order-details-value">
                                {{ $order->app_commission_from_rep ." ".$currency_code }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.rep_commission') }} :</span>
                            <span class="order-details-value">
                                {{ $order->rep_commission ." ".$currency_code }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.app_commission') }} :</span>
                            <span class="order-details-value">
                                {{ $order->app_commission ." ".$currency_code }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.coupon') }} :</span>
                            <span class="order-details-value">
                                {{ $order->coupon->name ?? "-" }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.rep_name') }} :</span>
                            <span class="order-details-value">
                                {{ $order->rep->name ?? "-" }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.provider_name') }} :</span>
                            <span class="order-details-value">
                                {{ $order->provider->name ?? "-" }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-head">{{ __('orders::orders.status') }} :</span>
                            <span class="order-details-value">
                                {{ getOrderStatusName($order->status) }}
                            </span>
                        </td>
                    </tr>
                    --}}
                    @if($order->notes)
                        <tr>
                            <td colspan="2">
                                <span class="order-details-head">{{ __('orders::orders.notes') }} :</span>
                                <span class="order-details-value">
                                    {{ $order->notes ?? "-" }}
                                </span>
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>

            @if($order->products()->count())
                <h2>{{ __('orders::orders.products_ordered') }}</h2>
                <table class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center">
                    <thead>
                        <tr>
                            <th>
                                {{ __('orders::orders.product_name') }}
                            </th>
                            <th>
                                {{ __('orders::orders.price') }}
                            </th>
                            <th>
                                {{ __('orders::orders.addons_price') }}
                            </th>
                            <th>
                                {{ __('orders::orders.quantity') }}
                            </th>
                            <th>
                                {{ __('orders::orders.total') }}
                            </th>
                            <th class=""> <!-- no-print d-print-none -->
                                {{ __('orders::orders.details') }}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($order->products()->get() as $product)
                            <tr>
                                <td>
                                    {{ $product->currentDescription->title ?? "" }}
                                </td>
                                <td>
                                    {{ $product->pivot->price." ".$currency_name }}
                                </td>
                                <td>
                                    {{ $product->pivot->addons_price ? $product->pivot->addons_price." ".$currency_name : '-' }}
                                </td>
                                <td>
                                    {{ $product->pivot->qty }}
                                </td>
                                <td>
                                    {{ $product->pivot->total." ".$currency_name }}
                                </td>
                                <td class=""> <!-- no-print d-print-none -->
                                    @if($product->orderProductAddonsByOrderId($order->id)->count())
                                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".model_product_{{ $product->id }}">
                                            {{ __('general.show') }}
                                        </button>
                                    @else
                                        <span class="badge badge-info">{{ __('general.not_exist') }}</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif

            @if($order->sources()->count())
                <h2>{{ __('orders::orders.source_details') }}</h2>
                <table class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center">
                    <thead>
                    <tr>
                        <th>
                            {{ __('orders::orders.source_image') }}
                        </th>
                        <th>
                            {{ __('orders::orders.source_name') }}
                        </th>
                        <th>
                            {{ __('orders::orders.price') }}
                        </th>
                        <th class="d-none">
                            {{ __('orders::orders.quantity') }}
                        </th>
                        <th>
                            {{ __('orders::orders.total') }}
                        </th>
                        <th class=""> <!-- no-print d-print-none -->
                            {{ __('orders::orders.details') }}
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($order->sources()->get() as $source)
                        <tr>
                            <td>
                                <img src="{{ getImage($source->main_image) }}" alt="" width="100" class="img-responsive img-thumbnail">
                            </td>
                            <td>
                                {{ $source->currentDescription->title ?? "" }}
                            </td>
                            <td>
                                {{ $source->pivot->price." ".$currency_name }}
                                {{-- $source->pivot->unit_price." ".$currency_name --}}
                            </td>
                            <td class="d-none">
                                {{ $source->pivot->qty }}
                            </td>
                            <td>
                                {{ $source->pivot->total." ".$currency_name }}
                            </td>
                            <td class=""> <!-- no-print d-print-none -->
                                <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".model_source_{{ $source->id }}">
                                    {{ __('general.show') }}
                                </button>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif

            <h2>{{ __('orders::orders.order_payment_details') }}</h2>
            <table class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center">
                <tbody>
                <tr>
                    <td>
                        <span class="order-details-head">
                            {{ __('orders::orders.subtotal') }}
                        </span>
                    </td>
                    <td>
                        <span class="order-details-value">
                            {{ $order->subtotal ." ".$currency_name }}
                        </span>
                    </td>
                </tr>
                @if($order->delivery_charges)
                    <tr>
                        <td>
                            <span class="order-details-head">
                                {{ __('orders::orders.delivery_charges') }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-value">
                                {{ $order->delivery_charges ." ".$currency_name }}
                            </span>
                        </td>
                    </tr>
                @endif
                @if($order->tax_amount)
                    <tr>
                        <td>
                            <span class="order-details-head">
                                {{ __('orders::orders.tax_amount') }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-value">
                                {{ $order->tax_amount ." ".$currency_name }}
                            </span>
                        </td>
                    </tr>
                @endif
                @if($order->coupon_discount > 0)
                    <tr>
                        <td>
                            <span class="order-details-head">
                                {{ __('orders::orders.coupon_discount') }}
                            </span>
                        </td>
                        <td>
                            <span class="order-details-value">
                                {{ $order->coupon_discount ." ".$currency_name }}
                            </span>
                        </td>
                    </tr>
                @endif
                <tr>
                    <td>
                        <span class="order-details-head">
                            {{ __('orders::orders.total_amount') }}
                        </span>
                    </td>
                    <td>
                        <span class="order-details-value">
                            {{ $order->total ." ".$currency_name }}
                        </span>
                    </td>
                </tr>
                </tbody>
            </table>

            @if(isset($order->address) && $order->address->exists())
                <h2>{{ __('orders::orders.delivery_address') }}</h2>
                <table class="table table-bordered bordered-tbl half-width-tbl mt-25 text-center">
                    <thead>
                        <tr>
                            <th>
                                {{ __('orders::orders.city') }}
                            </th>
                            <th>
                                {{ __('orders::orders.address_on_map') }}
                            </th>
                            <th>
                                {{ __('orders::orders.street_name') }}
                            </th>
                            <th>
                                {{ __('orders::orders.building_name') }}
                            </th>
                            <th>
                                {{ __('orders::orders.building_number') }}
                            </th>
                            <th>
                                {{ __('orders::orders.distinct_mark') }}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                {{ $order->address->city->currentDescription->title ?? "" }}
                            </td>
                            <td>
                                <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target=".model_address">
                                    {{ __('orders::orders.address_on_map') }}
                                </button>
                            </td>
                            <td>
                                {{ $order->address->street_name ?? "" }}
                            </td>
                            <td>
                                {{ $order->address->building_name ?? "" }}
                            </td>
                            <td>
                                {{ $order->address->building_number ?? "" }}
                            </td>
                            <td>
                                {{ $order->address->distinct_mark ?? "-" }}
                            </td>
                        </tr>
                    </tbody>
                </table>

                <script>
                    initialLatitude  = Number('{{ $order->address->latitude ?? 0 }}');
                    initialLongitude = Number('{{ $order->address->longitude ?? 0 }}');
                </script>
            @endif

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

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

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

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

    {{-- <form class="form-row add_form" method="post" action="{{ $action }}" enctype="multipart/form-data" id="form">
        @method('PUT')
        @csrf
    </form> --}}

    @if($order->products()->count())
        @foreach($order->products()->get() as $product)
            @if($product->orderProductAddonsByOrderId($order->id)->count())
                @include('admin.orders.product_modal', ['orderProductAddons'=>$product->orderProductAddonsByOrderId($order->id)->get(), 'product_id'=>$product->id])
            @endif
        @endforeach
    @endif

    @if($order->sources()->count())
        @foreach($order->sources()->get() as $source)
            @include('admin.orders.source_modal', ['source_id'=>$source->id, 'source' => $source])
        @endforeach
    @endif

    <div class="modal fade model_address" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header dir-ltr">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">
                        {{ __('orders::orders.address_on_map') }}
                    </h4>
                </div>
                <div class="modal-body" id="orderAddressBody">
                    <div class="col-md-12">
                        <div id="map" style="height: 70vh;width: 100%;"></div>
                        <pre id="coordinates" class="coordinates"></pre>
                        <input type="hidden" name="latitude" id="latitude" value="">
                        <input type="hidden" name="longitude" id="longitude" value="">
                        <input type="hidden" name="" id="address" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{ __('general.close') }}</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('stack_scripts')
    {{-- @include('admin.partials._map') --}}
@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

@push('stack_scripts')
    <script>
        $(document).on('change', '.status-select', function (event) {
            let status = Number($(this).val());
            let brokerSection = $(this).closest('.form-group').parent().find('.broker-section');
            if (status === 1) {
                brokerSection.show();
            } else {
                brokerSection.hide();
            }
        });
        $('.status-select').trigger("change");
    </script>
@endpush