@extends('front.layout.app')

@section('content')
    <section class="main-slider innerBanner p-0" id="mainSlider"
        style="background-image: url('{{ asset('front/images/mainBanner.webp') }}');">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-lg-6">
                    <div class="slideOne">
                        <h1 class="mainHeading text-white">{{ 'Login' }}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="checkout-section padd-y my-5">
        <div class="container my-5">
            <div class="row">
                <div class="col-md-8 m-auto">
                    <div class="contactForm">
                        <h4>Login your Account</h4>
                        <form method="POST" class="contactForm" action="{{ route('user.login') }}">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Email</label>

                                        <input type="email" placeholder="Enter your Email here" class="form-control"
                                            name="email">
                                        <span class="text-danger">
                                            @error('email')
                                                {{ $message }}
                                            @enderror
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Password</label>
                                        <input type="password" placeholder="Enter your Password here" class="form-control"
                                            name="password">
                                        <span class="text-danger">
                                            @error('password')
                                                {{ $message }}
                                            @enderror
                                        </span>
                                    </div>
                                </div>

                            </div>
                            <button type="submit" class="themeBtn themeBtn1">Login</button>
                            <label>or <a href="{{ route('user.register') }}">Create Account</a></label>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection