
<div class="panel-group mt-4" id="accordion">

    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="panel-title">
                <div class="row">
                    <div class="col-sm-10 filtersHeader">Filters</div>
                    <div class="col-sm-2 filtersHeader" id="filtersOpenClose" data-id="filters">+</div>
                </div>
            </div>
        </div>

        <div id="filtersBody" class="hidden">
            <div class="panel">
                <div class="panel-heading">
                    <strong>Search Precedence</strong>
                </div>
                <div class="panel-body">
                    <select class="form-control" id="precedence" name="precedence">
                        @foreach($precedenceOptions as $value => $text)
                        <option value="{{ $value }}" @if ( $value == $searchSettings['precedence'] )selected="selected" @endif>{{ $text }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="panel">
                <div class="panel-heading">
                    <strong>Points</strong>
                </div>
                <div class="panel-body">
                    <input placeholder="Min" type="text" class="form-control-xs col-xs-5" id="pointsMin" name="pointsMin" value="{{ $searchSettings['pointsMin'] ?? '' }}" />
                    <div class="col-xs-2" style="padding-top: 2px;">&mdash;</div>
                    <input placeholder="Max" type="text" class="form-control-xs col-xs-5" id="pointsMax" name="pointsMax" value="{{ $searchSettings['pointsMax'] ?? '' }}" />
                </div>
            </div>
            <div class="panel">
                <div class="panel-body row">
                    <div class="col-xs-6">
                      <a type="button" class="btn btn-sm btn-default btn-block" style="min-width: 20px;" href="/catalog/list">Reset</a>
                    </div>
                    <div class="col-xs-6 text-right">
                        <button class="btn btn-sm btn-primary btn-block" style="min-width: 20px;" id="pageUpdate" name="pageUpdate">Update</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div> <!-- accordion -->

