@extends('layouts.app')

@section('title', 'Register account')

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

<main class="container section">
  <form class="auth-box narrow" data-ajax action="{{ route('register.submit') }}" method="POST" novalidate>
    <h2>Create an account</h2>
    <p class="muted">Already have an account? <a href="{{ route('login') }}" class="link">Log in</a></p>
    <div class="two">
      <label class="field">First name<input name="first_name" autocomplete="given-name"><small class="ferr"></small></label>
      <label class="field">Last name<input name="last_name" autocomplete="family-name"><small class="ferr"></small></label>
    </div>
    <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="new-password"><small class="ferr"></small></label>
    <label class="field">Confirm password<input type="password" name="password_confirmation" autocomplete="new-password"></label>
    <label class="check"><input type="checkbox" name="terms" value="1"> I agree to the <a href="{{ route('terms') }}" class="link">Terms</a> and <a href="{{ route('privacy') }}" class="link">Privacy Policy</a></label>
    <small class="ferr" data-for="terms"></small>
    <button class="btn block">Create account</button>
  </form>
</main>
@endsection