results for churches

results.html

{layout="layouts/directory" title="Churches in {segment_3}"}
<section class="church-directory__results full-width mod">

{sn_search_form}
{sn_search_filter}

<h1>Churches in: {exp:low_search:keywords query="{segment_3}"}</h1>

{sn_search_legend}

<div class="church-results">
  {exp:low_search:results query="{segment_3}"}
          {if no_results}
          <p>There are no churches matching your search. Please try again.</p>
          {/if}
          <div class="church-directory__result-item">
            <span class="church-directory__type{if church_type == 'No'} church-directory__type-council{/if}"></span>
            <span class="church-directory__title">
              <a href="/app/church/{entry_id}" class="church-directory__result-link">
                {title}
              </a>

            </span>

            <br>
            <span class="church-directory__address">
              <span class="street">{exp:low_replace find="," replace=""}{church_street_address}{/exp:low_replace}</span>
              {if church_city}<span class="city">, {church_city}{/if}</span>
              {if church_state && church_state != 'Other'}<span class="state">, {church_state}</span>{/if}
              <span class="country">, {church_country}</span>
            </span>
            <span class="church-directory__report">
              <a href="/app/report/{entry_id}" title="report this as inappropriate">report</a>
            </span>
            {if church_facebook}
            <br>
              <a href="{church_facebook}" target="_blank">
                <i class="icon icon-facebook"></i>
              </a>
            {/if}
          </div>

          {if count == total_results}

          {paginate}
            {pagination_links}
            <div class="row">
              <nav class="columns pagination">
                <ul>
                  {page}
                  <li>
                    <a href="{pagination_url}" class="page-{pagination_page_number} {if current_page}active{/if}">{pagination_page_number}</a>
                  </li>
                  {/page}
                  {last_page}
                  <li>
                    <a href="{pagination_url}">Last</a>
                  </li>
                  {/last_page}
                  {previous_page}
                  <li>
                    <a class = "prev" href="{pagination_url}">&lt;</a>
                  </li>
                  {/previous_page}
                  {next_page}
                  <li>
                    <a class="next" href="{pagination_url}">&gt;</a>
                  </li>
                  {/next_page}
                </ul>
              </nav>
            </div>
            {/pagination_links}
            {/paginate}
            {/if}

            {/exp:low_search:results}
</div>

</section>