@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="{{ pagesSingleImage('PagesSection', 'the_custom_shop_image')}}" class="img-fluid" alt="">--}}
    {{--        <div class="overlay">--}}
    {{--            <div class="container">--}}
    {{--                <div class="row">--}}
    {{--                    <div class="col-md-12">--}}
    {{--                        <h2>{{ $pageData['PagesSection']['the_custom_shop_top_title'] ?? '' }}</h2>--}}
    {{--                    </div>--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--        </div>--}}
    {{--    </div>--}}

    @if (Auth::check() || session('continue_without_account'))
        {{--        <section class="custom-page">--}}
        {{--            <div class="container">--}}
        {{--                <div class="row">--}}
        {{--                    <div class="col-md-12">--}}
        {{--                        {!!$pageData['PagesSection']['the_custom_shop_description'] ?? '' !!}--}}
        {{--                    </div>--}}
        {{--                </div>--}}
        {{--                <div class="row">--}}
        {{--                    <div class="col-md-6">--}}
        {{--                        <a href="{{ route('custom.build') }}" class="custom-p-content">--}}
        {{--                            <figure class="cust-imag">--}}
        {{--                                <img src="{{ asset('front/images/cust-1.png') }}" class="img-fluid" alt="">--}}
        {{--                                <h4>build your seed blend <br> from scratch</h4>--}}
        {{--                            </figure>--}}
        {{--                        </a>--}}
        {{--                    </div>--}}
        {{--                    <div class="col-md-6">--}}
        {{--                        <a href="{{ route('custom.build') }}" class="custom-p-content">--}}
        {{--                            <figure class="cust-imag">--}}
        {{--                                <img src="{{ asset('front/images/cust-2.png') }}" class="img-fluid" alt="">--}}
        {{--                                <h4>start with our <br> recommendations</h4>--}}
        {{--                            </figure>--}}
        {{--                        </a>--}}
        {{--                    </div>--}}
        {{--                </div>--}}
        {{--            </div>--}}
        {{--        </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">
            <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">
                    <div class="col-md-6">
                        <div class="build-main scratch-blend">
                            <h3>build your blend from scratch ?</h3>
                            <a href="{{ route('custom.build') }}" onclick="clearLocalStorage(event)">
                            <figure>
                               <img src={{ asset('front/images/fromScratch.png')  }} class="img-fluid" alt="img">
                           </figure>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="build-main">
                            <h3>start with our recommendations?</h3>
                            <a href="{{ route('recommended.seeds') }}" onclick="clearLocalStorage(event)">
                            <figure>
                                <img src={{ asset('front/images/recommendation.png')  }} class="img-fluid" alt="img">
                            </figure>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </section>


    @else

        <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="login-sec">
            <div class="container">
                <div class="login-top">
                    <p>Creating an account will allow you to save custom seed blend projects, reorder past seed blends, and view order history.
                        <a href="">You don't have to create an account, </a>
                        but it’s useful for reordering custom seed orders!
                    </p>
                </div>
                <div class="row logn-line">
                    <div class="col-md-6">
                        <div class="login-left">
                            <h2>Create an account</h2>
{{--                            <ul class="login-social">--}}
{{--                                <li><a href=""><i class="fab fa-facebook-f"></i></a></li>--}}
{{--                                <li><a href=""><i class="fab fa-twitter"></i></a></li>--}}
{{--                                <li><a href=""><i class="fab fa-instagram"></i></a></li>--}}
{{--                            </ul>--}}
                            <form class="account-form" method="POST" action="{{ route('user.register') }}">
                                @csrf
                                <div class="row justify-content-center">
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="name" placeholder="Full Name*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" name="email" class="form-control" placeholder="Email*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" name="address" class="form-control" placeholder="address*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" name="phone_number" class="form-control" placeholder="phone number* (optional)">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="password" name="password" class="form-control" placeholder="Password*" required>
                                        </div>
                                    </div>

                                    <div class="col-md-8 text-left">
                                        <button class="themeBtn">sign in</button>
{{--                                        <h4>Continue Without Account</h4>--}}
                                        <a href="{{ route('custom.continueWithoutAccount') }}" class="themeBtn scnd-btn"> {{ $pageData['PagesSection']['the_custom_shop_sub_heading'] ?? '' }} </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="login-right">
                            <h2>Login</h2>
                            <form class="login-form" method="POST" action="{{ route('user.login') }}">
                                @csrf
                                <div class="row justify-content-center">
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="text" name="email" class="form-control" placeholder="Email*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <input type="password" name="password" class="form-control" placeholder="Password*" required>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <button class="themeBtn">sign in</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        {{-- <section class="sign-sec">
             <div class="container">
                 {!!$pageData['PagesSection']['the_custom_shop_description'] ?? '' !!}
                 <div class="row">
                     <div class="col-md-12">
                         <div class="form-main">
                             <h2>{{ $pageData['PagesSection']['the_custom_shop_heading'] ?? '' }}</h2>
                             <form class="sign-form" method="POST" action="{{ route('user.register') }}">
                                 @csrf
                                 <div class="row">
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label>First Name*</label>
                                             <input type="text" class="form-control" placeholder="Name" name="first_name"
                                                 value="" required>

                                         </div>
                                     </div>
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label>Last Name*</label>
                                             <input type="text" class="form-control" placeholder="Name" name="last_name"
                                                 value=""required>

                                         </div>
                                     </div>
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label>Email*</label>
                                             <input type="text" name="email" class="form-control" required
                                                 placeholder="">
                                         </div>
                                     </div>
                                     <div class="col-md-6">
                                         <div class="form-group">
                                             <label>Phone*</label>
                                             <input type="text" name="phone" required class="form-control"
                                                 placeholder="">
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="form-group">
                                             <label>Password*</label>
                                             <input type="password" name="password" required class="form-control"
                                                 placeholder="">
                                         </div>
                                     </div>
                                     <div class="col-md-12">
                                         <div class="sign-bottom">
                                             <button class="themeBtn">Sign Up</button>
                                            <a href="{{ route('custom.continueWithoutAccount') }}"> <h4>{{ $pageData['PagesSection']['the_custom_shop_sub_heading'] ?? '' }}</h4> </a>
                                         </div>
                                     </div>
                                 </div>
                             </form>
                         </div>
                     </div>
                 </div>
             </div>
         </section>--}}
    @endif
@endsection
@section('script')
<script>
    function clearLocalStorage(event) {
        event.preventDefault(); // Stop link momentarily
        localStorage.clear();   // Clear localStorage
        // Navigate after clearing
        window.location.href = event.currentTarget.href;
    }
</script>

@endsection