@extends('layouts.app')
@section('title', 'Sign in')
@section('content')
<div class="narrow" style="margin:0 auto">
  <h1 style="font-size:34px">Sign in</h1>
  <form method="post" action="{{ route('login') }}" class="panel">
    @csrf
    <div class="field"><label for="email">Email</label><input id="email" type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="email">@error('email')<div class="err">{{ $message }}</div>@enderror</div>
    <div class="field"><label for="password">Password</label><input id="password" type="password" name="password" required autocomplete="current-password"></div>
    <div class="field"><label class="check"><input type="checkbox" name="remember" value="1"> Keep me signed in</label></div>
    <div class="field" style="display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap">
      <button class="btn" type="submit">Sign in</button>
      <a href="{{ route('password.request') }}" class="small">Forgot your password?</a>
    </div>
  </form>
  <p class="dim" style="margin-top:16px">New here? <a href="{{ route('register') }}">Create an account</a></p>
</div>
@endsection