{{-- resources/views/auth/register.blade.php --}}
@extends('layouts.authentication')

@section('title', 'Register')

@section('content')

    <h2 class="h4 font-weight-bold text-primary mb-0">Welcome Back</h2>
    <hr>
    <form method="POST" action="{{ route('loginAction') }}">
        @csrf

        <!-- Email -->
        <div class="form-group mb-3">
            <label for="email" class="form-label">
                Email Address <span class="text-danger">*</span>
            </label>
            <input id="email" type="email" name="email" value="{{ old('email') }}"
                class="form-control @error('email') is-invalid @enderror" placeholder="eg johndoe@gmail.com" required
                autocomplete="email" autofocus>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Password -->
        <div class="form-group mb-3">
            <label for="password" class="form-label">
                Password <span class="text-danger">*</span>
            </label>
            <input id="password" type="password" name="password"
                class="form-control @error('password') is-invalid @enderror"   required
                autocomplete="current-password">
            @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <!-- Remember Me -->
        <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
            <label class="form-check-label" for="remember">
                Remember Me
            </label>
        </div>

        <!-- Submit Button -->
        <div class="d-grid">
            <button type="submit" class="btn btn-primary btn-lg">
                Sign In
            </button>
        </div>
    </form>

    <div class="text-center mt-4">
        <p class="text-muted mb-2">
            Don't have an account?
            <a href="{{ route('register') }}" class="text-primary font-weight-medium">
                Create One
            </a>
        </p>
        @if (Route::has('password.request'))
            <p class="text-muted mb-0">
                <a href="{{ route('password.request') }}" class="text-primary font-weight-medium">
                    Forgot Your Password?
                </a>
            </p>
        @endif
    </div>
@endsection