@extends('layouts.app')

@section('title', 'Log in')

@section('content')
<div class="page-head"><div class="container"><h1>Log in</h1><p><a href="{{ route('home') }}">Home</a> / Log in</p></div></div>

<main class="container section">
  <div class="auth-grid">
    <form class="auth-box" data-ajax action="{{ route('login.submit') }}" method="POST" novalidate>
      <h2>Returning customer</h2>
      <p class="muted">Welcome back! Log in to your account.</p>
      <label class="field">Email<input type="email" name="email" autocomplete="email"><small class="ferr"></small></label>
      <label class="field">Password<input type="password" name="password" autocomplete="current-password"><small class="ferr"></small></label>
      <div class="row-between">
        <label class="check"><input type="checkbox" name="remember" value="1"> Remember me</label>
        <a href="#" class="link">Forgot your password?</a>
      </div>
      <button class="btn block">Log in</button>
      <p class="muted" id="resendBox" hidden style="margin-top:14px">Didn't get the email?
        <a href="#" class="link" id="resendLink" data-url="{{ route('verification.resend') }}">Resend verification link</a></p>
    </form>
    <div class="auth-box alt">
      <h2>New customer</h2>
      <p class="muted">Create an account to check out faster, track orders and save your wishlist.</p>
      <a href="{{ route('register') }}" class="btn block">Create an account</a>
    </div>
  </div>
</main>
@endsection