`views/auth/signup.ejs`

31 lines
<%- include('../partials/head', { title }) %>
<%- include('../partials/header') %>
<section class="auth-page">
  <div class="auth-card auth-card-wide">
    <h1 class="display-sm">Apply to list</h1>
    <p class="lede">Free to apply. We review each applicant before activating the listing. After approval, you can upgrade to Pro to enable calendar bookings.</p>
    <% if (error) { %><p class="form-error"><%= error %></p><% } %>
    <form method="post" action="/signup">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <fieldset>
        <legend>Account</legend>
        <label>Email <input type="email" name="email" required value="<%= form.email || '' %>"></label>
        <label>Password (8+ chars) <input type="password" name="password" required minlength="8"></label>
      </fieldset>
      <fieldset>
        <legend>Studio</legend>
        <label>Business name <input type="text" name="business_name" required value="<%= form.business_name || '' %>"></label>
        <label>Contact name <input type="text" name="contact_name" value="<%= form.contact_name || '' %>"></label>
        <div class="row3">
          <label>City <input type="text" name="city" required value="<%= form.city || '' %>"></label>
          <label>State <input type="text" name="state" required maxlength="2" value="<%= form.state || '' %>"></label>
          <label>ZIP <input type="text" name="zip" maxlength="10" value="<%= form.zip || '' %>"></label>
        </div>
      </fieldset>
      <button type="submit" class="btn btn-primary btn-lg">Create account</button>
    </form>
    <p class="auth-alt">Already have an account? <a href="/login">Log in →</a></p>
  </div>
</section>
<%- include('../partials/footer') %>