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

@section('content')

    <main class="main">
        <div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">
            <div class="container">
                <div class="col-12  text-center position-relative page-title-extra-large"
                    style="padding-top:40px; padding-bottom: 40px;">
                    <h1 class="alt-font fw-600 text-dark-gray mb-10px">My Orders</h1>
                </div>
            </div><!-- End .container -->
        </div><!-- End .page-header -->


        <div class="page-content">
            <div class="dashboard">
                <div class="container">
                    <div class="row">

                        @include('frontend.layouts.sidebar')

                        <div class="col-md-8 mx-auto">
                            <div class="orders-container">
                                @if ($orders->isNotEmpty())
                                    <div class="orders-header">
                                        My Orders ({{ $orders->count() }})
                                    </div>

                                    <div class="row">
                                        @foreach ($orders as $order)
                                            {{-- @dd($order) --}}
                                            <div class="col-md-6 mb-3">
                                                <div class="order-card">
                                                    <div class="order-header">
                                                        <div class="order-id">Order ID: {{ $order->cart_id }}</div>

                                                        @if ($order->shipment?->status == 'success')
                                                            <a
                                                                href=" {{ route('customer.orders.tracking', $order->order_id) }} ">
                                                                <div class="btn btn-success">Track</div>
                                                            </a>
                                                        @endif


                                                        @if ($order->order_status == 'Completed')
                                                            <a
                                                                href=" {{ route('user.generate_invoice', $order->order_id) }} ">
                                                                <div class="payment-method">Reciept</div>
                                                            </a>
                                                        @endif

                                                        <div class="payment-method">{{ $order->payment_method }}</div>
                                                    </div>
                                                    <!-- Add Delivery Address Section -->
                                                    <div class="delivery-address-section">
                                                        <h6 class="address-title">Delivery Address:</h6>
                                                        <div class="address-details">
                                                            @if ($order->address)
                                                                <p class="address-name">{{ $order->address->name ?? '' }}
                                                                </p>
                                                                <p class="address-line">
                                                                    {{ $order->address->address_line1 ?? '' }}
                                                                    @if ($order->address->address_line2)
                                                                        , {{ $order->address->address_line2 }}
                                                                    @endif
                                                                </p>
                                                                <p class="address-city">
                                                                    {{ $order->address->city ?? '' }},
                                                                    {{ $order->address->state ?? '' }}
                                                                    {{ $order->address->pincode ?? '' }}
                                                                </p>
                                                                @if ($order->address->phone)
                                                                    <p class="address-phone">Phone:
                                                                        {{ $order->address->phone }}</p>
                                                                @endif
                                                            @else
                                                                <p class="text-muted">No address available</p>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <div class="order-content">
                                                        @if ($order->orderItems->isNotEmpty())
                                                            @php $total = 0; @endphp
                                                            @foreach ($order->orderItems as $item)
                                                                {{-- @dd($item->variation->product->slug) --}}
                                                                <div class="product-row">
                                                                    <a
                                                                        href="{{ route('single.product.view', $item->variation->product->slug) }}">
                                                                        <img src="{{ asset('storage/' . $item->varient_image) }}"
                                                                            alt="{{ $item->product_name }}"
                                                                            class="product-image-my-order">
                                                                        <div class="product-details">
                                                                            <div class="product-name">
                                                                                {{ $item->product_name }}
                                                                            </div>
                                                                    </a>
                                                                    <div class="price-info">
                                                                        @php
                                                                            // dd($item->variation->product->tax->value );
                                                                            $mrp = $item->variation->mrp;
                                                                            $price = $item->variation->price;
                                                                            if ($item->variation->product->tax) {
                                                                                $taxPrice =
                                                                                    $price *
                                                                                    ($item->variation->product->tax
                                                                                        ->value /
                                                                                        100);
                                                                                $priceWithoutTax = $price - $taxPrice;
                                                                            }

                                                                            $percentOff =
                                                                                $mrp > 0 && $price > 0 && $mrp != $price
                                                                                    ? round(
                                                                                        (($mrp - $price) / $mrp) * 100,
                                                                                    )
                                                                                    : 0;
                                                                        @endphp

                                                                        @if ($percentOff > 0)
                                                                            <span
                                                                                class="color-span_price">{{ $percentOff }}%
                                                                                off</span>
                                                                            <span class="price-mrp">MRP
                                                                                <del>₹{{ $mrp }}</del></span>
                                                                        @endif
                                                                        <br>
                                                                        @if ($item->variation->product->tax)
                                                                            <span
                                                                                class="price-regular">{{ $priceWithoutTax }}
                                                                                + {{ $taxPrice }} <span
                                                                                    class="tax-name">{{ $item->variation->product->tax->value }}
                                                                                    %
                                                                                    {{ $item->variation->product->tax->name }}</span>
                                                                                = ₹{{ $price }}</span>
                                                                        @else
                                                                            <span
                                                                                class="price-regular">₹{{ $price }}</span>
                                                                        @endif
                                                                    </div>

                                                                    @if ($item->variation->variation_attributes->isNotEmpty())
                                                                        <div class="variation-attributes">
                                                                            {{ $item->variation->variation_attributes->map(function ($attribute) {
                                                                                    return $attribute->attribute->attribute->name . ': ' . $attribute->attribute->name;
                                                                                })->implode(', ') }}
                                                                        </div>
                                                                    @endif

                                                                    <div class="quantity">Qty: {{ $item->quantity }}
                                                                    </div>
                                                                </div>
                                                    </div>
                                                    @php
                                                        $total += $item->variation->price * $item->quantity;
                                                    @endphp
                                        @endforeach
                                @endif


                            </div>

                            @if ($order->orderItems->isNotEmpty())
                                <div class="order-totals">
                                    <div class="status-section">
                                        <div class="status {{ strtolower($order->order_status) }}">
                                            Status: {{ $order->order_status }}</div>

                                        <div class="expected-delivery">Order Date:
                                            {{ $order->order_date }}</div>
                                    </div>


                                    <div class="status-section">
                                        <div class="status {{ strtolower($order->order_status) }}">
                                            Payment Status: {{ $order->payment_status }}</div>

                                        <div class="expected-delivery">Order Date:
                                            {{ $order->order_date }}</div>
                                    </div>
                                    <h6>Sub Total: ₹{{ $total }}</h6>
                                    <h6>Applied Coupon: -₹{{ $order->coupon_discount }}
                                        @if ($order->coupon)
                                            ({{ $order->coupon->coupon_name ?? '' }})
                                        @endif
                                    </h6>
                                    <div class="total_price">Total: ₹{{ $order->total_price }}
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                    @endforeach
                </div>

                {{ $orders->links() }}


                {{-- <button class="view-more-btn">View More</button> --}}
            @else
                <div class="no-orders">
                    <h1>No Orders Found</h1>
                    <p>You haven't placed any orders yet. Start shopping to see your orders here!</p>
                </div>
                @endif
            </div>
        </div>
        </div><!-- End .row -->
        </div><!-- End .container -->
        </div><!-- End .dashboard -->
        </div><!-- End .page-content -->
    </main><!-- End .main -->

    @push('scripts')
        <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
        {!! JsValidator::formRequest('App\Http\Requests\Frontend\Profile\ProfileUpdateRequest', '#profile-update-form') !!}
    @endpush

@endsection