@extends('layouts.app')
@section('title', 'Sign in · AGS Account')

@section('content')
  <div style="max-width: 420px; margin: 8vh auto 0;">
    <h1 style="margin-bottom: 6px;">Sign in</h1>
    <p class="muted" style="margin-bottom: 24px;">
      One account for AGS Math, AGS Vocab, and the High School LMS.
      We'll send you a 6-digit code by email or SMS.
    </p>
    <div class="card">
      <form method="POST" action="{{ route('login.request') }}">
        @csrf
        <label for="contact">Email or phone</label>
        <input type="text" id="contact" name="contact" autocomplete="email"
               placeholder="you@example.com or +6591234567" required autofocus
               value="{{ old('contact') }}">
        <button type="submit" class="btn" style="margin-top: 14px; width: 100%;">
          Send code
        </button>
      </form>
    </div>
    <p class="muted" style="text-align: center; margin-top: 16px; font-size: 12px;">
      By signing in you accept the AGS terms.
    </p>
  </div>
@endsection