{% extends 'layout.twig' %}
{% block title %}Create account — {{ brand.name }}{% endblock %}
{% block content %}
    <section class="container narrow page-head">
        <h1>Create an account</h1>
        <p class="muted">Register to track your tickets in the customer portal.</p>
    </section>
    <section class="container narrow">
        <form method="post" action="{{ app_url('/portal/register') }}" class="form">
            {{ csrf_field()|raw }}
            <div class="form-row">
                <label>Name</label>
                <input type="text" name="name" value="{{ old('name') }}" required autofocus>
            </div>
            <div class="form-row">
                <label>Email</label>
                <input type="email" name="email" value="{{ old('email') }}" required>
            </div>
            <div class="form-row">
                <label>Password <span class="muted small">(8+ characters)</span></label>
                <input type="password" name="password" required minlength="8">
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">Create account</button>
                <a href="{{ app_url('/portal/login') }}" class="btn btn-light">I already have an account</a>
            </div>
        </form>
    </section>
{% endblock %}