@extends('layouts.master')

@section('meta')

    <title>Find a Pet Wash | Find a Pet Wash Near You with FindaPetWash.com</title>
    <meta name="description" content="Looking for a place to groom or pamper your pet? Visit the Find a Pet Wash website now to find a pet wash or groomer near you!">

@stop


@section('content')
    <div class="content-wrap">
        <section class="map" id="map">
        </section>
        <section class="advertise">
<a class="advertisement" href="http://www.allpawspetwash.com" target="_blank"><img src="/images/advertisements/ZeibkjvyfyK8o9d.gif" alt="All Paws Pet Wash"></a>
        <div class="google-ad" style="height: 150px">

            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- Homepage Adspace -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-3726192405115289"
                 data-ad-slot="2520963059"
                 data-ad-format="auto"></ins>
            <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
            </script>

        </div>

        </section>

        <section class="markers">
            <ol id="marker-list">

            </ol>
        </section>
        <button class="list-toggle" id="list-toggle"></button>
    </div>

    <script type="text/template" id="markerWindow">

    <div class="marker marker--window">
        <% if(photo != "") { %>
            <img src="<%= photo %>" alt="" width="276">
        <% } %>

        <h2><%= name %> <% if(distance != '') { %><span class="distance"> <%= distance %> miles</span><% } %></h2>
        <p class="address"><%= address %></p>

        <dl class="split">
           <% if(phone) { %>
           <dt class=split__title>Phone</dt>
           <dd><%= phone %></dd>
           <% } %>

           <% if(url) { %>
           <dt class=split__title>URL</dt>
           <dd><a href="http://<%= url %>"><%= url %></a></dd>
           <% } %>

           <% if(url) { %>
           <dt class=split__title>Hours</dt>
           <dd><%= hours %></dd>
           <% } %>
           <% if(price_range) { %>
           <dt class=split__title>Price Range:</dt>
           <dd><%= price_range %></dd>
           <% } %>
       </dl>
       <% if(services) { %>
        <h4>Services:</h4>
            <ul>
            <% for( var i=0; i<services.length; i++ ) { var service = services[i] %>
                <li><%= service.name %></li>
            <% } %>
            </ul>
        <% } %>

        <% if(additional_services) { %>
        <h4>Additional Services</h4>
        <p><%= additional_services %></p>
        <% } %>
    </div>

    </script>


    <script type="text/template" id="markerList">

    <li class="marker marker--list">
        <h2><%= name %> <span class="distance"> <%= distance %> miles</span></h2>

        <p class="address"><%= address %></p>
        <p class="numbers">
            <% if(phone) { %>
            <strong>Phone:  </strong> <%= phone %><br>
            <% } %>

            <% if(url) { %>
            <strong>URL:  </strong><a href="http://<%= url %>"><%= url %></a><br>
            <% } %>
        <p>
        <div class="hidden--desk">
            <% if(services) { %>
                <h4>Services:</h4>

                <ul>
                <% for( var i=0; i<services.length; i++ ) { var service = services[i] %>
                    <li><%= service.name %></li>
                <% } %>
                </ul>
            <% } %>

            <% if(additional_services) { %>
            <h4>Additional Services</h4>
            <p><%= additional_services %></p>
            <% } %>

            <% if(hours) { %>
            <h4>Hours:</h4>
            <p><%= hours %></p>
            <% } %>

            <% if(price_range) { %>
            <h4>Price Range:</h4>
            <p><%= price_range %></p>
            <% } %>
        </div>

    </li>

    </script>

@stop