@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.png') }}" class="img-fluid" alt="">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Bloodline.HUnt.</h2>
                </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-12">
                                <button class="themeBtn">sign in</button>
                                <h4>Continue Without Account</h4>
                            </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="text" 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