@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="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 ">
                <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*">
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <input type="text" name="email" class="form-control" placeholder="Email*">
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <input type="text" name="address" class="form-control" placeholder="address*">
                                    </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*">
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <button class="themeBtn">sign in</button>
                                    {{--                                        <h4>Continue Without Account</h4>--}}
{{--                                    <a href="{{ route('custom.continueWithoutAccount') }}"> <h4 style="color: black">{{ $pageData['PagesSection']['the_custom_shop_sub_heading'] ?? '' }}</h4> </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*">
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <input type="password" name="password" class="form-control" placeholder="Password*">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <button class="themeBtn">sign in</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection