<div class="col-lg-12">
    <div class="ibox">
        <div class="ibox-title">
            <div class="ibox-tools">
                <h5>Filters</h5>
                <a data-toggle="collapse" href="#collapseFilter" class="collapse-link"
                    ><i class="icon icon-e-delete"></i></a>
            </div>
        </div>
        <div class="collapse in" id="collapseFilter" aria-expanded="true">
            <div class="ibox-content">
                <form action="{{ route('consumption-trends-graph-data') }}" method="post" id="search-form">
                    {{csrf_field()}}
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                            <label class="control-label">Location</label>
                                <select class="chosen-select"  multiple="" id="selected-location"  name="selected_location[]" data-placeholder="All">
                                    @foreach($filterDataOptions['locations'] as $location)
                                        <option value="{{$location->id}}">{{$location->room_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        
                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label">Region</label>
                                <select class="chosen-select"  multiple=""  name="selected_region[]" id="selected-region" data-placeholder="All">
                                    @foreach($filterDataOptions['regions'] as $region)
                                        <option value="{{$region->id}}">{{$region->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="form-group">
                                <label class="control-label">Country</label>
                                <select class="chosen-select"  multiple=""  name="selected_country[]" id="country" data-placeholder="Select">
                                    @foreach($filterDataOptions['countries'] as $country)
                                    <option value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>