@extends('backend.layouts.app')
@section('title', $title)
@section('content')
    <div class="row">
        <div class="col-8">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        Order details ({{$order->code}})
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-6">
                            <div style="position:relative;">
                                <label>
                                    <img src="{{$order->user->getFirstMediaUrl(Helper::PROFILE_COLLECTION)}}"
                                         width='40px' class='rounded-5' alt='no image'/>
                                </label>
                                <img src="{{asset('backend/images/users/verify.png')}}" width='12px'
                                     style='position: absolute; bottom: 0; left: 0;' alt="">
                            </div>
                            <div>
                                <p class='mb-0 fw-bold'>{{$order->user->fullname()}} <span
                                        class='fw-bold badge bg-primary-subtle text-primary'>{{$order->user->roles()->first()->name}}</span>
                                </p>
                                <p class='mb-0'><a href="mailto:{{$order->user->email}}">{{$order->user->email}}</a></p>
                                <p class='mb-0'><a
                                        href="tel:+{{$order->user->country_code}}{{$order->user->phone}}">+{{$order->user->country_code}}{{$order->user->phone}}</a>
                                </p>
                            </div>
                        </div>
                        <div class="col-6">
                            <a href="{{route('admin.orders.download-qrcode', $order->id)}}">
                                <img class="img-fluid" width="100" src='{{asset("qrcodes/{$order->code}.png")}}'
                                     alt=""/>
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <p class="">
                                <span class="fw-bold">ID:</span> <span>{{$order->id}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Code:</span> <span>{{$order->code}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Created at:</span>:
                                <span>{{$order->created_at->format('d/m/Y')}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Currency:</span> <span>{{$order->currency->name}}</span>
                            </p>
                            @if(!is_null($order->coupon_id))
                                <p class="">
                                    <span class="fw-bold">Coupon:</span> <span class="badge bg-warning-subtle text-warning fs-5"><a
                                            href="{{route('admin.coupons.edit', $order->coupon->id)}}">{{$order->coupon->code}}</a></span>
                                </p>
                            @endif
                            <p class="">
                                <span class="fw-bold">Country:</span>
                                <span>{{$order->address->city->country->name}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">City:</span> <span>{{$order->address->city->name}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Address:</span> <span>{{$order->address->address}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Street:</span> <span>{{$order->address->street}}</span>
                            </p>
                            @if(!is_null($order->address->flat_number))
                                <p class="">
                                    <span class="fw-bold">Flat:</span> <span>{{$order->address->flat_number}}</span>
                                </p>
                            @endif
                            @if(!is_null($order->address->villa_number))
                                <p class="">
                                    <span class="fw-bold">Villa:</span> <span>{{$order->address->villa_number}}</span>
                                </p>
                            @endif
                            @if(!is_null($order->address->postal_code))
                                <p class="">
                                    <span class="fw-bold">Postal:</span> <span>{{$order->address->postal_code}}</span>
                                </p>
                            @endif
                        </div>
                        <div class="col-6">
                            <p class="">
                                <span class="fw-bold">Payment:</span> <span>{{$order->payment->name}}</span>
                            </p>
                            @if(!is_null($order->invoice_id))
                                <p class="">
                                    <span class="fw-bold">Invoice id:</span> <span>{{$order->invoice_id}}</span>
                                </p>
                            @endif
                            <p class="">
                                <span class="fw-bold">Points earned:</span> <span>{{$order->points_earned}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Tax:</span>
                                <span>{{Helper::calculatePrice($order->tax, $order->currency->getTranslation('code', 'en'))}} {{$order->currency->code}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Shipping cost:</span>
                                <span>{{Helper::calculatePrice($order->shipping_cost, $order->currency->getTranslation('code', 'en'))}} {{$order->currency->code}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Subtotal:</span>
                                <span>{{Helper::calculatePrice($order->subtotal, $order->currency->getTranslation('code', 'en'))}} {{$order->currency->code}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Total:</span>
                                <span>{{Helper::calculatePrice($order->total, $order->currency->getTranslation('code', 'en'))}} {{$order->currency->code}}</span>
                            </p>
                            @if($order->deduct_from_wallet != 0)
                                <p class="">
                                    <span class="fw-bold">Deduct from wallet:</span>
                                    <span>{{Helper::calculatePrice($order->deduct_from_wallet, $order->currency->getTranslation('code', 'en'))}} {{$order->currency->code}}</span>
                                </p>
                            @endif
                            @if($order->deduct_from_points != 0)
                                <p class="">
                                    <span class="fw-bold">Deduct from points:</span>
                                    <span>{{Helper::calculatePrice(Helper::convertPointsToCurrency($order->deduct_from_points), $order->currency->getTranslation('code', 'en'))}}</span>
                                    <span class="fw-bold">(Points: {{$order->deduct_from_points}})</span>
                                </p>
                            @endif
                            <p class="">
                                @php
                                    $deliveryColor = match ($order->delivery_status) {
                                      \App\Enums\OrderDeliveryStatus::PENDING,\App\Enums\OrderDeliveryStatus::CANCELLED,\App\Enums\OrderDeliveryStatus::RETURNED => "danger",
                                      \App\Enums\OrderDeliveryStatus::PROCESSED,\App\Enums\OrderDeliveryStatus::SHIPPED => "warning",
                                      \App\Enums\OrderDeliveryStatus::DELIVERED => "success",
                                    };

                                    $paymentColor = match ($order->payment_status) {
                                      \App\Enums\OrderPaymentStatus::PENDING,\App\Enums\OrderPaymentStatus::FAILED,\App\Enums\OrderPaymentStatus::REFUNDED,\App\Enums\OrderPaymentStatus::CANCELLED => "danger",
                                      \App\Enums\OrderPaymentStatus::PAID => "success",
                                    };

                                @endphp
                                <span class="fw-bold">Delivery status:</span> <span
                                    class="badge bg-{{$deliveryColor}}-subtle text-{{$deliveryColor}} text-capitalize fs-5">{{$order->delivery_status}}</span>
                            </p>
                            <p class="">
                                <span class="fw-bold">Payment status:</span> <span
                                    class="badge bg-{{$paymentColor}}-subtle text-{{$paymentColor}} text-capitalize fs-5">{{$order->payment_status}}</span>
                            </p>
                        </div>
                        @if(!is_null($order->notes))
                            <div class="col-12">
                                <p class="">
                                    <span class="fw-bold">Notes:</span> <span>{{$order->notes}}</span>
                                </p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        Order Status
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{route('admin.orders.update-order-status', $order->id)}}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="form-group row">
                            <div class="col-12 mb-3">
                                <lable class="form-label" for="delivery_status">
                                    Delivery status
                                    <span class="text-danger">*</span>
                                </lable>
                                <select class="form-select" name="delivery_status" id="delivery_status">
                                    @foreach(\App\Enums\OrderDeliveryStatus::getValues() as $deliveryValue)
                                        <option
                                            @selected($order->delivery_status === $deliveryValue) value="{{$deliveryValue}}">
                                            {{ucfirst($deliveryValue)}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 mb-3">
                                <lable class="form-label" for="payment_status">
                                    Payment status
                                    <span class="text-danger">*</span>
                                </lable>
                                <select class="form-select" name="payment_status" id="payment_status">
                                    @foreach(\App\Enums\OrderPaymentStatus::getValues() as $paymentValue)
                                        <option
                                            @selected($order->payment_status === $paymentValue) value="{{$paymentValue}}">
                                            {{ucfirst($paymentValue)}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">
                                    Submit
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-end">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        Order items
                    </h5>
                </div>
                <div class="card-body">
                    <table class="table table-responsive">
                        <thead>
                        <tr>
                            <th>Product</th>
                            <th>Color</th>
                            <th>Size</th>
                            <th>Quantity</th>
                            <th>Unit price</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($order->orderDetails as $key => $item)
                            <tr>
                                <td>
                                    <img class="img-fluid rounded-3"
                                         width="80px"
                                         src="{{$item->product->getFirstMediaUrl(Helper::PRODUCT_MAIN_IMAGE_COLLECTION)}}"
                                         alt="{{$item->product->name}}"/>
                                    {{$item->product->name}}
                                </td>
                                <td>
                                    {{$item->variation->color->name}}
                                    <div
                                        style="width: 30px; height: 30px; background-color: {{$item->variation->color->hexa}}; border-radius: 50%;"></div>
                                </td>
                                <td>
                                    @if(isset($item->variation->size->size))
                                        {{$item->variation->size->size}} {{$item->variation->size->unit}}
                                    @else
                                        N/A
                                    @endif
                                </td>
                                <td>
                                    {{$item->quantity}}
                                </td>
                                <td>
                                    {{Helper::calculatePrice($item->unit_price, $order->currency->getTranslation('code', 'en'))}} {{$order->currency->code}}
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @if(!is_null($order->coupon_id))
            <div class="col-4">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title mb-0">
                            Coupon
                        </h5>
                    </div>
                    <div class="card-body">
                        <p>
                            Code:<span
                                class="badge bg-success-subtle text-success fs-5">{{$order->coupon->code}}</span>
                        </p>
                        @if($order->coupon->isFreeShippingCoupon())
                            <p>
                                <span class="badge bg-success-subtle text-success fs-5">Free shipping</span>
                            </p>
                        @else
                            <p>
                                Type:<span
                                    class="badge bg-success-subtle text-success fs-5">{{$order->coupon->discount_type}}</span>
                            </p>
                            <p>
                                Discount:<span class="badge bg-success-subtle text-success fs-5">{{$order->coupon->discount}} AED</span>
                            </p>
                        @endif

                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection