@extends('layouts.vpm-auth')

@section('title', 'Sign In')

@section('content')
<form method="POST" action="{{ route('login.store') }}" class="vpm-auth-ref__form">
    @csrf

    <x-vpm.auth-field
        name="email"
        label="Email"
        type="email"
        icon="email"
        :required="true"
        autocomplete="email"
        :autofocus="true"
    />

    <x-vpm.auth-field
        name="password"
        label="Password"
        type="password"
        :toggle="true"
        :required="true"
        autocomplete="current-password"
    />

    <button type="submit" class="vpm-auth-ref__submit" data-loading-label="Signing in…">
        Sign In
    </button>
</form>

<a href="{{ route('password.request') }}" class="vpm-auth-ref__link">Forgot Password?</a>

<p class="vpm-auth-ref__footer">
    Don't have an account?
    <a href="{{ route('register') }}" class="vpm-auth-ref__link">Sign Up</a>
</p>
@endsection