{{#*inline "paging"}}
    {{#if (gt statistics.pageCount 1)}}
    <div class="">
        {{#if (gt query.page 1)}}
        <a href="{{previousPageUrl .}}" class="page prev">PREV</a>
        {{/if}}

        {{#for 1 (increment statistics.pageCount 6) 1}}
        {{#if (eq this ../query.page)}}
        <span class="page num current">{{../query.page}}</span>
        {{else}}
        <a class="page num" href="{{pageUrl .. this}}">{{this}}</a>
        {{/if}}

        {{/for}}
        {{#if (lt query.page statistics.pageCount)}}
        <a href="{{nextPageUrl .}}" class="page next">NEXT</a>
        {{/if}}
    </div>
    {{/if}}
{{/inline}}

{{#*inline "photoCDN"~}}
    https://orion.soarr.com/photos/{{unit.id}}/{{width}}x/{{unit.year}}-{{lowercase unit.make}}-{{lowercase unit.model}}.{{index}}.jpg
{{~/inline}}


{{#*inline "photo"~}}
    {{thumbnail unit width=width}}
{{~/inline}}

{{#*inline "typeLabel"}}
    {{#if (eq type.segment.id 1)}}Truck Type{{/if}}
    {{#if (eq type.segment.id 2)}}Trailer Type{{/if}}
    {{#if (eq type.segment.id 3)}}Equipment Type{{/if}}
    {{#if (gt type.segment.id 3)}}Type{{/if}}
{{/inline}}

{{#*inline "noresults"}}
    <div class="cell">
        <div class="grid-x grid-padding-x grid-padding-y">
            <div class="cell raised">
                <h2>No Matches Found</h2>
                <p>There are currently no units matching your specified search criteria.</p>

                <div class="grid-x grid-margin-x">
                    <div class="cell shrink">
                        {{> buttonLink class="primary" href=(routeUrl 'listings') text='All Inventory'}}
                    </div>
                    <div class="cell shrink">
                        {{> buttonLink href='https://www.truckvalleykc.com' text='Back to Home'}}
                    </div>
                </div>

                
            </div>
        </div>
    </div>
{{/inline}}


{{#*inline "search"}}

    {{#searchForm id="minisearch" includeCount="false" class="raised grid-x grid-padding-x grid-padding-y small-up-2 medium-up-4 large-up-5"}}

        <div class="cell">
            <label>Truck Type</label>
            <select name="vehtype" data-field="vehtype" data-placeholder="Type"></select>
        </div>
        <div class="cell">
            <label>Year</label>
            <select name="year" data-field="year" data-placeholder="Year" data-sel-placeholder="Any Year"></select>
        </div>
        <div class="cell">
            <label>Make</label>
            <select name="make" data-field="make" data-placeholder="Make" data-sel-placeholder="All Makes"></select>
        </div>

        <div class="cell">
            <label>Model</label>
            <select name="model" data-field="model" data-placeholder="Model" data-sel-placeholder="All Models"></select>
        </div>

        <!-- <div class="cell">
            <label>&nbsp;</label>
            {{#resetSearchLink class="clearfilter"}}Show All{{/resetSearchLink}}
        </div> -->

    {{/searchForm}}
{{/inline}}

{{#*inline "buttonLink"}}
    <a href="{{href}}" class="ss-button {{class}}" role="button">{{text}}</a>
{{/inline}}


{{#*inline "unitTitle"~}}
    {{#if (gt year 1900)}}{{year}} {{/if}}{{make}}{{#if model}} {{model}}{{/if}}
{{~/inline}}

<!-- <div class="grid-container"> -->
    <h1 class="ss-strip-title show-for-medium">{{seoTitle 'All Inventory'}}</h1>

    <div id="inv-container" class="grid-x grid-margin-x grid-margin-y">
        
        <div class="cell">
            {{> search}}
            <!-- <div class="grid-x grid-padding-x grid-padding-y raised">
                <div class="cell">
                    
                </div>
                
            </div> -->

        </div>

        {{#if (gt statistics.total 0)}}

            <div class="cell">
                <div class="inv-results grid-x align-middle">
                    <div class="cell small-7 medium-8 large-9">
                        <ul class="inline inv-totals">
                            <li class="count">{{statistics.total}} </span> Match{{#if (gt statistics.total 1)}}es{{/if}}</li>
                            <li class="inv-page"><span class="show-for-medium">Page {{query.page}} of {{statistics.pageCount}}</span>
                                {{#resetSearchLink class="clearfilter"}}Show All{{/resetSearchLink}}
                            </li>
                        </ul>
                        <!-- <div class="inv-page">Page {{query.page}} of {{statistics.pageCount}}</div> -->
                    </div>
                    
                    
                    <div class="cell auto sort-cont">
                        {{sortDropdown placeholderText="Sort Order"}}
                    </div>
                </div>
                
            </div>

            <div class="cell">
                <div class="grid-x grid-margin-x grid-margin-y medium-up-2 large-up-3">
                    {{#each units}}
                        <div class="cell listing">
                            <div class="grid-x grid-margin-x">
                                <div class="listing-header cell">
                                    <div class="grid-x grid-margin-x grid-padding-x">
                                        <div class="cell">
                                            <a class="listing-title" href="{{specsheet .}}">{{> unitTitle}}</a>
                                            <div class="listing-subtitle">Stock# {{stockNumber}}</div>
                                        </div>
                                        <div class="cell pricing">
                                            {{#if pricing.asking}}
                                                <em class="price-label">Sale Price</em>
                                                <span class="price">{{formatCurrency pricing.asking 'Call'}}</span>
                                            {{else}}
                                                <em class="price-label">Auction Date</em>
                                                <span class="price">{{#if auction.runDate}}{{auction.runDate}}{{else}}TBA{{/if}}</span>
                                            {{/if}}
                                        </div>
                                    </div>
                                </div>

                                <div class="cell thumb-cell">
                                    <a class="" href="{{specsheet .}}" aria-hidden="true">
                                        {{#if primaryPhoto.large}}
                                            <img class="thumb" src="{{> photo unit=. width=300 index=1}}" alt="{{> unitTitle}}" loading="lazy" width="379" height="250">
					                        {{#if (length videos)}}
                                                <ul class="decorators">
                                                    <li class="video-decorator">Video</li>
                                                </ul>
                                            {{/if}}
                                        {{else}}
                                            <img class="thumb" src="{{appSetting 'noPhotoSmall'}}" alt="" loading="lazy" width="379" height="250">
                                        {{/if}}
                                    </a>
                                </div>

                                <div class="cell listing-body">
                                    <div class="grid-x grid-margin-x grid-padding-x grid-padding-y">
                                        <div class="info cell large-auto">

                                            {{!--
                                            <p class="meta">
                                                <span>Location: {{dealer.city}}, {{dealer.state}}</span>
                                            </p>
                                            --}}
                                            
                                            <div class="heading">Specifications</div>

                                            <ul class="specs">
                                                {{#if odometer.reading}}
                                                <li>
                                                    <span class="name">Odometer</span>
                                                    <span class="value">{{formatNumber odometer.reading}} {{odometer.unit}}</span>
                                                </li>
                                                {{/if}}
                
                                                <li>
                                                    <span class="name">Engine</span>
                                                    <span class="value">{{spec . 'Engine Make'}} {{spec . 'Engine HP'}}</span>
                                                </li>

                                                {{#withSpec . 'Trans Make'}}
                                                <li>
                                                    <span class="name">{{name}}</span>
                                                    <span class="value">{{value}}</span>
                                                </li>
                                                {{/withSpec}}

                                                {{#withSpec . 'Sleeper Type'}}
                                                <li>
                                                    <span class="name">{{name}}</span>
                                                    <span class="value">{{value}}</span>
                                                </li>
                                                {{/withSpec}}
                
                                                <li>
                                                    <span class="name">{{> typeLabel}}</span>
                                                    <span class="value">{{type.name}}</span>
                                                </li>
                                            </ul>

                                            <div class="actions">
                                                {{> buttonLink href=(specsheet .) class="primary arrow" text="View Details"}}
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>

                            </div>
                        </div>
                    {{/each}}
                </div>
            </div>

            <div class="cell">
                <div class="inv-paging">
                    {{> paging}}
                </div>
            </div>
        {{else}}
            {{> noresults}}
        {{/if}}

    </div>
<!-- </div> -->