{{#with data}}
{{#if places.length}}
<div class="bs4--row">
    <div class="bs4--col-12 bs4--position-relative">
        <span class="commute-times-text">
            <strong>Your Commute Destinations</strong>
        </span>
    </div>
</div>
{{/if}}
{{#each places}}
<div class="bs4--row">
    <div class="bs4--col-12 bs4--pt-3 property-commute-times">
        <div class="commute-times-item commute-times-indicator {{#if status.withinMinutes}}commute-times-indicator-green{{else}}commute-times-indicator-red{{/if}} bs4--position-relative bs4--pl-5" data-commute-type="{{~#if place.mode.driving}}car
        {{~ else if place.mode.transit~}}public-transit
        {{~ else if place.mode.walking~}}walking
        {{~ else if place.mode.cycling~}}bicycle
        {{~/if}}">

            <div class="bs4--d-inline-block commute-times-text bs4--pl-3 ">
                <p class="bs4--my-0">
                    {{#compare place.name ""}}
                        {{place.address}}
                    {{else}}
                        {{place.name}}
                    {{/compare}}
                    <span class="commute-times-item commute-times-text commute-times-edit-btn ">
                        |
                        <button class="bs4--text-hs-blue bs4--bg-transparent bs4--border-0 bs4--px-0" id="{{@root/dom/btnEdit}}_{{@index}}" data-index="{{place.id}}">Edit</button>
                    </span>
                </p>
                <p class="bs4--my-0 font-12">
                    {{~#compare durationInTraffic.minutes "<" 5~}}
                        {{~#if status.unknown~}}
                        N/A
                        {{~else~}}
                        less than 5 minutes
                        {{/if}}
                    {{~else compare durationInTraffic.minutes ">" 60~}}
                        over an hour
                    {{~else~}}
                        {{durationInTraffic.minutes}} minutes
                    {{~/compare~}}
                </p>

            </div>

        </div>

    </div>
</div>
{{/each}}
<div class="bs4--row hidden" id="{{@root/dom/divFindHomes}}">
    <div class="bs4--col-12 commute-times-icon position-relative">
        <button class="bs4--border-0 bs4--bg-transparent commute-times-text bs4--text-hs-blue btn-link bs4--pl-5 paint-first-font" id="{{@root/dom/btnFindHomes}}">
            {{#if listingLeadpage}}
                Find Your Commute Time
            {{else}}
                Calculate Commute Times
            {{/if}}
        </button>
    </div>
</div>

{{/with}}