{if $item->backUrl}
    <p class="back-to-all">
        <a href="{$item->backUrl|htmlspecialchars}">Back to all Municipal Utilities</a>
    </p>
{/if}
{foreach from = $item->list item = category}
    <div class="category{if $item->backUrl} category-single{/if}">
        <div class="category-title">
            {if $category.url}
                <a href="{$category.url|htmlspecialchars}">
            {/if}
            {$category.title|htmlspecialchars}
            {if $category.url}
                </a>
            {/if}
        </div>
        <div class="category-cities">
            <ol>
            {foreach from = $category.cities item = city}
                <li>
                    {assign var = 'id' value = "info-`$category.title`-`$city.name`"|strtolower|replace:' ':'-'}
                    <span class="city" data-tooltip-content="#{$id}">{$city.name|htmlspecialchars}</span>
                    <div style="display:none;">
                    <div id="{$id}">
                        {foreach from = $city.companies item = company}
                            <h4>{$company.name|htmlspecialchars}</h4>
                            <div class="text">
                            {$company.address|htmlspecialchars}{if $company.address2} | {$company.address2|htmlspecialchars}{/if},
                            {$company.city|htmlspecialchars}, {$company.state|htmlspecialchars} {$company.zip|htmlspecialchars}<br/>
                            {if $company.utilityPhone}
                                Phone: <a href="tel:{$company.utilityPhone|htmlspecialchars}">{$company.utilityPhone|htmlspecialchars}</a><br/>
                            {/if}
                            <a href="{$item->companyDetailPageUrl|fill:$company}">{if $AUTH_INFO}View More Info{else}Log In for More Info{/if}</a>
                            </div>
                        {/foreach}
                    </div>
                    </div>
                </li>
            {/foreach}
            </ol>
        </div>
    </div>
{/foreach}