<!-- // ~~~~~~~~~~~~~~~~~~~~~~~~~~ BEGIN searchform-advanced.php ~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
                            <div class=searchform>
                                <form method=get role=search id=advanced-search class=form-inline action="<?php echo esc_url( home_url( '/' ) ); ?>">

                                    <!-- PASSING THIS TO TRIGGER THE ADVANCED SEARCH RESULT PAGE FROM functions.php -->
                                    <input type=hidden name=search value=advanced>

                                    <div class=form-group>
                                        <label class=sr-only for=inputSuburb>Search</label>
                                        <div class=input-group>
                                            <div class=input-group-addon><i class="fa fa-location-arrow"></i></div>
                                            <select name=property-location id=property-location class="selectpicker show-tick" data-width="300px" id=inputSuburb title=Suburb data-live-search=true data-header="Select a suburb">
                                                <?php
                                                    $location_terms = get_terms(
                                                        array(
                                                            'taxonomy' => 'property-location',
                                                            'hide_empty' => true,
                                                            )
                                                        );
                                                    foreach( $location_terms as $type ) {
                                                        echo "
                                                    <option data-tokens='$type->slug' value='$type->slug'>$type->name</option>";
                                                    }
                                                ?>

                                            </select>
                                        </div>
                                    </div>

                                    <a class="btn btn-link" role=button data-toggle=collapse href="#collapseSearch" aria-expanded=false aria-controls=collapseSearch>
                                        <i class="fa fa-gear"></i> Advanced
                                    </a>

                                    <button value="s" type=submit class="btn btn-primary search-submit">Search</button>

                                    <div class=collapse id=collapseSearch>
                                        <div class="col-md-12">
                                            <div class="col-md-6 form-group">
                                                <label class=sr-only for=inputBedrooms>Bedrooms</label>
                                                <div class=input-group>
                                                    <div class=input-group-addon><i class="fa fa-bed"></i></div>
                                                    <select name=bedrooms id=inputBedrooms title=Bedrooms class="selectpicker show-tick" data-width="150px">
                                                        <option value=1>1+</option>
                                                        <option value=2>2+</option>
                                                        <option value=3>3+</option>
                                                        <option value=4>4+</option>
                                                        <option value=5>5+</option>
                                                        <option value=6>6+</option>
                                                        <option value=7>7+</option>
                                                        <option value=8>8+</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-6 form-group">
                                                <label class=sr-only for=inputBathrooms>Bathrooms</label>
                                                <div class=input-group>
                                                    <div class=input-group-addon><i class="fa fa-bath"></i></div>
                                                    <select id=inputBathrooms name=bathrooms title=Bathrooms class="selectpicker show-tick" data-width="150px">
                                                        <option value=1>1+</option>
                                                        <option value=2>2+</option>
                                                        <option value=3>3+</option>
                                                        <option value=4>4+</option>
                                                        <option value=5>5+</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div><!-- .col-md-12 -->
                                        <div class=clearfix></div>
                                        <div class=row style="margin-top: 30px">
                                            <div class="col-md-12 form-group">
                                                <label class=sr-only for=inputPriceRange>Price Range (ZAR)</label>
                                                <div class=input-group>
                                                    <p class=help-block>Price Range: R2 000 &mdash; R30 000</p>
                                                    <div class=col-md-12><input id=inputPriceRange type=text /></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <script>
                                jQuery("#inputPriceRange").slider({
                                    min: 2000,
                                    max: 30000,
                                    step: 1000,
                                    range: true,
                                    tooltip: 'always',
                                    tooltip_position: 'bottom'
                                });
                            </script>

                            <!-- // ~~~~~~~~~~~~~~~~~~~~~~~~~~ END searchform-advanced.php ~~~~~~~~~~~~~~~~~~~~~~~~~~ -->