
<div id="filter-panel" class="collapse filter-panel mb-2">
    <div class="panel panel-default bg-light p-3">
        <div class="panel-body">
            <form id="traders-filter-form" class="form" role="form">
                <div class="row">
                    <div class="form-group col-xs-3 col-md-3">
                        <label class="control-label" for="filter-name">Organisation Name</label>
                        <input type="text" name="name" id="filter-name" class="form-control">
                    </div>
                    <div class="form-group col-xs-3 col-md-3">
                        <label class="control-label" for="filter-type">Organisation Type</label>
                        <select name="type" id="filter-type" class="form-control">
                            <option value="">All</option>
                            
                                <option value=""></option>
                            
                        </select>
                    </div>
                    <div class="form-group col-xs-3 col-md-3">
                        <label class="control-label" for="filter-region">Region</label>
                        <select name="region" id="filter-region" class="form-control">
                            <option value="">All</option>
                            
                                <option value=""></option>
                            
                        </select>
                    </div>
                    <div class="form-group col-xs-3 col-md-3">
                        <label class="control-label" for="filter-county">County</label>
                        <select name="county" id="filter-county" class="form-control">
                            <option value="">All</option>
                                <option value=""></option>

                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <button type="submit" id="filter-submit" class="btn btn-primary btn-round btn-sm">
                            <i class="fas fa-filter"></i> Filter
                        </button>
                        <a href="" class="btn btn-primary btn-round btn-border btn-sm">Clear</a>
                    </div>
                </div>
            </form>
            {{-- <form class="form" role="form">
                <div class="row">
                    <div class="form-group col-xs-2 col-md-2">
                        <label class="control-label" for="pref-perpage">Start Date</label>
                        <input type="text" class="form-control input-sm" id="pref-perpage" value="2010-01-01">
                    </div>
                    <div class="form-group col-xs-2 col-md-2">
                        <label class="control-label" for="pref-search">End Date</label>
                        <input type="text" class="form-control input-sm" id="pref-search" value="2018-05-29">
                    </div>
                    <div class="form-group col-xs-2 col-md-2">
                        <div class="radio">
                            <label>
                            <input type="radio" name="optionRadios" id="optionRadios1" value="option1" checked>
                            Event Date
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                            <input type="radio" name="optionRadios" id="optionRadios2" value="option2">
                            Report Date
                            </label>
                        </div>
                    </div>
                    <div class="form-group col-xs-2 col-md-2 col-md-offset-3">
                        <div class="radio">
                            <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                            Word Cloud
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                            Word Ranking
                            </label>
                        </div>
                    </div>
                </div>
            </form> --}}
        </div>
    </div>
</div>
