@extends('auth.layout')

@section('content')
    <div class="user-ath-page">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8  text-center">
                    <div class="user-ath-logo">
                        <a href="{{ route('home') }}">
                            @include('shared.logo')
                        </a>
                    </div>
                    <div class="user-ath-box">
                        <h4>Login to Your Account</h4>
                        <form id="loginForm" name="loginForm" class="user-ath-form" action="{{route('user.login')}}" method="POST">

                            @csrf
                            @if (session()->has('success'))
                                <div class="note note-lg note-no-icon note-success">
                                    <p>{{ session('success') }}</p>
                                </div>
                            @endif
                            @if (session()->has('error'))
                                <div class="note note-lg note-no-icon note-danger">
                                    <p>{{ session('error') }}</p>
                                </div>
                            @endif

                            
                            <div class="input-item">
                                <input id="email" name="email" type="text" placeholder="Your Email"
                                    class="input-bordered">
                                @error('email')
                                    <span class="fs-6 text-danger d-block mt-2 text-left"> {{ $message }} </span>
                                @enderror
                            </div>

                            <div class="input-item">
                                <input type="password" id="password" name="password" placeholder="Password"
                                    class="input-bordered">
                                @error('password')
                                    <span class="fs-6 text-danger d-block mt-2 text-left"> {{ $message }} </span>
                                @enderror
                            </div>

                            <div class="gaps"></div>

                            <div class="d-flex justify-content-between align-items-center">
                                <button type="submit" name="loginButtonUniversal" class="btn btn-primary"
                                    id='submit'>Submit
                                </button>                              

                                <a href="{{ route('recovery') }}" class="simple-link">Forgot password?</a>
                            </div>
                        </form>

                    </div>
                    <div class="gaps-2x"></div>
                    <div class="form-note">
                        Not a member? <a href="{{ route('signup') }}">Sign up now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection