{{ 'pages.css' | asset_url | stylesheet_tag }}

<div class="page-account d-grid grid-1 grid-md-2">
  <div>
    <h2 class="form-title">{{- 'customer.reset_password.title' | t -}}</h2>
    <p class="note">{{- 'customer.reset_password.subtext' | t: email: email -}}</p>

    {%- form 'reset_customer_password', class: 'account-form' -%}
      {{ form.errors | default_errors }}

      <div id="password" class="form-control">
        <label for="password">{{- 'customer.reset_password.password' | t -}}</label>
        <input type="password" value="" name="customer[password]" id="customer_password" />
      </div>
      <div id="password_confirm" class="form-control">
        <label for="password_confirmation">{{- 'customer.reset_password.password_confirm' | t -}}</label>
        <input type="password" value="" name="customer[password_confirmation]" id="customer_password_confirmation" />
      </div>
      <div class="action_bottom">
        <input class="btn btn-1" type="submit" value="{{- 'customer.reset_password.submit' | t -}}" />
      </div>
    {%- endform -%}
  </div>
</div>