{{-- @dd($order_transaction); --}}
{{-- @dd($order_transaction); --}}
@php
    use App\Models\Product;
    use App\Models\ComboProduct;
    use App\Services\TranslationService;
    use App\Services\MediaService;
@endphp
<div id="page-content">
    {{-- <x-utility.breadcrumbs.breadcrumbTwo /> --}}
    <div class="template-product">
        <div class="page-header text-center">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                        <!--Breadcrumbs-->
                        <div class="breadcrumbs"><a wire:navigate href="{{ customUrl('/') }}"
                                title="Back to the home page">{{ labels('front_messages.home', 'Home') }}</a><span
                                class="main-title fw-bold"><ion-icon class="align-text-top icon"
                                    name="chevron-forward-outline"></ion-icon>{!! $bread_crumb['page_main_bread_crumb'] ?? '' !!}</span>
                            <span class="main-title fw-bold">
                                {{ labels('front_messages.orders', 'Orders') }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid h-100">
        <div class="orders-card mt-0 h-100">
            <div class="top-sec d-flex-justify-center justify-content-between mb-4">
                <h2 class="mb-0">{{ labels('front_messages.orders_details', 'Orders Details') }}</h2>
                <a href="{{ route('front_end.orders.generatInvoicePDF', ['id' => $user_orders['order_data'][0]->id, 'user_id' => $user_orders['order_data'][0]->user_id]) }}"
                    class="btn btn-primary btn-sm instructions_files">
                    <i class='bx bx-download me-1'></i>{{ labels('admin_labels.invoice', 'Invoice') }}
                </a>

            </div>
            <div class="row mt-2">
                <div class="col-sm-12">
                    <h3>{{ labels('front_messages.order_id', 'order ID') }}: #{{ $user_orders['order_data'][0]->id }}
                    </h3>
                    @php
                        use App\Models\Currency;
                        $currency_code = $user_orders['order_data'][0]->order_payment_currency_code;
                        $currency_details = fetchDetails(Currency::class, [
                            'code' => $currency_code,
                        ]);
                        $currency_symbol =
                            isset($currency_details) && !empty($currency_details) ? $currency_details[0]->symbol : '';
                        // dd($currency_symbol);
                    @endphp
                    @foreach ($order_transaction as $user_order)
                        @foreach ($user_order['order_items'] as $user_order_item)
                            {{-- @dd($user_order_item['quantity']); --}}
                            <div class="row mt-3">
                                <div class="col-lg-2 col-md-3 col-sm-4">
                                    <div class="product-img mb-3 mb-sm-0 order-image-box">
                                        @php
                                            // @dd($user_order_item);
                                            $order_image = app(MediaService::class)->dynamic_image(
                                                $user_order_item['image_sm'],
                                                230,
                                            );
                                            $language_code = app(TranslationService::class)->getLanguageCode();
                                            $product_name = '';

                                            if ($user_order['order_items'][0]['order_type'] == 'regular_order') {
                                                $product_name = app(TranslationService::class)->getDynamicTranslation(
                                                    Product::class,
                                                    'name',
                                                    $user_order_item['product_id'],
                                                    $language_code,
                                                );
                                            } else {
                                                $product_name = app(TranslationService::class)->getDynamicTranslation(
                                                    ComboProduct::class,
                                                    'title',
                                                    $user_order_item['product_id'],
                                                    $language_code,
                                                );
                                            }

                                        @endphp
                                        <a wire:navigate
                                            href="{{ customUrl($user_order['order_items'][0]['order_type'] == 'regular_order' ? 'products/' . $user_order['order_items'][0]['slug'] : 'combo-products/' . $user_order['order_items'][0]['slug']) }}"
                                            class="all-product-img product-img rounded-3 slider-link"
                                            data-link="{{ customUrl($user_order['order_items'][0]['order_type'] == 'regular_order' ? 'products/' . $user_order['order_items'][0]['slug'] : 'combo-products/' . $user_order['order_items'][0]['slug']) }}">
                                            <img class="rounded-0 blur-up lazyload" data-src="{{ $order_image }}"
                                                src="{{ $order_image }}" alt="{{ $product_name }}"
                                                title="{{ $product_name }}">
                                        </a>

                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-9 col-sm-8">
                                    <div class="tracking-detail d-flex-center">
                                        <ul>
                                            <li>
                                                <div class="left">
                                                    <span>{{ labels('front_messages.product_name', 'Product name') }}</span>
                                                </div>
                                                <div class="right">
                                                    <a wire:navigate
                                                        href="{{ customUrl($user_order['order_items'][0]['order_type'] == 'regular_order' ? 'products/' . $user_order['order_items'][0]['slug'] : 'combo-products/' . $user_order['order_items'][0]['slug']) }}"
                                                        class="all-product-img product-img rounded-3 slider-link"
                                                        data-link="{{ customUrl($user_order['order_items'][0]['order_type'] == 'regular_order' ? 'products/' . $user_order['order_items'][0]['slug'] : 'combo-products/' . $user_order['order_items'][0]['slug']) }}">
                                                        <span>{{ $product_name . ($user_order_item['variant_name'] ? ' - ' . $user_order_item['variant_name'] : '') }}</span>
                                                    </a>
                                                </div>
                                            </li>
                                            {{-- Quantity --}}
                                            <li>
                                                <div class="left">
                                                    <span>{{ labels('front_messages.quantity', 'Quantity') }}</span>
                                                </div>
                                                <div class="right">
                                                    <span>{{ $user_order_item['quantity'] ?? '-' }}</span>
                                                </div>
                                            </li>
                                            @if ($user_order_item['is_cancelable'] == 1)
                                                <li>
                                                    <div class="left">
                                                        <span>{{ labels('front_messages.cancelable_till', 'Cancelable Till') }}</span>
                                                    </div>
                                                    <div class="right">
                                                        <span>{{ $user_order_item['cancelable_till'] }}</span>
                                                    </div>
                                                </li>
                                            @endif

                                            <li>
                                                <div class="left">
                                                    <span>{{ labels('front_messages.total_price', 'Total Price') }}</span>
                                                </div>
                                                <div class="right">
                                                    <span>
                                                        {{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order_item['price'] * $currency_details[0]->exchange_rate, 2) : '' }}
                                                    </span>
                                                </div>
                                            </li>

                                            <li>
                                                <div class="left">
                                                    <span>{{ labels('front_messages.final_total', 'Final Total') }}</span>
                                                </div>
                                                <div class="right">
                                                    <b class="text-black">
                                                        {{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order_item['sub_total'] * $currency_details[0]->exchange_rate, 2) : '' }}
                                                    </b>
                                                </div>
                                            </li>
                                            {{-- OTP --}}
                                            <li>
                                                <div class="left">
                                                    <span>{{ labels('front_messages.otp', 'OTP') }}</span>
                                                </div>
                                                <div class="right">
                                                    <span>{{ $user_order_item['otp'] ?? '-' }}</span>
                                                </div>
                                            </li>

                                        </ul>
                                    </div>

                                    @php
                                        $status = [
                                            'awaiting',
                                            'received',
                                            'processed',
                                            'shipped',
                                            'delivered',
                                            'cancelled',
                                            'return_request_pending',
                                            'return_request_decline',
                                            'returned',
                                        ];
                                        $cancelable_till = $user_order_item['cancelable_till'];
                                        $active_status = $user_order_item['active_status'];
                                        $cancellable_index = array_search($cancelable_till, $status);
                                        $active_index = array_search($active_status, $status);
                                    @endphp
                                    @php
                                        $max_days_to_return_item = $system_settings['max_days_to_return_item'] ?? 0;

                                        $deliveredTime = '';
                                        $is_return_time_is_over = false;

                                        if ($user_order_item['active_status'] == 'delivered') {
                                            // foreach ($user_order_item['status'] as $status) {

                                            //}
                                            if (
                                                (isset($user_order_item['status'][3][0]) &&
                                                    $user_order_item['status'][3][0] == 'delivered') ||
                                                (isset($user_order_item['status'][4][0]) &&
                                                    $user_order_item['status'][4][0] == 'delivered')
                                            ) {
                                                $deliveredTime = isset($user_order_item['status'][3][1])
                                                    ? $user_order_item['status'][3][1]
                                                    : $user_order_item['status'][4][1] ?? null;
                                            }

                                            // dd($user_order_item['status'][3][0] == 'delivered');
                                            $deliveredDateTime = DateTime::createFromFormat(
                                                'd-m-Y h:i:sa',
                                                $deliveredTime,
                                            );
                                            // dd($deliveredDateTime);
                                            $returnDeadline = $deliveredDateTime->modify(
                                                '+' . $max_days_to_return_item . ' days',
                                            );
                                            $currentDateTime = new DateTime();
                                            if ($currentDateTime < $returnDeadline) {
                                                $is_return_time_is_over = true;
                                            }
                                        }
                                    @endphp
                                    <div class="d-flex">
                                        {{-- @dd($user_order_item); --}}
                                        @if (
                                            $user_order_item['is_already_cancelled'] == 0 &&
                                                $user_order_item['is_cancelable'] == 1 &&
                                                $cancellable_index >= $active_index)
                                            <button class="btn btn-primary btn-sm update_order_item_status"
                                                data-status="cancelled"
                                                data-item-id="{{ $user_order_item['id'] }}">{{ labels('front_messages.cancle', 'Cancle') }}</button>
                                        @endif

                                        @if (
                                            $user_order_item['is_returnable'] == 1 &&
                                                $user_order_item['return_request_submitted'] != 1 &&
                                                $user_order_item['active_status'] == 'delivered' &&
                                                $is_return_time_is_over == true)
                                            <button class="btn btn-primary btn-sm update_order_item_status"
                                                data-status="returned"
                                                data-item-id="{{ $user_order_item['id'] }}">{{ labels('front_messages.return', 'Return') }}</button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <!-- End Status Order -->

                            <!-- start bank transfer file upload -->
                            @if ($user_orders['order_data'][0]->payment_method == 'Bank Transfer')
                                <div class="row">
                                    <form action="{{ Route('orders.send-bank-receipt') }}" id="send_bank_receipt_form"
                                        method="POST" enctype="multipart/form-data">

                                        <input type="hidden" name="order_id"
                                            value="{{ $user_orders['order_data'][0]->id }}">
                                        <div class="form-group">
                                            <label for="receipt">
                                                <strong>{{ labels('front_messages.bank_payment_receipt', 'Bank Payment Receipt') }}</strong>
                                            </label>
                                            <input type="file" class="form-control" name="attachments[]"
                                                id="receipt" multiple />
                                        </div>
                                        <div class="form-group">
                                            <button type="reset" class="btn btn-outline-warning btn-xs">
                                                {{ labels('front_messages.reset', 'Reset') }}
                                            </button>
                                            <button type="submit" class="btn btn-outline-blue btn-xs" id="submit_btn">
                                                {{ labels('front_messages.send', 'Send') }}
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            @endif
                            {{-- @dd($bank_transfer); --}}
                            <div class="row">
                                @if (isset($bank_transfer[0]) && !empty($bank_transfer))
                                    <div class="align-items-baseline col-md-6 d-flex gap-2 justify:spaceEvenly">
                                        @php $i = 1; @endphp
                                        @foreach ($bank_transfer as $row1)
                                            <small>
                                                [<a href="{{ customUrl('/storage/' . $row1['attachments']) }}"
                                                    target="_blank">
                                                    {{ labels('front_messages.attachment', 'Attachment') }}
                                                    {{ $i }}
                                                </a>]
                                            </small>
                                            @php $i++; @endphp
                                        @endforeach

                                        @php $status = $bank_transfer[0]['status']; @endphp
                                        @if ($status == 0)
                                            <label class="badge bg-warning">
                                                {{ labels('front_messages.pending', 'Pending') }}
                                            </label>
                                        @elseif ($status == 1)
                                            <label class="badge bg-danger">
                                                {{ labels('front_messages.rejected', 'Rejected') }}
                                            </label>
                                        @elseif ($status == 2)
                                            <label class="badge bg-primary">
                                                {{ labels('front_messages.accepted', 'Accepted') }}
                                            </label>
                                        @else
                                            <label class="badge bg-danger">
                                                {{ labels('front_messages.invalid_value', 'Invalid Value') }}
                                            </label>
                                        @endif
                                    </div>
                                @endif
                            </div>
                            <!-- end start bank transfer file upload -->

                            <!-- Tracking Steps -->
                            <div class="tracking-steps nav mt-5 mb-4 clearfix justify-content-center">
                                {{-- @dd($user_order_item) --}}
                                @if ($user_order_item['active_status'] == 'cancelled')
                                    @foreach ($user_order_item['status'] as $status)
                                        <div class="step {{ $status[0] == 'cancelled' ? 'current' : '' }}">
                                            <span>{{ $status[0] }}</span>
                                        </div>
                                    @endforeach
                                @elseif (
                                    $user_order_item['is_already_returned'] == 1 ||
                                        $user_order_item['return_request_submitted'] >= 1 ||
                                        $user_order_item['active_status'] == 'return_request_pending')
                                    @foreach ($user_order_item['status'] as $status)
                                        <div
                                            class="step {{ $status[0] == $user_order_item['active_status'] ? 'current' : '' }}">
                                            <span>{{ str_replace('_', ' ', $status[0]) }}</span>
                                        </div>
                                    @endforeach
                                @else
                                    <div
                                        class="step {{ $user_order_item['active_status'] == 'awaiting' ? 'current' : 'hide' }}">
                                        <span>{{ labels('front_messages.awaiting', 'awaiting') }}</span>
                                    </div>
                                    <div
                                        class="step {{ $user_order_item['active_status'] == 'received' ? 'current' : '' }}">
                                        <span>{{ labels('front_messages.received', 'received') }}</span>
                                    </div>
                                    <div
                                        class="step {{ $user_order_item['active_status'] == 'processed' ? 'current' : '' }}">
                                        <span>{{ labels('front_messages.processed', 'processed') }}</span>
                                    </div>
                                    <div
                                        class="step {{ $user_order_item['active_status'] == 'shipped' ? 'current' : '' }}">
                                        <span>{{ labels('front_messages.shipped', 'shipped') }}</span>
                                    </div>
                                    <div
                                        class="step {{ $user_order_item['active_status'] == 'delivered' ? 'current' : '' }}">
                                        <span>{{ labels('front_messages.delivered', 'delivered') }}</span>
                                    </div>
                                @endif
                            </div>
                            <!-- End Tracking Steps -->
                            <!-- Order Table -->
                            <div class="table-bottom-brd table-responsive">
                                <table class="table align-middle text-center order-table">
                                    <thead>
                                        <tr>
                                            <th scope="col">{{ labels('front_messages.status', 'Status') }}</th>
                                            <th scope="col">{{ labels('front_messages.time', 'Time') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($user_order_item['status'] as $status)
                                            @php
                                                $date = \Carbon\Carbon::createFromFormat('d-m-Y h:i:sa', $status[1]);
                                            @endphp
                                            <tr>
                                                <td class="text-capitalize">{{ str_replace('_', ' ', $status[0]) }}
                                                </td>
                                                <td>{{ $date->format('d M Y') }} {{ $date->format('h:i A') }}</td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        @endforeach
                    @endforeach
                    @if ($user_order['type'] != 'digital_product')
                        <div class="mb-2">
                            <div class="top-sec d-flex-justify-center justify-content-between mb-4">
                                <h2 class="mb-0">{{ labels('front_messages.address_details', 'Address Details') }}
                                </h2>
                            </div>
                            <div class="tracking-detail d-flex-center align-items-center mt-2">
                                <ul>
                                    <li>
                                        <div class="left"><span> {{ labels('front_messages.name', 'Name') }} </span>
                                        </div>
                                        <div class="right text-black">
                                            <span
                                                class="text-uppercase"><b>{{ $user_order['order_recipient_person'] }}</b></span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left"><span> {{ labels('front_messages.address', 'Address') }}
                                            </span>
                                        </div>
                                        <div class="right"><span>{{ $user_order['address'] }}</span>
                                        </div>
                                    </li>
                                    @if ($user_order['otp'] != '0' || $user_order['otp'] != null)
                                        <li>
                                            <div class="left"><span> {{ labels('front_messages.otp', 'OTP') }}
                                                </span>
                                            </div>
                                            <div class="right"><span>{{ $user_order['otp'] }}</span>
                                            </div>
                                        </li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                    @endif
                    <div class="my-2">
                        <div class="top-sec d-flex-justify-center justify-content-between mb-4">
                            <h2 class="mb-0">{{ labels('front_messages.price_details', 'Price Details') }}</h2>
                        </div>
                        {{-- @dd($user_order); --}}
                        <div class="tracking-detail d-flex-center align-items-center mt-2">
                            <ul>
                                <li>
                                    <div class="left">
                                        <span>{{ labels('front_messages.payment_mode', 'Payment Mode') }}</span>
                                    </div>
                                    <div class="right">
                                        <span {{-- class="text-uppercase">{{ $user_order['wallet_balance'] == $user_order['final_total'] ? 'Wallet' : ucwords(str_replace('_', ' ', $user_order['payment_method'])) }}</span> --}}
                                            class="text-uppercase">{{ ucwords(str_replace('_', ' ', $user_order['payment_method'])) }}</span>
                                    </div>
                                </li>
                                <li>
                                    <div class="left">
                                        <span>{{ labels('front_messages.total_price', 'total Price') }}</span>
                                    </div>
                                    <div class="right">
                                        <span>{{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order['total'] * $currency_details[0]->exchange_rate, 2) : '' }}</span>
                                    </div>
                                </li>
                                <li class="{{ $user_order['delivery_charge'] == 0 ? 'd-none' : '' }}">
                                    <div class="left">
                                        <span>{{ labels('front_messages.delivary_charge', 'Delivary Charge') }}</span>
                                    </div>
                                    <div class="right">
                                        <span>+{{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order['delivery_charge'] * $currency_details[0]->exchange_rate, 2) : '' }}</span>
                                    </div>
                                </li>
                                <li class="{{ $user_order['promo_discount'] == 0 ? 'd-none' : '' }}">
                                    <div class="left">
                                        <span>{{ labels('front_messages.promo_discount', 'Coupon Discount') }}</span>
                                    </div>
                                    <div class="right">
                                        <span>-{{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order['promo_discount'] * $currency_details[0]->exchange_rate, 2) : '' }}</span>
                                    </div>
                                </li>
                                @if ($user_order['wallet_balance'] != 0.0)
                                    <li>
                                        <div class="left">
                                            <span>{{ labels('front_messages.wallet_balance_used', 'Wallet Balance Used') }}</span>
                                        </div>
                                        <div class="right">
                                            <span>{{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order['wallet_balance'] * $currency_details[0]->exchange_rate, 2) : '' }}</span>
                                        </div>
                                    </li>
                                @endif
                                <li>
                                    <div class="left">
                                        <span>{{ labels('front_messages.final_total', 'Final Total') }}</span>
                                    </div>
                                    <div class="right text-black">
                                        <b>{{ isset($currency_details) && !empty($currency_details) ? $currency_symbol . number_format((float) $user_order['final_total'] * $currency_details[0]->exchange_rate, 2) : '' }}</b>
                                    </div>
                                </li>
                                {{-- <li>
                                    <div class="left">
                                        <span>{{ labels('front_messages.download_invoice', 'Download Invoice') }}</span>
                                    </div>
                                    <div class="right"><a
                                            href="{{ customUrl('/orders/generat_invoice_PDF/' . $user_orders['order_data'][0]->id) }}"
                                            target="_blank"
                                            class="link-primary text-underline">{{ labels('front_messages.downlaod', 'Downlaod') }}</a>
                                    </div>
                                </li> --}}
                            </ul>
                        </div>
                    </div>
                    <!-- End Order Table -->
                    {{-- @dd($tracking_data); --}}
                    @if (!$tracking_data->isEmpty())
                        <div class="mb-2">
                            <div class="top-sec d-flex-justify-center justify-content-between mb-4">
                                <h2 class="mb-0">{{ labels('front_messages.tracking_details', 'Tracking Details') }}
                                </h2>
                            </div>
                            <div class="tracking-detail d-flex-center align-items-center mt-2">
                                <ul>
                                    <li>
                                        <div class="left"><span>
                                                {{ labels('front_messages.courier_agency', 'Courier Agency') }} </span>
                                        </div>
                                        <div class="right text-black">
                                            <span
                                                class="text-uppercase"><b>{{ $tracking_data[0]['courier_agency'] }}</b></span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left"><span>
                                                {{ labels('front_messages.tracking_id', 'Tracking ID') }}
                                            </span>
                                        </div>
                                        <div class="right"><span>{{ $tracking_data[0]['tracking_id'] }}</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="left">
                                            <span>{{ labels('front_messages.url', 'URL') }}</span>
                                        </div>
                                        <div class="right">
                                            <span>
                                                <a href="{{ $tracking_data[0]['url'] }}" target="_blank"
                                                    rel="noopener noreferrer">
                                                    {{ $tracking_data[0]['url'] }}
                                                </a>
                                            </span>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>