@extends('layouts.auth')
@section('title', 'Log in — InLynq')

@section('content')
<div><h1>Welcome back</h1><p class="iq-muted" style="margin:4px 0 0">Log in to edit your profile and see who's paying attention.</p></div>
<form method="POST" action="{{ route('login') }}" class="iq-stack">
  @csrf
  <x-iq.field label="Email" name="email"><x-iq.input name="email" type="email" autocomplete="email" required autofocus /></x-iq.field>
  <x-iq.field label="Password" name="password">
    <x-iq.input name="password" type="password" autocomplete="current-password" required />
  </x-iq.field>
  <div class="iq-row" style="justify-content:space-between">
    <label class="iq-check"><input type="checkbox" name="remember" value="1"> Keep me logged in</label>
    <a class="iq-link" style="font-size:14px" href="{{ route('password.request') }}">Forgot password?</a>
  </div>
  <button class="iq-btn iq-btn-primary iq-btn-lg iq-btn-block">Log in</button>
</form>
@endsection

@section('below')
New to InLynq? <a class="iq-link" href="{{ route('register') }}">Create your InLynq</a>
@endsection