@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>Sign In</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <section class="sign-sec">
        <div class="container">
            <p>Log in to access your saved custom seed blend projects, reorder previous blends, and view your order history. Don’t have an account yet? Creating one makes reordering custom seed orders quick and easy!</p>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-main">
                        <h2>Sign Up</h2>
                        <form class="sign-form" method="POST" action="{{ route('user.login') }}">
                            @csrf
                            <div class="row">

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Email*</label>
                                        <input type="text" name="email"  class="form-control @error('email') is-invalid @enderror" required placeholder="">
                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Password*</label>
                                        <input type="password" name="password"  required class="form-control @error('password') is-invalid @enderror" placeholder="">
                                        @error('password')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="sign-bottom">
                                        <button class="themeBtn">Login</button>
                                        <h4>Don't Have An Account <a href="{{ route('registerForm') }}">Click Here</a></h4>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection