@extends('front.layouts.app')
@section('content')

    <section class="inner-banner p-0">
        <img src="{{ asset('images/inner-banner__img.png') }}" alt="image" class="img-fluid">
        <div class="container">
            <div class="inner-banner__title">
                <h1>Login | Register</h1>
            </div>
        </div>
    </section>


    <section class="login-section">
        <div class="container">
            <div class="row no-gutters">
                <div class="col-md-6">
                    <div class="login-img">
                        <img src="{{ asset('images/login-img.png') }}" alt="image" class="img-fluid">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="login-content">
                        <h3 class="secHeading">Login | Register</h3>
                        <p>Don't have an account?
                            <a href="{{ route('front.user.register.form') }}" class="color-primary">Create your account</a>, it takes
                            <span class="d-lg-block">less than a minute</span>
                        </p>
                        <form action="{{ route('front.user.login.store') }}" method="post" class="loginForm">
                            @csrf
                            <label>Your Email*</label>
                            <input type="email" name="email" required>
                            <label>Password*</label>
                            <input type="password" class="mb-4" name="password" required>
                            <ul class="d-flex align-items-center justify-content-between mb-lg-5 mb-md-4 mb-3">
                                <li class="checkBox">
                                    <label for="remember">
                                        <input type="checkbox" id="remember">
                                        Remember me
                                    </label>
                                </li>
                                <li>
                                    <a href="" class="forgotBtn">Forgot password?</a>
                                </li>
                            </ul>
                            <button type="submit" class="themeBtn">Login</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection