{#
// inputs:
// - layout: string - one of [full, with-departments] (required)
#}

{% set _body %}
    <div class="block-finder__body" style="background-image: url('images/finder/finder.jpg');">
        <div class="block-finder__header">
            <div class="block-finder__title">Find Parts For Your Vehicle</div>
            <div class="block-finder__subtitle">Over hundreds of brands and tens of thousands of parts</div>
        </div>

        <div class="block-finder__form">
            <div class="block-finder__form-item">
                <select class="block-finder__select">
                    <option value="none">Select Year</option>
                    <option>2010</option>
                    <option>2011</option>
                    <option>2012</option>
                    <option>2013</option>
                    <option>2014</option>
                    <option>2015</option>
                    <option>2016</option>
                    <option>2017</option>
                    <option>2018</option>
                    <option>2019</option>
                    <option>2020</option>
                </select>
            </div>
            <div class="block-finder__form-item">
                <select class="block-finder__select" disabled>
                    <option value="none">Select Make</option>
                    <option>Audi</option>
                    <option>BMW</option>
                    <option>Ferrari</option>
                    <option>Ford</option>
                    <option>KIA</option>
                    <option>Nissan</option>
                    <option>Tesla</option>
                    <option>Toyota</option>
                </select>
            </div>
            <div class="block-finder__form-item">
                <select class="block-finder__select" disabled>
                    <option value="none">Select Model</option>
                    <option>Explorer</option>
                    <option>Focus S</option>
                    <option>Fusion SE</option>
                    <option>Mustang</option>
                </select>
            </div>
            <div class="block-finder__form-item">
                <select class="block-finder__select" disabled>
                    <option value="none">Select Engine</option>
                    <option>Gas 1.6L 125 hp AT/L4</option>
                    <option>Diesel 2.5L 200 hp AT/L5</option>
                    <option>Diesel 3.0L 250 hp MT/L5</option>
                </select>
            </div>
        </div>
        <button type="submit" class="block-finder__button btn btn-primary">Search</button>
    </div>
{% endset %}

<!-- .block-finder -->
<div class="block-finder block-finder--layout--{{ layout }} block">
    <form>
        <div class="container">
            <div class="row">
                {% if layout == 'full' %}
                    <div class="col-12">
                        {{ _body }}
                    </div>
                {% else %}
                    <div class="col-lg-3 d-none d-lg-block"></div>
                    <div class="col-12 col-lg-9">
                        {{ _body }}
                    </div>
                {% endif %}
            </div>
        </div>
    </form>
</div>
<!-- .block-finder / end -->
