{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template core/datafilter/filter

    Template for the form containing one or more filter rows.

    Example context (json):
    {
        "filtertypes": [
            {
                "name": "status",
                "title": "Status",
                "values": [
                    {
                        "value": 1,
                        "title": "Active"
                    },
                    {
                        "value": 0,
                        "title": "Suspended"
                    }
                ]
            }
        ]
    }
}}

<div id="core-filter-{{uniqid}}" class="filter-group" data-table-region="{{tableregionid}}" data-table-course-id="{{courseid}}" data-filterverb="2">
    {{> core/datafilter/filter_match }}

    <div data-filterregion="filters">
        {{> core/datafilter/filter_row }}
    </div>

    <div class="d-flex mt-2 flex-wrap" data-filterregion="actions">
        <button type="button" class="btn btn-sm btn-outline-primary mb-2 mb-md-0" data-filteraction="add">
            <span class="rui-btn--icon">
                <svg width="18" height="18" fill="none" viewBox="0 0 24 24">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.75 12C4.75 7.99594 7.99594 4.75 12 4.75V4.75C16.0041 4.75 19.25 7.99594 19.25 12V12C19.25 16.0041 16.0041 19.25 12 19.25V19.25C7.99594 19.25 4.75 16.0041 4.75 12V12Z"></path>
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8.75003V15.25"></path>
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.25 12L8.75 12"></path>
                </svg>
            </span>
            <span class="ml-2">{{#str}}addcondition{{/str}}</span>
        </button>
        <button data-filteraction="reset" type="button" class="btn btn-sm btn-outline-secondary ml-auto mr-md-2 mb-2 mb-md-0">{{#str}}clearfilters{{/str}}</button>
        <button data-filteraction="apply" type="button" class="btn btn-sm btn-primary mb-2 mb-md-0 mx-0">{{#str}}applyfilters{{/str}}</button>
    </div>

    {{> core/datafilter/filter_types }}

</div>


