@extends('layouts.front-layout')
@section('title') User Login
@endsection
@section('content')

    <section class="login-main">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <img src="{{asset('front-assets/images/cola_login.png')}}" class="img-fluid" alt="img">
                </div>

                <div class="col-md-6">
                    <div class="creat-card">
                        <h4>Login your Account</h4>
                        <form method="POST" action="{{route('user.login')}}">
                            @csrf
                            <label>Email</label>
                            <input type="email" placeholder="Enter your Email here" name="email">
                            <span class="text-danger">@error ('email') {{$message}} @enderror</span>

                            <label>Password</label>
                            <input type="password" placeholder="Enter your Password here"name="password">
                            <span class="text-danger">@error ('password') {{$message}} @enderror</span>


                            <button type="submit" class="themeBtn">Login</button>
                        </form>
                        <label>or    <a href="{{route('user.register')}}">Create Account</a></label>
{{--                        <span>- OR -</span>--}}
{{--                        <div class="d-flex">--}}
{{--                            <a href="#"><img src="{{asset('upload/images/google-icon.png')}}" class="img-fluid" alt="img">Sing up with Google</a>--}}
{{--                            <a href="#"><img src="{{asset('upload/images/github-icon.png')}}" class="img-fluid" alt="img">Sing up with GitHub</a>--}}
{{--                        </div>--}}
{{--                        <a href="#" class="reserved">Reserved directs to Leo Barreto</a>--}}
                    </div>
                </div>
            </div>
        </div>
    </section>


@endsection