@php
    use App\MemberListingModel;
	$memberInstance = new MemberListingModel();
@endphp
<div class="col-xl-3 col-lg-4 col-md-12">
    <div class="card">
        <form action="{{url('/property-filter')}}" method="post">
            @csrf
            <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="property_name" placeholder="Properties Name" value="{{$property_name}}">
                    </div>
                    @php
                        $category_name = $memberInstance->display_Categories();
                    @endphp
                    <div class="form-group">
                        <input type="text" class="form-control br-tl-7 br-bl-7" name="location" placeholder="Search Location(Optional)" value="{{$location}}">
                    </div>
                    <div class="form-group">
                        <select class="form-control select2" name="property_status" value="{{$property_status}}">
                            <option value="">Property Status</option>
                            <option value="For Sale" {{ $property_status == 'For Sale' ? 'selected="selected"' : '' }}>For Sale</option>
                            <option value="For Rent" {{ $property_status == 'For Rent' ? 'selected="selected"' : '' }}>For Rent</option>
                            <option value="Sold" {{ $property_status == 'Sold' ? 'selected="selected"' : '' }}>Sold</option>
                            <option value="Rented"{{ $property_status == 'Rented' ? 'selected="selected"' : '' }}>Rented</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control select2" name="property_type">
                            <option value="">Property Type</option>
                            <option value="Townhouse" {{ $property_type == 'Townhouse' ? 'selected="selected"' : '' }}>Townhouse</option>
                            <option value="Condo" {{ $property_type == 'Condo' ? 'selected="selected"' : '' }}>Condo</option>
                            <option value="Multi-Family" {{ $property_type == 'Multi-Family' ? 'selected="selected"' : '' }}>Multi-Family</option>
                            <option value="Commercial" {{ $property_type == 'Commercial' ? 'selected="selected"' : '' }}>Commercial</option>
                            <option value="Land" {{ $property_type == 'Land' ? 'selected="selected"' : '' }}>Land</option>
                            <option value="Others" {{ $property_type == 'Others' ? 'selected="selected"' : '' }}>Others</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control select2" name="bed_rooms">
                            <option value="">BedRooms</option>
                            <option value="0" {{ $bed_rooms == '0' ? 'selected="selected"' : '' }}>0+</option>
                            <option value="1" {{ $bed_rooms == '1' ? 'selected="selected"' : '' }}>1+</option>
                            <option value="2" {{ $bed_rooms == '2' ? 'selected="selected"' : '' }}>2+</option>
                            <option value="3" {{ $bed_rooms == '3' ? 'selected="selected"' : '' }}>3+</option>
                            <option value="4" {{ $bed_rooms == '4 ' ? 'selected="selected"' : '' }}>4+</option>
                            <option value="5" {{ $bed_rooms == '5 ' ? 'selected="selected"' : '' }}>5+</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control select2" name="bath_rooms">
                            <option value="">BathRooms</option>
                            <option value="0" {{ $bath_rooms == '0' ? 'selected="selected"' : '' }}>0+</option>
                            <option value="1" {{ $bath_rooms == '1' ? 'selected="selected"' : '' }}>1+</option>
                            <option value="2" {{ $bath_rooms == '2' ? 'selected="selected"' : '' }}>2+</option>
                            <option value="3" {{ $bath_rooms == '3' ? 'selected="selected"' : '' }}>3+</option>
                            <option value="4" {{ $bath_rooms == '4' ? 'selected="selected"' : '' }}>4+</option>
                        </select>
                    </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" name="price" value= {{$price}}>
                </h6>
                <div id="mySlider"></div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-secondary btn-block">Apply Filter</button>
            </div>
        </form>
    </div>
</div>