@php
    use Webkul\Marketplace\Repositories\RMAStatusRepository;

    $allowedStatus = [];

    if ($rma->rma_status == 'Pending') {
        $statuses = array_filter($statuses, function ($status) {
            return in_array($status, ['Accept', 'Declined']);
        });
    } else {
        if (in_array('cancel-items', $rma->items->pluck('resolution')->toArray())) {
            $statuses = array_filter($statuses, function ($status) {
                if (! in_array($status, ['Accept', 'Declined', 'Pending', 'Dispatched Package', 'Received Package'])) {
                    return true;
                }
            });
        } else {
            $statuses = array_filter($statuses, function ($status) {
                return $status !== "Item Canceled" && $status !== "Accept" && $status !== "Declined" && $status !== "Pending";
            });
        }
    }

    $allowedStatus = array_values($statuses);

    $rmaStatusColor = '';

    $rmaStatusData = app(RMAStatusRepository::class)
        ->where('title', $rma->rma_status)
        ->first();

    if ($rmaStatusData) {
        $rmaStatusColor = $rmaStatusData->color;
    }

    $order = $rma->order;
@endphp

<x-marketplace::seller.layouts>
    <!-- Title of the page --> 
    <x-slot:title>
        @lang('marketplace::app.seller.rma.view.title', ['id' => $rma->id])
    </x-slot:title>

    <!-- Breadcrumbs -->
    @if ((core()->getConfigData('general.general.breadcrumbs.shop')))
        @section('breadcrumbs')
            <x-marketplace::seller.breadcrumbs name="rma_requests_view" />
        @endSection
    @endif

    <div class="flex items-center justify-between gap-4 max-sm:flex-wrap">
        <h2 class="text-2xl font-medium">
            @lang('marketplace::app.seller.rma.view.title', ['id' => $rma->id])
        </h2>

        <a
            href="{{route('seller.rma.index')}}"
            class="secondary-button flex items-center gap-x-2.5 px-5 py-3 font-normal"
        >
            @lang('marketplace::app.seller.rma.view.back-btn')
        </a>
    </div>

    <!-- Full Panel -->
    <div class="mt-8 flex gap-8 max-xl:flex-wrap">
        <!-- Left Panel -->
        <div class="flex flex-col gap-8 flex-1 max-xl:flex-auto">
            <!-- General Information -->
            <div class="rounded-xl border bg-white p-5">
                <p class="mb-4 text-base font-semibold text-gray-800">
                    @lang('marketplace::app.seller.rma.view.general')
                </p>

                <div class="flex flex-col gap-4">
                    <div class="flex flex-col">
                        <div class="text-sm font-semibold text-gray-600">
                            @lang('marketplace::app.seller.rma.view.date')
                        </div>

                        <div class="text-sm text-gray-600">
                            {{ $rma->created_at->format('F j, Y, h:i:s A') }}
                        </div>
                    </div>

                    @if ($rma->package_condition)
                        <div class="flex flex-col">
                            <div class="text-sm font-semibold text-gray-600">
                                @lang('marketplace::app.seller.rma.view.package-condition')
                            </div>

                            <div class="text-sm text-gray-600">
                                {{ $rma->package_condition }}
                            </div>
                        </div>
                    @endif

                    @foreach ($rma->additional_fields as $additionalField)
                        <div class="flex flex-col">
                            <div class="text-sm font-semibold text-gray-600">
                                {{ $additionalField->field_name }}
                            </div>

                            <div class="text-sm text-gray-600">
                                {{ $additionalField->field_value }}
                            </div>
                        </div>
                    @endforeach

                    <div class="flex flex-col">
                        <div class="text-sm font-semibold text-gray-600">
                            @lang('marketplace::app.seller.rma.view.additional-info')
                        </div>

                        <div class="text-sm text-gray-600">
                            {{ $rma->information }}
                        </div>
                    </div>

                    <div class="flex flex-col">
                        <div class="text-sm font-semibold text-gray-600">
                            @lang('marketplace::app.seller.rma.view.images')
                        </div>

                        <div class="mt-2 flex flex-wrap gap-2">
                            @foreach($rma->images as $image)
                                <img
                                    class="w-24 max-w-20 h-20 max-h-20 rounded-md"
                                    src="{{ Storage::url($image->path) }}"
                                />
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <!-- Item Information -->
            <div class="rounded-xl border bg-white p-5">
                <p class="mb-4 text-base font-semibold text-gray-800">
                    @lang('marketplace::app.seller.rma.view.items')
                </p>

                <div class="grid">
                    @foreach ($rmaItems as $rmaItem)
                        <div class="flex justify-between gap-2.5 border-b border-slate-300 py-2 last:border-0">
                            <div class="flex gap-2.5">
                                @if ($rmaItem?->product?->base_image_url)
                                    <img
                                        class="relative h-[60px] max-h-[60px] w-full max-w-[60px] rounded"
                                        src="{{$rmaItem?->product->base_image_url }}"
                                    >
                                @else
                                    <div class="relative h-[60px] max-h-[60px] w-full max-w-[60px] rounded border border-dashed border-gray-300">
                                        <img src="{{ bagisto_asset('images/product-placeholders/front.svg', 'marketplace') }}">

                                        <p class="absolute bottom-1.5 w-full text-center text-[6px] font-semibold text-gray-400">
                                            @lang('marketplace::app.seller.rma.view.product-images')
                                        </p>
                                    </div>
                                @endif

                                <div class="grid place-content-start gap-1.5">
                                    <p class="break-all text-base font-semibold text-gray-800">
                                        {{ $rmaItem->order_item?->name }}
                                    </p>

                                    <p class="text-gray-600">
                                        @lang('marketplace::app.seller.rma.view.price', ['price' => core()->formatBasePrice($rmaItem->order_item?->price)]):
                                    </p>

                                    <p class="text-gray-600">
                                        @lang('marketplace::app.seller.rma.view.rma-qty', ['qty' => $rmaItem->quantity])
                                    </p>

                                    <p class="text-gray-600">
                                        @lang('marketplace::app.seller.rma.view.order-qty', ['qty' => $rmaItem->order_item->qty_ordered])
                                    </p>

                                    <p class="text-gray-600">
                                        @lang('marketplace::app.seller.rma.view.resolution-type', ['type' => $rmaItem->resolution])
                                    </p>

                                    <p class="text-gray-600">
                                        @lang('marketplace::app.seller.rma.view.reason', ['reason' => $rmaItem->reason->title])
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            @include('marketplace::seller.rma.view.conversation')
        </div>

        <!-- Right Panel -->
        <div class="flex flex-col gap-8 w-[360px] max-w-full max-sm:w-full">
            <div class="rounded-xl border bg-white p-5">
                <p class="mb-4 text-base font-semibold text-gray-800">
                    @lang('marketplace::app.seller.rma.view.status')
                </p>

                <div class="flex w-full justify-start gap-5">
                    <div class="flex flex-col gap-2.5">
                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.rma-status')
                        </p>

                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.order-status')
                        </p>

                        @if ($rma->rma_status == 'Declined')
                            <p class="text-gray-600">
                                @lang('marketplace::app.seller.rma.view.close-rma')
                            </p>
                        @endif

                        @if ($rma->rma_status == 'Item Canceled')
                            <p class="text-gray-600">
                                @lang('marketplace::app.seller.rma.view.close-rma')
                            </p>
                        @endif
                    </div>

                    <div class="flex flex-col gap-2.5">
                        <!-- RMA Status -->
                        <p class="text-gray-600">
                            <span>
                                @if (strtolower($rma->rma_status) == 'Solved')
                                    <span class="label-active py-1">
                                        @lang('marketplace::app.seller.rma.view.solved')
                                    </span>
                                @elseif (
                                    strtolower($rma->rma_status) == 'canceled'
                                    && strtolower($rma->rma_status) == 'closed'
                                )
                                    <span
                                        class="label-{{strtolower($rma->rma_status)}} py-1 text-xs">
                                        @lang('marketplace::app.seller.rma.view.item-canceled')
                                    </span>
                                @else
                                    <span
                                        class="label-active py-1 text-xs"
                                        style="background: {{ $rmaStatusColor }}"
                                    >
                                        {{ $rma->rma_status }}
                                    </span>
                                @endif
                            </span>
                        </p>

                        <!-- RMA Order Status -->
                        <p class="text-gray-600">
                            <span
                                @if ($rma->order_status == '1')
                                    class="label-active py-1"
                                @elseif (
                                    strtolower($rma->order_status) == 'canceled'
                                    || strtolower($rma->order_status) == 'closed'
                                )
                                    class="label-{{strtolower($rma->order_status)}} py-1"
                                @else
                                    class="label-info py-1"
                                @endif
                            >
                                @if ($rma->order_status == '1')
                                    @lang('marketplace::app.seller.rma.view.delivered')
                                @elseif (
                                    strtolower($rma->order_status) == 'canceled'
                                    || strtolower($rma->order_status) == 'closed'
                                )
                                    @lang('marketplace::app.seller.rma.view.'. strtolower($rma->order_status))
                                @else
                                    @lang('marketplace::app.seller.rma.view.undelivered')
                                @endif
                            </span>
                        </p>

                        @if ($rma->rma_status == 'Declined')
                            <p class="text-gray-600">
                                @lang('marketplace::app.seller.rma.view.declined')
                            </p>
                        @endif

                        @if ($rma->rma_status == 'Item Canceled')
                            <p class="text-gray-600">
                                @lang('marketplace::app.seller.rma.view.solved')
                            </p>
                        @endif
                    </div>
                </div>
            </div>

            @if (
                $rma->rma_status != 'Solved'
                && $rma->status != 1
                && ! in_array($rma->order->status, ['canceled', 'closed'])
            )
                @if ($rma->rma_status == 'Item Canceled')
                    @php($flag = 0)
                @elseif ($rma->rma_status == 'Received Package')
                    @php($flag = 0)
                @elseif ($rma->rma_status == 'Declined')
                    @php($flag = 0)
                @elseif ($rma->rma_status == 'Canceled')
                    @php($flag = 0)
                @elseif (
                    $rma->status == 1
                    && $rma->resolution == 'Replace'
                )
                    @php($flag = 0)
                @elseif (
                    $rma->resolution == 'Return'
                    && $rma->status == 1
                )
                    @php($flag = 0)
                @else
                    @php($flag = 1)
                @endif

                @if (
                    ! empty($flag)
                    && $flag == 1
                    && $rma->status == 0
                    && $rma->order->status != 'closed'
                )
                    <div class="rounded-xl border bg-white p-5">
                        <p class="mb-4 text-base font-semibold text-gray-800">
                            @lang('marketplace::app.seller.rma.view.update-status')
                        </p>

                        <x-marketplace::seller.form :action="route('seller.rma.save_status')">
                            <input
                                type="hidden"
                                name="rma_id"
                                value="{{ $rma->id }}"
                            >

                            <x-marketplace::seller.form.control-group>
                                <x-marketplace::seller.form.control-group.control
                                    type="select"
                                    name="rma_status"
                                    rules="required"
                                    :label="trans('marketplace::app.seller.rma.view.rma-status')"
                                    value="{{ $rma->rma_status }}"
                                    ref="rmaStatus"
                                >
                                    @foreach ($allowedStatus as $status)
                                        <option
                                            value="{{ $status }}"
                                            {{ $rma->rma_status == $status ? 'selected' : '' }}
                                        >
                                            {{ $status }}
                                        </option>
                                    @endforeach
                                </x-marketplace::seller.form.control-group.control>

                                <x-marketplace::seller.form.control-group.error control-name="rma_status" />
                            </x-marketplace::seller.form.control-group>

                            <x-marketplace::seller.form.control-group
                                v-if="
                                    $refs.rmaStatus?.value == 'Received Package'
                                    || (
                                        Number({{$rma->order->invoices->count()}}) > 0
                                        && $refs.rmaStatus?.value == 'Item Canceled'
                                    )
                                "
                                class="mb-2 w-full"
                            >
                                <x-marketplace::seller.form.control-group.label class="required">
                                    @lang('marketplace::app.seller.rma.view.refund-shipping')
                                </x-marketplace::seller.form.control-group.label>

                                <x-marketplace::seller.form.control-group.control
                                    type="text"
                                    name="shipping"
                                    :rules="'required|min_value:0|max_value:' . $rma->order->base_shipping_invoiced - $rma ->order->base_shipping_refunded"
                                    :label="trans('marketplace::app.seller.rma.view.refund-shipping')"
                                    id="shipping"
                                />

                                <x-marketplace::seller.form.control-group.error control-name="shipping" />
                            </x-marketplace::seller.form.control-group>

                            <button
                                type="submit"
                                class="primary-button"
                            >
                                @lang('marketplace::app.seller.rma.view.save-btn')
                            </button>
                        </x-marketplace::seller.form>
                    </div>
                @endif
            @endif

            <!-- Re open RMA -->
            @if (
                (bool) core()->getConfigData('marketplace.rma.setting.allow_after_decline')
                && $rma->rma_status == 'Declined'
            )
                <div class="rounded-xl border bg-white p-5">
                    <p class="mb-4 text-base font-semibold text-gray-800">
                        @lang('marketplace::app.seller.rma.view.reopen-rma')
                    </p>

                    <x-shop::form :action="route('seller.rma.reopen_status')">
                        <div class="w-full gap-4">
                            <input
                                type="hidden"
                                name="rma_id"
                                value="{{ $rma->id }}"
                            >

                            <x-marketplace::seller.form.control-group class="flex gap-2.5 items-center !mb-2">
                                <x-marketplace::seller.form.control-group.control
                                    type="checkbox"
                                    id="reopen_rma"
                                    name="reopen_rma"
                                    value="1"
                                    for="reopen_rma"
                                    rules="required"
                                />

                                <label
                                    class="text-sm text-gray-600 font-medium cursor-pointer"
                                    for="reopen_rma"
                                >
                                    @lang('marketplace::app.seller.rma.view.reopen')
                                </label>
                            </x-marketplace::seller.form.control-group>

                            <button
                                type="submit"
                                class="primary-button"
                            >
                                @lang('marketplace::app.seller.rma.view.save-btn')
                            </button>
                        </div>
                    </x-shop::form>
                </div>
            @endif

            <!-- Order Information -->
            <div class="rounded-xl border bg-white p-5">
                <p class="mb-4 text-base font-semibold text-gray-800">
                    @lang('marketplace::app.seller.rma.view.order-details')
                </p>

                <div class="flex w-full justify-start gap-5">
                    <div class="flex flex-col gap-y-1.5">
                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.order-id')
                        </p>

                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.order-total')
                        </p>

                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.order-date')
                        </p>

                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.payment-method')
                        </p>
                    </div>

                    <div class="flex flex-col gap-y-1.5">
                        <p class="text-gray-600">
                            <a
                                href="{{ route('seller.orders.view', $rma->order_id) }}"
                                target="_blank"
                                class="cursor-pointer text-blue-600 transition-all hover:underline"
                            >
                                {{ '#'. $rma->order_id }}
                            </a>
                        </p>

                        <p class="text-gray-600">
                            {{ core()->formatBasePrice($rma->order->base_grand_total) }}
                        </p>

                        <p class="text-gray-600">
                            {{ $rma->order->created_at->format('F j, Y, h:i:s A') }}
                        </p>

                        <p class="text-gray-600">
                            {{ $rma->order->payment?->method_title }}
                        </p>
                    </div>
                </div>
            </div>

            <!-- Customer Information -->
            <div class="rounded-xl border bg-white p-5">
                <p class="mb-4 text-base font-semibold text-gray-800">
                    @lang('marketplace::app.seller.rma.view.customer-details')
                </p>

                <div class="flex w-full justify-start gap-5">
                    <div class="flex flex-col gap-y-1.5">
                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.customer')
                        </p>

                        <p class="text-gray-600">
                            @lang('marketplace::app.seller.rma.view.email')
                        </p>
                    </div>

                    <div class="flex flex-col gap-y-1.5">
                        <!-- customer id -->
                        <p class="text-gray-600">
                            {{ $rma->order->customer_first_name }} {{ $rma->order->customer_last_name }}
                            
                            @if (empty($rma->order->customer_id))
                                (@lang('marketplace::app.seller.rma.view.guest'))
                            @endif
                        </p>

                        <!-- Customer Email -->
                        <p class="text-gray-600">
                            {{ $rma->order->customer_email }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</x-marketplace::seller.layouts>