@php
    use App\MemberListingModel;
	$memberInstance = new MemberListingModel();
@endphp
<div class="col-xl-3 col-lg-4 col-md-12">
    {{-- <div class="card">
        <div class="card-body">
            <div class="input-group">
                <input type="text" class="form-control br-tl-7 br-bl-7" placeholder="Search">
                <div class="input-group-append ">
                    <button type="button" class="btn btn-primary br-tr-7 br-br-7">
                        Search
                    </button>
                </div>
            </div>
        </div>
    </div> --}}
    <div class="card">
        <form action="" method="get">
            <div class="card-header">
                <h3 class="card-title">Property Search</h3>
            </div>
            <div class="card-body">
                <div class="" id="">
                    <div class="form-group">
                        <input type="text" class="form-control br-tl-7 br-bl-7" name="cls_name" placeholder="Classified Name" value="">
                    </div>
                    @php
                        $category_name = $memberInstance->display_Categories();
                    @endphp
                    <div class="form-group">
                        <select class="form-control" name="category">
                            <option value="">Select Category</option>
                            @foreach($category_name as $cat)
                            <option value="{{$cat->profession_id}}">{{$cat->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="">
                            <option value="">All Statuses</option>
                            <option value="">For sale</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="">
                            <option value="">Property Type</option>
                            <option value="">House</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="">
                            <option value="">Beds</option>
                            <option value="">1</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="">
                            <option value="">Baths</option>
                            <option value="">1</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control br-tl-7 br-bl-7" name="location" placeholder="Search Location(Optional)" value="">
                    </div>
                </div>
            </div>
            <div class="card-header border-top">
                <h3 class="card-title">Price Range</h3>
            </div>
            <div class="card-body">
                <h6>
                    <label for="price">Price Range:</label>
                    <input type="text" id="price">
                </h6>
                <div id="mySlider"></div>
            </div>
            <div class="card-footer">
                <a href="#" class="btn btn-secondary btn-block">Apply Filter</a>
            </div>
        </form>
    </div>
    <div class="card mb-0">
        <div class="card-header">
            <h3 class="card-title">Shares</h3>
        </div>
        <div class="card-body product-filter-desc">
            <div class="product-filter-icons text-center">
                <a href="#" class="facebook-bg"><i class="fa fa-facebook"></i></a>
                <a href="#" class="twitter-bg"><i class="fa fa-twitter"></i></a>
                <a href="#" class="google-bg"><i class="fa fa-google"></i></a>
                <a href="#" class="dribbble-bg"><i class="fa fa-dribbble"></i></a>
                <a href="#" class="pinterest-bg"><i class="fa fa-pinterest"></i></a>
            </div>
        </div>
    </div>
</div>