@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 recomend-blendpg">
    <div class="container">
        <div class="product-top">
            <p>Starting with our recommendations gives you a starting point with seed varieties and weights.
                <a href="">You can still edit any seed variety or weight on your own.</a>
                Please choose from one of the options below to continue.
            </p>
            <h2 class="main-title">What Kind Of seed blend would you like <br> to start with?</h2>
        </div>
        <div class="row">
            @foreach($blends as $blend)
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="product-main">
                        <div class="product-ctn">
                            <h2>{{ $blend->name ?? 'Blend Name' }}</h2>
                            <p>{!! $blend->description ?? 'No description available.' !!}</p>
                        </div>
                        <figure class="product-img">
                            <img src="{{ $blend->image ? asset($blend->image) : asset('front/images/product-img.png') }}" class="img-fluid" alt="{{ $blend->name }}">
                        </figure>
                        <a href="{{ route('custom.build', ['blend_id' => $blend->id]) }}" class="themeBtn">
                            Select
                        </a>

                        <!-- Display Addon Seeds -->
{{--                        @if($blend->addon->isNotEmpty())--}}
{{--                            <ul>--}}
{{--                                @foreach($blend->addon as $addon) --}}{{-- Loop through addons --}}
{{--                                @if($addon->seed) --}}{{-- Check if the seed relationship exists --}}
{{--                                <li>{{ $addon->seed->name ?? 'Unnamed Seed' }} - ${{ $addon->seed->price ?? '0.00' }}</li>--}}
{{--                                @endif--}}
{{--                                @endforeach--}}
{{--                            </ul>--}}
{{--                        @endif--}}


                    </div>
                </div>
            @endforeach


            {{--<div class="col-md-3">
                <div class="product-main ">
                    <div class="product-ctn">
                        <h2>annual clovers</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
                    </div>
                    <figure class="product-img">
                        <img src="{{ asset(('front/images/product-img.png')) }}" class="img-fluid" alt="">
                    </figure>
                    <a href="" class="themeBtn">select</a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="product-main">
                    <div class="product-ctn">
                        <h2>brassicas</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
                    </div>
                    <figure class="product-img">
                        <img src="{{ asset(('front/images/product-img.png')) }}" class="img-fluid" alt="">
                    </figure>
                    <a href="" class="themeBtn">select</a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="product-main">
                    <div class="product-ctn">
                        <h2>grains</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
                    </div>
                    <figure class="product-img">
                        <img src="{{ asset(('front/images/product-img.png')) }}" class="img-fluid" alt="">
                    </figure>
                    <a href="" class="themeBtn">select</a>
                </div>
            </div>--}}
        </div>
    </div>
</section>


@endsection