<% content_for(:page_title, t('styleguide.title', page_title: 'Locations near you')) %>

<h1>Face-to-face appointments near sw</h1>

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

<form action="/styleguide/pages/locations-index" 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="sw">
  <input type="submit" class="button" value="Search">
</form>

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

<% content_for :sidebar do %>
  <%= render 'styleguide/components/locator_link_promo_book' %>
<% end %>

<% content_for :breadcrumbs do %>
  <%= render 'styleguide/components/locator_breadcrumbs_items', items: 2 %>
<% end %>

<% content_for(:page_title, t('styleguide.title', page_title: 'Locations near you')) %>

<h1>Face-to-face appointments near sw</h1>

<form action="/styleguide/pages/locations-index" method="get">
  <div class="form-group error">
    <label class="form-label-bold" for="location">
      <span class="visuallyhidden">Find a location</span>
      <span class="t-invalid-postcode error-message">
        <strong>London</strong> is not a valid postcode. Please try again. <br />e.g SW17 0QE
      </span>
    </label>
    <input type="text" class="form-control" name="postcode" id="location" value="London">
    <input type="submit" class="button" value="Search">
  </div>
</form>

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

<% content_for :sidebar do %>
  <%= render 'styleguide/components/locator_link_promo_book' %>
<% end %>

<% content_for :breadcrumbs do %>
  <%= render 'styleguide/components/locator_breadcrumbs_items', items: 2 %>
<% end %>

Improve invalid postcode feedback in style guide
Improve invalid postcode feedback in style guide
