<% content_for(:page_title, 'Find a face-to-face appointment location - Pension Wise') %>

<h1>Find a face-to-face appointment location</h1>

<p class="t-invalid-postcode"><strong><%= @postcode.squish %></strong> is not a valid postcode. Please try again.</p>

<form action="/locations" method="get">
  <label class="form-label-bold visuallyhidden" for="location">Find a location near you</label>
  <input type="text" class="form-control" name="postcode" id="location" value="<%= @postcode.squish %>">
  <input type="submit" class="button" value="Search">
</form>

<p>Or you can <a href="/appointments">book a phone appointment</a> instead.</p>

<% content_for(:page_title, 'Find a face-to-face appointment location - Pension Wise') %>

<h1>Find a face-to-face appointment location</h1>

<form action="/locations" method="get">
  <div class="form-group error">
    <label class="form-label-bold" for="location">Postcode
      <span class="form-hint">
        For example, 'SW1A 1AA'
      </span>
      <span class="t-invalid-postcode error-message">
        <strong><%= @postcode.squish %></strong> is not a valid postcode
      </span>
    </label>
    <input type="text" class="form-control" name="postcode" id="location" value="<%= @postcode.squish %>">
    <input type="submit" class="button" value="Search">
  </div>
</form>

<p>Or you can <a href="/appointments">book a phone appointment</a> instead.</p>

Make it clear that user has input invalid postcode
Make it clear that user has input invalid postcode
