@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="build-sec preference-pgfr">
        <div class="container">
            <div class="build-top">
                <p>This is food plot seed blends reimagined. <a href="">The days of every seed company claiming to have
                        the best blend are over</a> —now you're in control. With the Custom Shop, you create the perfect
                    blend for your plots, delivered right to your door. Pick an option below to start designing!</p>
            </div>
            <div class="row line-cntr">
                <div class="col-md-6">
                    <div class="build-main">
                        <h3 class="create_blend_text">I want to create a new blend</h3>
                        {{--<div class="row no-gutters">
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-1.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-2.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-3.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row text-center">
                            <div class="col-md-3 col-sm-4 p-0">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-5.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-7.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-4 p-0">
                                <div class="build-center">
                                    <figure class="build-imag">
                                        <img src="{{ asset('front/images/build-center.png') }}" class="img-fluid"
                                             alt="">
                                    </figure>
                                    <div class="progress-main">
                                        <span>0%</span>
                                        <div class="progress">
                                            <div class="progress-done" data-done="70">
                                            </div>

                                        </div>
                                        <span>100%</span>
                                    </div>
                                    <div class="progress-content">
                                        <h3>Maximum weight of 45 pounds</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 p-0">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-6.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <a href="{{ route('custom.seed') }}" class="themeBtn">let’s go</a>
                            </div>
                        </div>--}}
                        <div class="col-md-12">
                            <a href="{{ route('custom.build') }}" class="themeBtn">let’s go</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    @if ($orders->isNotEmpty())


                    <div class="work-previous">
                        <h3>Work With One Of<br> <span class="create_blend_text">My Previous Blend?</span></h3>
                        @foreach ($orders as $order)
                            @if ($order->details->isNotEmpty())
                        @foreach($order->details as $item)
                            @if($item->blend)
                        <div class="wrk-prvsblnd">
                            <figure><img src="http://homestead80.test/bloodline-hunt/public/front/images/product-img.png" class="img-fluid" alt="Jdjsfkdm"></figure>
                            <div class="prvslnd-content">
                                <h4>{{ $item->blend->name ?? 'Blend Name' }}</h4>
                                <h5>Last Ordered: {{ $order->order_number }}</h5>
                                <div class="btn-flex">
                                    <a href="{{ route('custom.build', ['blend_id' => $item->blend->id]) }}" class="themeBtn">Edit this blend</a>
                                    <a href="{{ route('order.reorder', ['orderId' => $order->id]) }}" class="themeBtn">Re-order</a>
                                </div>
                            </div>
                        </div>
                            @endif
                        @endforeach
                            @endif

                        @endforeach
                        {{--       <div class="wrk-prvsblnd">
                                   <figure><img src="http://homestead80.test/bloodline-hunt/public/front/images/product-img.png" class="img-fluid" alt="Jdjsfkdm"></figure>
                                   <div class="prvslnd-content">
                                       <h4>Lorem Lipsum</h4>
                                       <h5>Last Order: june 17, 2024</h5>
                                       <div class="btn-flex">
                                           <a href="#" class="themeBtn">Edite this blend</a>
                                           <a href="#" class="themeBtn">Re-order</a>
                                       </div>
                                   </div>
                               </div>
                               <div class="wrk-prvsblnd">
                                   <figure><img src="http://homestead80.test/bloodline-hunt/public/front/images/product-img.png" class="img-fluid" alt="Jdjsfkdm"></figure>
                                   <div class="prvslnd-content">
                                       <h4>Lorem Lipsum</h4>
                                       <h5>Last Order: june 17, 2024</h5>
                                       <div class="btn-flex">
                                           <a href="#" class="themeBtn">Edite this blend</a>
                                           <a href="#" class="themeBtn">Re-order</a>
                                       </div>
                                   </div>
                               </div>--}}
                    </div>

                    @endif
                    {{--<div class="build-main">
                        <h3>use previous blend ?</h3>
                        <div class="row no-gutters">
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-1.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-2.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-3.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row text-center">
                            <div class="col-md-3 col-sm-4">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-5.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-7.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-4">
                                <div class="build-center">
                                    <figure class="build-imag">
                                        <img src="{{ asset('front/images/build-center.png') }}" class="img-fluid"
                                             alt="">
                                    </figure>
                                    <div class="progress-main">
                                        <span>0%</span>
                                        <div class="progress">
                                            <div class="progress-done" data-done="70">
                                            </div>

                                        </div>
                                        <span>100%</span>
                                    </div>
                                    <div class="progress-content">
                                        <h3>Maximum weight of 45 pounds</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4">
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-6.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="build-wrapp">
                                    <h5>sugar beets <a href=""><i class="far fa-times"></i></a></h5>
                                    <figure class="build-img">
                                        <img src="{{ asset('front/images/build-4.png') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="build-link">
                                        <h5>Quantity<span>$2.50</span></h5>
                                        <ul class="build-list">
                                            <li><a href="">-</a></li>
                                            <li><a href="">0.51b</a></li>
                                            <li><a href="">+</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <a href="{{ route('previous.blends') }}" class="themeBtn">let’s go</a>
                            </div>
                        </div>
                    </div>--}}
                </div>

            </div>
        </div>
    </section>
@endsection