{{!
    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_message/notification_preferences_component

    The notification preferences page

    Classes required for JS:
    * None

    Data attibutes required for JS:
    * All data attributes are required

    Context variables required for this template:
    * displayname   The component display name
    * processors    The list of processors for this component
    * notifications The list of notifications

    Example context (json):
    {
        "displayname": "System",
        "processors": [
            {
                "onlinehelphtml": "<p>help button HTML</p>",
                "offlinehelphtml": "<p>help button HTML</p>"
            }
        ],
        "notifications": [
            {
                "displayname": "Notices about minor problems",
                "preferencekey": "message_provider_moodle_notices",
                "processors": [
                    {
                        "displayname": "Popup notification",
                        "name": "popup",
                        "locked": 0,
                        "userconfigured": 1,
                        "loggedin": {
                            "name": "loggedin",
                            "displayname": "When I'm logged in",
                            "checked": 0,
                            "disableall": 0
                        },
                        "loggedoff": {
                            "name": "loggedoff",
                            "displayname": "When I'm offline",
                            "checked": 0,
                            "disableall": 0
                        }
                    }
                ]
            }
        ]
    }
}}
<tr>
    <th><h4>{{displayname}}</h4></th>
    {{#processors}}
        <td class="align-bottom">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-6">
                        {{#str}} loggedin, message {{/str}}
                        {{#onlinehelphtml}}{{{.}}}{{/onlinehelphtml}}
                    </div>
                    <div class="col-6">
                        {{#str}} loggedoff, message {{/str}}
                        {{#offlinehelphtml}}{{{.}}}{{/offlinehelphtml}}
                    </div>
                </div>
            </div>
        </td>
    {{/processors}}
</tr>
{{#notifications}}
    {{> message/notification_preferences_component_notification }}
{{/notifications}}
