@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- ---------- order-pg ----------- -->
        <section class="order-pg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-item mb-5">
                            <h6 class="main-title"> {{ __('orders::orders.order_stages') }} </h6>
                            <div class="steps">
                                {{-- @if($sliders4?->count())
                                    @foreach($sliders4 as $slider)
                                        <div class="item {{ $loop->iteration > 3 ? 'disabled' : '' }}">
                                            <div class="icon">
                                                <img src="{{ getImage($slider->image) }}"
                                                     alt="{{ $slider->title ?? "" }}"/>
                                            </div>
                                            <h6> {{ $slider->title ?? "" }} </h6>
                                            <img src="{{asset('assets/web/images/card_bg.png')}}" alt="" class="bg">
                                        </div>
                                        @if (!$loop->last)
                                            <div class="arrow">
                                                <img src="{{asset('assets/web/images/icons/lft-arrow.png')}}" alt="">
                                            </div>
                                        @endif
                                    @endforeach
                                @endif --}}
                                @foreach(getOrderStatusIds() as $orderStatusNumber)
                                    <div class="item {{ (!in_array($orderStatusNumber, $order->getStatuses()) && !$loop->first) ? 'disabled' : '' }} {{ $loop->last ? 'last-arrow' : '' }}">
                                        <div class="icon">
                                            <img src="{{asset('assets/web/images/order_statuses/order_status_'. $orderStatusNumber .'.svg')}}"
                                                 alt="Order Status {{ $orderStatusNumber }}"/>
                                        </div>
                                        <h6>
                                            {{ (getOrderStatusByKey('canceled') == $orderStatusNumber) ? __('orders::orders.order_cancelled') : __('general.order_status_' . $orderStatusNumber) }}
                                        </h6>
                                        <img src="{{asset('assets/web/images/card_bg.png')}}" alt="" class="bg">
                                    </div>
                                    @if (!($loop->last || $loop->iteration == $loop->count - 1))
                                        <div class="arrow">
                                            <img src="{{asset('assets/web/images/icons/lft-arrow.png')}}" alt="">
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @if($order->seller_id != auth()->id())
                        <div class="{{ $order->broker ? 'col-lg-5' : 'col-lg-12' }}">
                            <div class="card-item">
                                <h6 class="main-title"> {{ __('orders::orders.seller_data') }} </h6>
                                <div class="text-center">
                                    <h5> {{ $order->seller->name ?? $order->seller->username ?? "" }} </h5>
                                    <a href="{{ route('web.users.profile', ['tab' => 'chats', 'chat_type' => 'private', 'chat_user_id' => $order->seller_id]) }}"
                                       class="bttn mt-4"> {{ __('orders::orders.contact_seller') }} </a>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if($order->broker)
                        <div class="{{ $order->seller_id != auth()->id() ? 'col-lg-7' : 'col-lg-12' }}">
                            <div class="card-item">
                                <h6 class="main-title"> {{ __('orders::orders.broker_data') }} </h6>
                                <div class="text-center">
                                    <h5> {{ $order->broker->name ?? $order->broker->username ?? "" }} </h5>
                                    <a href="{{ route('web.users.profile', ['tab' => 'chats', 'chat_type' => 'private', 'chat_user_id' => $order->broker_id]) }}"
                                       class="bttn mt-4"> {{ __('orders::orders.contact_broker') }} </a>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="col-lg-7">
                        <div class="card-item">
                            <h6 class="main-title"> {{ __('orders::orders.order_data') }} </h6>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('orders::orders.order_id') }} : <strong class="main-color">
                                            #{{ $order->id }} </strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4">
                                        {{ __('orders::orders.order_date') }} : <strong
                                            class="main-color">{{ $order->translated_date_format }}</strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('orders::orders.order_time') }} : <strong
                                            class="main-color"> {{ $order->createdTimeFormatted }} </strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('orders::orders.status') }} : <strong
                                            class="main-color">{{ $order->getStatusText() }}</strong></div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('orders::orders.payment_status') }} : <strong
                                            class="main-color">{{ __("general.payment_status_$order->payment_status") }}</strong>
                                    </div>
                                </div>
                                @if($order->status->value == 3)
                                    <div class="col-lg-12">
                                        <form class="" method="post" action="{{ route('web.orders.update', $order->id) }}">
                                            @method('PUT')
                                            @csrf
                                            <div class="form-group text-center">
                                                <button type="submit" class="bttn custom-submit-btn">
                                                    <span>{{ __('orders::orders.confirm_receipt') }}</span>
                                                </button>
                                            </div> <!-- end of form-group -->
                                            <input type="hidden" name="status" value="{{ getOrderDeliveredStatus() }}"/>
                                        </form>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="card-item">
                            <h6 class="main-title"> {{ __('orders::orders.account_details') }} </h6>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('products::products.title') }} : <strong
                                            class="main-color"> {{ $order->product->currentDescription->title ?? "" }} </strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('products::products.account_number') }} : <strong
                                            class="main-color"> {{ $order->product->uuid ?? "" }} </strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('products::products.price') }} : <strong
                                            class="main-color"> {{ format_number($order->converted_amounts['product_price'] ?? 0) . ' ' . $order->currency_code }} </strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('products::products.category_id') }} : <strong
                                            class="main-color">{{ $order->product->category->currentDescription->name ?? "" }}</strong>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="item mb-4"> {{ __('products::products.platform') }} : <strong
                                            class="main-color"> {{ $order->product?->platformNames ? implode(' - ', $order->product->platformNames) : '' }} </strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="card-item pill-item">
                            <h6 class="main-title"> {{ __('orders::orders.invoice') }} </h6>
                            <ul class="bill-list">
                                <li><span> {{ __('orders::orders.payment_method') }} </span>
                                    <strong> {{ $order->paymentMethod->currentDescription->title ?? "-" }} </strong>
                                </li>
                                <li><span> {{ __('orders::orders.cost') }} </span>
                                    <strong> {{ format_number($order->converted_amounts['subtotal_before_discount'] ?? 0) ." ".$order->currency_code }} </strong>
                                </li>
                                @if($order->coupon_discount > 0)
                                    <li><span> {{ __('orders::orders.coupon_discount') }} </span> <strong
                                            class=""> {{ format_number($order->converted_amounts['coupon_discount'] ?? 0) ." ".$order->currency_code }} </strong>
                                    </li>
                                @endif
                                @if($order->refunded_amount > 0)
                                    <li><span> {{ __('orders::orders.refunded_amount') }} </span> <strong
                                            class="text-warning"> {{ format_number($order->converted_amounts['refunded_amount'] ?? 0) ." ".$order->currency_code }} </strong>
                                    </li>
                                @endif
                                @if($order->tax_amount > 0)
                                    <li><span> {{ __('orders::orders.tax_amount') }} </span> <strong
                                            class=""> {{ format_number($order->converted_amounts['tax_amount'] ?? 0) ." ".$order->currency_code }} </strong>
                                    </li>
                                @endif
                                <li><span> {{ __('orders::orders.total') }} </span>
                                    <strong> {{ format_number($order->converted_amounts['total'] ?? 0) ." ".$order->currency_code }} </strong>
                                </li>
                            </ul>
                            @if(_is_file($order->pdf))
                                <a href="{{ _asset($order->pdf) }}" download="" class="bttn"> <i
                                        class="fal fa-download"></i> {{ __('orders::orders.download_invoice') }} </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush