@extends('frontend.layouts.app' ,['title' => 'TSG Breeze offers elegant and trendy ladies fashion, featuring stylish outfits, accessories, and timeless essentials for the modern woman'])

@section('content')



<main class="main">
    <div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">
        <div class="container">
            <h1 class="page-title">My Orders<span>Shop</span></h1>
        </div><!-- End .container -->
    </div><!-- End .page-header -->
    
    <nav aria-label="breadcrumb" class="breadcrumb-nav mb-3">
        <div class="container">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li>
                {{-- <li class="breadcrumb-item"><a href="#">Shop</a></li> --}}
                <li class="breadcrumb-item active" aria-current="page">My Address</li>
            </ol>
        </div><!-- End .container -->
    </nav><!-- End .breadcrumb-nav -->

    <div class="page-content">
        <div class="dashboard">
            <div class="container">
                <div class="row">
                
                    @include('frontend.layouts.sidebar')

                    <div class="col-md-8 col-lg-9">
                        <div class="tab-content">
                            
                            <div class="">
                                @if ($orders->isNotEmpty())
                                    @foreach ($orders as $order)
                                      {{-- Shipping Address Row --}}
                                                <div class="row">
                                                    <div class="col-md-10">
                                                        <div class="shipping-address-section">
                                                            <label><strong>Shipping Address</strong></label>
                                                            <div>
                                                                {{-- @dd($order->address) --}}
                                                                {{ $order->address->receiver_name }}, <br>
                                                                {{ $order->address->receiver_email }},  <br>
                                                            {{ $order->address->receiver_phone }}  {{ $order->address->alternate_phone }}, <br>
                                                                {{ $order->address->landmark }},
                                                                {{ $order->address->house_no }}
                                                            {{ $order->address->society }}
                                                            {{ $order->address->city }}
                                                            {{ $order->address->state }},
                                                            {{ $order->address->pincode }}, 
                                                            
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @if ($order->order_status == 'Completed')
                                                        
                                                    <div class="col-md-2">
                                                      <a target="_blank" href="{{  asset('storage/orders/order-generate-' . $order->cart_id . '.pdf') }}">  <button class="text-end total_price">Invoice</button></a>
                                                    </div>
                                                    @endif
                                                </div>
                                        <div class="order-list order-list_container">
                                            <div class="order-list-box">
                                                <div class="orderlist-i">
                                                    <span>Order Id:</span>
                                                    <div>{{ $order->cart_id }}</div>
                                                </div>
                                                <div class="orderlist-i">
                                                    <span>Order Date:</span>
                                                    <div>{{ $order->order_date }}</div>
                                                </div>
                                                {{-- <div class="orderlist-i">
                                                    <span>Order Status:</span>
                                                    <div>{{ $order->order_status }}</div>
                                                </div> --}}
                                                <div class="orderlist-i">
                                                    <span>Payment Status:</span>
                                                    <div>{{ $order->payment_status }}</div>
                                                </div>
                                                <div class="orderlist-i">
                                                    <span>Payment Method:</span>
                                                    <div>{{ $order->payment_method }}</div>
                                                </div>
                                            </div>

                                           
                                            
                                            <div class="cmy_order_list">
                                                <div class="order-body10 my_order_container">
                                                    @if ($order->orderItems->isNotEmpty())
                                                        @php $total = 0; @endphp
                                                        {{-- Order Items Row --}}
                                                        <div class="row">
                                                            @foreach ($order->orderItems as $item)
                                                                <div class="col-md-12 mb-3">
                                                                    <div class="d-flex justify-content-between align-items-end success_order_list_container">
                                                                        <ul class="order-dtsll row w-100">
                                                                            {{-- Product Image --}}
                                                                            <li class="col-md-2 col-sm-12">
                                                                                <div class="order-dt-img">
                                                                                    <img src="{{ asset('storage/' . $item->varient_image) }}" alt="{{ $item->product_name }}">
                                                                                </div>
                                                                            </li>
                                        
                                                                            {{-- Product Info --}}
                                                                            <li class="col-md-10 col-sm-12">
                                                                                <div class="order-dt47 order_price_detail">
                                                                                    <h4>{{ $item->product_name }}</h4>
                                                                                    <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
                                                                                         @if ($mrp != $price && $mrp != 0)
                                                                                            <span class="color-span_price" id="percentage-span">{{ $percentOff }}% off</span>
                                                                                            <span class="price-mrp" id="product-price-mrp">MRP<del>₹{{ $mrp }}</del></span>
                                                                                            @endif
                                                                                            <span class="price-regular" id="product-price-checkout">₹{{ $price }}</span>
                                                                                        </div>
                                        
                                                                                        @if ($item->variation->variation_attributes->isNotEmpty())
                                                                                            <p class="mb-0">
                                                                                                {{ $item->variation->variation_attributes->map(function ($attribute) {
                                                                                                    return $attribute->attribute->attribute->name . ': ' . $attribute->attribute->name;
                                                                                                })->implode(', ') }}
                                                                                            </p>
                                                                                        @endif
                                                                                    </div>
                                        
                                                                                    <div class="order-title mt-2">
                                                                                        {{ $item->quantity }} Item{{ $item->quantity > 1 ? 's' : '' }}:
                                                                                        ₹{{ $item->variation->price * $item->quantity }}
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                        
                                                                @php
                                                                    $total += $item->variation->price * $item->quantity;
                                                                @endphp
                                                            @endforeach
                                        
                                                            {{-- ✅ Total AFTER the loop --}}
                                                            <div class="col-md-12">
                                                                <h6>Sub Toatal : ₹{{ $total }}</h3>
                                                                <h6>Applied Coupon : -₹{{ $order->coupon_discount }}
                                                                    @if ( $order->coupon)
                                                                        
                                                                    ({{ $order->coupon->coupon_name?? '' }})
                                                                    @endif
                                                                </h3>
                                                                <h5 class="text-end total_price"><strong>Total: ₹{{ $order->total_price }}</strong></h5>
                                                            </div>
                                                        </div>
                                                        
                                                    @endif
                                                </div>

                                               
                                            </div>
                                        </div>
                                    @endforeach
                                @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><!-- End .tab-content -->
                    </div><!-- End .col-lg-9 -->
                </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