<link rel="stylesheet" type="text/css" href="{{ url('/') }}/css/top-filter.css">
<div class="form-wapper top-filter">
    <form action="{{ url('/') }}/" method="post" class="ic_tf_form">
        <div class="form-col">
            <div class="banner-new-input">
                <span class="area-icon"><img src="{{ url('/') }}/img/Area-icon.svg" alt=""></span>
                <input type="text" class="input-focus tf_p_area" placeholder="Search Practice Area">
                <label class="label-focus">Search Practice Area</label>

                <div class="p_area_results" style="display:none;">
                    <div class="ts-res-sub">
                        <p class="p_area_loader" style="display:block;"><img src="{{ url('/') }}/img/loading.gif" alt="Practice Area Loading"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-col">
            <div class="banner-new-input">
                <span class="area-icon"><img src="{{ url('/') }}/img/location-icon.svg" alt=""></span>
                <input type="text" class="input-focus tf_cs" placeholder="Search City">
                <label class="label-focus">Search City</label>

                <div class="sc_results" style="display:none;">
                    <div class="ts-res-sub">
                        <p class="sc_loader" style="display:block;"><img src="{{ url('/') }}/img/loading.gif" alt="State-City Loading"></p>
                        <span>About</span>
                    </div>
                </div>
            </div>
        </div>
        <div id="snackbar"></div>
        <div class="form-btn">
            <button type="submit" class="tf_submit"><img src="{{ url('/') }}/img/header-footer-img/h-search-icon.svg">Search</button>
        </div>
    </form>
</div>

<script>
    var tf_url = "{{ url('/') }}/top_filter";
</script>
<script src="{{ url('/') }}/js/top-filter.js"></script>