@extends('front.include.app')
@section('content')

    <section class="logo-sec">
        <figure class="custom-logo">
            <img src="{{ asset(('front/images/custom-top.png')) }}" class="img-fluid" alt="">
        </figure>
    </section>

    <div class="inner-ban">
        <img src="{{ asset(('front/images/new-imag.jpg')) }}" class="img-fluid" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2>Blood<span class="banner-span">line.HUnt.</span></h2>
                        <h4>Custom Seed Shop</h4>
                        <h5>Food Plot Seed Blends Reimagined</h5>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <section class="product-section">
        <div class="container">
            <div class="product-top">
                <p>Your Previous Seeds Blends From Order History</p>
            </div>

            @if ($orders->isNotEmpty())
                <h2>Previous Blend Orders</h2>
                <div class="row">
                @foreach ($orders as $order)

                    <div class="order col-lg-3 col-md-6 col-sm-6">
{{--                        <h3>Order ID: {{ $order->order_number }}</h3>--}}
{{--                        <ul>--}}
{{--                            @foreach ($order->details as $item)--}}
{{--                                @if ($item->blend)--}}
{{--                                    <li>{{ $item->blend->name }} - ${{ $item->unit_price }}</li>--}}
{{--                                @endif--}}
{{--                            @endforeach--}}
{{--                        </ul>--}}

                        <!-- Display Previous Blend Orders Under Each Order -->
                        @if ($order->details->isNotEmpty())
                                @foreach($order->details as $item)
                                    @if($item->blend)
                                        <div class="">
                                            <div class="product-main">
                                                <h3>Order ID: {{ $order->order_number }}</h3>
                                                <!-- Blend Information -->
                                                <div class="product-ctn">
                                                    <h2>{{ $item->blend->name ?? 'Blend Name' }}</h2>
                                                    <p>{!! $item->blend->description ?? 'No description available.' !!}</p>
                                                </div>

                                                <!-- Blend Image -->
                                                <figure class="product-img">
                                                    <img src="{{ $item->blend->image ? asset($item->blend->image) : asset('front/images/product-img.png') }}"
                                                         class="img-fluid"
                                                         alt="{{ $item->blend->name }}">
                                                </figure>

                                                <!-- Reorder Button -->
                                                <a href="{{ route('order.reorder', ['orderId' => $order->id]) }}" class="themeBtn">
                                                    Reorder
                                                </a>
                                                <a href="{{ route('custom.build', ['blend_id' => $item->blend->id]) }}" class="themeBtn">
                                                    Edit Seed Blend
                                                </a>

                                            </div>
                                        </div>
                                    @endif
                                @endforeach

                        @endif
                    </div>

                @endforeach
                </div>
            @else
                <p>No previous blend orders found.</p>
            @endif
        </div>
    </section>



@endsection