When a customer clicks "forgot my password" they are taken to a page that has no content. Below is my customer/login.liquid file. Can anyone spot the problem? https://dealer.ardisam.com/account/login?checkout_url=/
<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--one-half medium-up--push-one-quarter">
<div class="content-block text-center">
<div class="form-success hide" id="ResetSuccess">
{{ 'customer.recover_password.success' | t }}
</div>
<div id="CustomerLoginForm" class="form-vertical">
{% form 'customer_login' %}
<h1>{{ 'customer.login.title' | t }}</h1>
{{ form.errors | default_errors }}
<label for="CustomerEmail" class="label--hidden">{{ 'customer.login.email' | t }}</label>
<input type="email" name="customer[email]" id="CustomerEmail" class="{% if form.errors contains 'email' %} input--error{% endif %}" placeholder="{{ 'customer.login.email' | t }}" autocorrect="off" autocapitalize="off" autofocus>
{% if form.password_needed %}
<label for="CustomerPassword" class="label--hidden">{{ 'customer.login.password' | t }}</label>
<input type="password" value="" name="customer[password]" id="CustomerPassword" class="{% if form.errors contains 'password' %} input--error{% endif %}" placeholder="{{ 'customer.login.password' | t }}">
{% endif %}
<p>
<input type="submit" class="btn" value="{{ 'customer.login.sign_in' | t }}">
</p>
{% if form.password_needed %}
<p><a href="#recover" id="RecoverPassword">{{ 'customer.login.forgot_password' | t }}</a></p>
{% endif %}
{% endform %}
<!-- Begin Accordion Snippet -->
<style>
.so-tab {
position: relative;
width: 100%;
overflow: hidden;
margin: 0px 0;
}
.so-tab label {
position: relative;
display: block;
padding: 0 0px 0 0;
margin-bottom: 15px;
line-height: normal;
cursor: pointer;
}
.so-tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.so-tab-content {
max-height: 0;
overflow: hidden;
transition: max-height .35s;
}
/* :checked */
.so-tab input:checked ~ .so-tab-content {
max-height: none;
}
/* Icon */
.so-tab label::after {
position: absolute;
right: 0;
top: 0;
display: block;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
.so-tab input[type=checkbox] + label::after {
content: "+";
}
.so-tab input[type=radio] + label::after {
content: "\25BC";
}
.so-tab input[type=checkbox]:checked + label::after {
transform: rotate(315deg);
}
.so-tab input[type=radio]:checked + label::after {
transform: rotateX(180deg);
}
</style>
<br>
<h4>Interested in becoming a dealer?</h4>
<div class="so-accordion-wrapper">
<div class="so-tab">
<input id="so-tab-1" type="checkbox" name="tabs" />
<label for="so-tab-1">Click here for application</label>
<div class="so-tab-content">
<div id="wufoo-rfdpbdm0n2494k"> Dealer Account <a href="https://jtpeterson3.wufoo.com/forms/rfdpbdm0n2494k">Application</a>. </div> <script type="text/javascript"> var rfdpbdm0n2494k; (function(d, t) { var s = d.createElement(t), options = { 'userName':'jtpeterson3', 'formHash':'rfdpbdm0n2494k', 'autoResize':true, 'height':'1590', 'async':true, 'host':'wufoo.com', 'header':'show', 'ssl':true }; s.src=('https:' == d.location.protocol ?'https://':'http://') + 'secure.wufoo.com/scripts/embed/form.js'; s.onload = s.onreadystatechange = function() { var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return; try { rfdpbdm0n2494k = new WufooForm(); rfdpbdm0n2494k.initialize(options); rfdpbdm0n2494k.display(); } catch (e) { } }; var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr); })(document, 'script'); </script>
</div>
</div>
</div>
{% comment %}
JS shows/hides this form in ShopifySlate.loginForms()
{% endcomment %}
<div id="RecoverPasswordForm" class="hide">
<h2 class="h1">{{ 'customer.recover_password.title' | t }}</h2>
<p>{{ 'customer.recover_password.subtext' | t }}</p>
<div class="form-vertical">
{% form 'recover_customer_password' %}
{{ form.errors | default_errors }}
{% comment %}
Add a hidden span to indicate the form was submitted succesfully.
{% endcomment %}
{% if form.posted_successfully? %}
<span class="hide reset-password-success"></span>
{% endif %}
<label for="RecoverEmail" class="label--hidden">{{ 'customer.recover_password.email' | t }}</label>
<input type="email" value="" name="email" id="RecoverEmail" placeholder="{{ 'customer.recover_password.email' | t }}" autocorrect="off" autocapitalize="off">
<p>
<input type="submit" class="btn" value="{{ 'customer.recover_password.submit' | t }}">
</p>
<button type="button" id="HideRecoverPasswordLink" class="text-link link-accent-color">{{ 'customer.recover_password.cancel' | t }}</button>
{% endform %}
</div>
</div>
</div>
{% comment %}
If accounts are set as optional, the following will be shown as an option
during checkout, not on the default /login page.
{% endcomment %}
{% if shop.checkout.guest_login %}
<div class="content-block text-center">
<h2 class="h1">{{ 'customer.login.guest_title' | t }}</h2>
{% form 'guest_login' %}
<input type="submit" class="btn" value="{{ 'customer.login.guest_continue' | t }}">
{% endform %}
</div>
{% endif %}
</div>
</div>
</div>
