@extends('front.layouts.app')
@section('title','Login-Mark Tippets')
@section('content')

    <!-- Pagetitle -->
    <section class="banner pagetitle bannerSlider">
        <div class="bannerImg" data-background="images/banner.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="bannerImg__content">
                            <h1>Login</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contact">
        <div class="container">
            <div class="row align-items-center flex-row-reverse">
                <div class="col-md-6">
                    <figure class="contact__img w-100" data-aos="zoom-in">
                        <img src="{{asset('images/contact1.jpg')}}" alt="image" class="img-fluid w-100 h-100">
                    </figure>
                </div>
                <div class="col-md-6">
                    <form action="{{route('user.login')}}" class="contact__form" data-aos="fade-up"method="post">
                        @csrf
                        <h2 class="heading">Login</h2>
                        <h3 class="subHeading">Enter Your Login Details</h3>
                        <div class="row">
                            <div class="col-12">
                                <div class="inputField">
                                    <label>Email Or Mobile Phone Number</label>
                                    <input type="text"name="email">
                                </div>
                                @error('email')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                            <div class="col-12">
                                <div class="inputField">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <label>Password</label>
                                        <a href="" class="forgetBtn">Forgot your password?</a>
                                    </div>
                                    <input type="password"name="password">
                                    @error('password')
                                    <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="inputField">
                                    <button type="submit" class="themeBtn w-100">submit</button>
                                    <label>OR</label>
                                    <a href="{{route('signup')}}" class="themeBtn themeBtn--secondary w-100">Create Your Account</a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

@endsection