@extends('frontend.layouts.app', ['title' => 'Order Details'])

@section('content')
    <div class="container">
        <div class="order-placed order-placed_container">
            <div class="text-center">
                <img src="{{ asset('images/banner/order_status.png') }}" alt="" style="height: 140px;">
                <h4 class="">Your Order Has Been Placed Successfully</h4>

                <div class="order_status_details">
                    <span class="order-subtext order-status">
                        Your Order is: <strong class="text-uppercase">{{ $order->order_status }}</strong>
                    </span>

                    <span class="order-subtext order-status">
                        Order Date: <strong>{{ $order->order_date }}</strong>
                    </span>

                    <strong>Payment Method: {{ $order->payment_method == 'COD' ? 'Cash On Delivery' : 'Online' }}</strong>
                </div>
            </div>

            <div class="dashboard-right mt-4">
                <div class="row">
                    <!-- Shipping Address -->
                    <div class="col-md-5">
                        <label class="order_detail_title">Shipping Address</label>
                        <div class="order-subtext order_address">
                            {{ $order->address->house_no }} {{ $order->address->society }}
                            {{ $order->address->city }} {{ $order->address->state }}
                            {{ $order->address->pincode }}
                        </div>
                    </div>

                    <!-- Order Summary -->
                    <div class="col-md-7">
                        <div class="d-flex justify-content-between">
                            <label class="order_detail_title success_order_title_mobile">Order Summary</label>
                        </div>

                        <div class="pdpt-bg order_summary_text">
                            <div class="order-body10">
                                @if ($order->orderItems->isNotEmpty())
                                    @php $total = 0; @endphp

                                    @foreach ($order->orderItems as $item)
                                        <a href="{{ route('single.product.view',$item->variation->product->slug) }}"><div class="success_order_list_container">
                                            <div class="order-dtsll row">
                                                <div class="col-md-2">
                                                    <div class="order-dt-img">
                                                        <img src="{{ asset('storage/' . $item->varient_image) }}"
                                                            alt="">
                                                    </div>
                                                </div>

                                                <div class="col-md-10">
                                                    <div class="order-dt47">
                                                        <h4>{{ $item->product_name }}</h4>

                                                        <!-- Variation Price and Attributes -->
                                                        <div class="row">

                                                            <div class="price-div-checkout">
                                                                @php
                                                                    $mrp = $item->variation->mrp;
                                                                    $price = $item->variation->price;
                                                                    $percentOff =
                                                                        $mrp > 0 && $price > 0
                                                                            ? round((($mrp - $price) / $mrp) * 100)
                                                                            : 0;
                                                                @endphp

                                                                <span class="color-span"
                                                                    id="percentage-span">{{ $percentOff }}%
                                                                    off</span>
                                                                <span class="price-mrp"
                                                                    id="product-price-mrp">MRP<del>₹{{ $mrp }}</del></span>
                                                                <span class="price-regular"
                                                                    id="product-price-checkout">₹{{ $price }}</span>
                                                            </div>

                                                            @if ($item->variation->variation_attributes->isNotEmpty())
                                                                @php
                                                                    $attributes = $item->variation->variation_attributes
                                                                        ->map(function ($attribute) {
                                                                            return $attribute->attribute->attribute
                                                                                ->name .
                                                                                ':' .
                                                                                $attribute->attribute->name;
                                                                        })
                                                                        ->implode(', ');
                                                                @endphp

                                                                <span class="color-span">{{ $attributes }}</span>
                                                            @endif
                                                        </div>

                                                        <div class="order-title color-span mt-2">
                                                            <strong>{{ $item->quantity }} Items:</strong>
                                                            Total: ₹{{ $item->variation->price * $item->quantity }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        </a>
                                        @php
                                            $total += $item->variation->price * $item->quantity;
                                        @endphp
                                    @endforeach
                                @endif

                                <!-- Order Total and ID -->


                            </div>
                        </div>
                        <div class="total-dt order_summary_text mt-3">
                            <div class="main-total-cart">
                                <span>Order Id:</span>
                                <span class="order-subtext">{{ $order->cart_id }}</span>
                            </div>
                            <div class="main-total-cart">
                                <span class="order-subtext">Total</span>
                                <span class="order-subtext color-span">₹{{ $total }}</span>
                            </div>
                        </div>
                    </div> <!-- End col-md-7 -->
                </div> <!-- End row -->
            </div> <!-- End dashboard-right -->
        </div> <!-- End order-placed -->
    </div> <!-- End container -->
@endsection