{{!
    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/>.

    Edwiser RemUI
    @package theme_remui
    @copyright (c) 2023 WisdmLabs (https://wisdmlabs.com/)
    @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
}}
{{!
    @template core_message/message_drawer_view_overview_body

    This template will render the body of the overview section of the message drawer.

    Classes required for JS:
    * none

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

    Context variables required for this template:
    * userid The logged in user id
    * urls The URLs for the popover

    Example context (json):
    {}

}}
<div class="h-100 view-overview-body" aria-hidden="false" data-region="view-overview" {{^isdrawer}}data-in-panel="true"
    {{/isdrawer}} data-user-id="{{loggedinuser.id}}">
    <div id="message-drawer-view-overview-container-{{uniqid}}" class="d-flex flex-column h-100 tab-body-container"
        style="overflow-y: auto">
        <ul class="nav nav-tabs nav-justified border-0 m-0 p-0 msg-panel-tab">
            <li class="nav-item " data-region="view-overview-favourites" title="{{$title}}{{#str}} favourites {{/str}}{{/title}}">
                {{< theme_remui/message_drawer_tab_button }} {{$region}}view-overview-favourites{{/region}}
                    {{$title}}{{#str}} favourites {{/str}}{{/title}}
                    {{$placeholder}}
                    <div class="text-center py-2">
                        {{>core/loading }}
                    </div>
                    {{/placeholder}}
                {{$emptymessage}}
                <p class="text-muted mt-2">{{#str}} nofavourites, core_message {{/str}}</p>
                {{/emptymessage}}
                {{/ theme_remui/message_drawer_tab_button }}
            </li>
            <li class="nav-item" data-region="view-overview-group-messages" title="{{$title}}{{#str}} groupconversations, core_message {{/str}}{{/title}}">
                {{< theme_remui/message_drawer_tab_button }} {{$region}}view-overview-group-messages{{/region}}
                {{$title}}{{#str}} groupconversations, core_message {{/str}}{{/title}}
                {{$placeholder}}
                <div class="text-center py-2">
                    {{> core/loading }}
                </div>
                {{/placeholder}}
                {{$emptymessage}}
                <p class="text-muted mt-2">{{#str}} nogroupconversations, core_message {{/str}}</p>
                {{/emptymessage}}
                {{/ theme_remui/message_drawer_tab_button }}
            </li>

            <li class="nav-item"  data-region="view-overview-messages" title="{{$title}}{{#str}}individualconversations, core_message {{/str}}{{/title}} ">
                {{< theme_remui/message_drawer_tab_button }} {{$region}}view-overview-messages{{/region}} {{$title}}{{#str}}
                individualconversations, core_message {{/str}}{{/title}} {{$placeholder}}
                <div class="text-center py-2">
                    {{>core/loading }}
                </div>
                {{/placeholder}}
                {{$notification}}
                {{#overview.notification}}
                <div class="text-center p-2">
                    <p class="text-center text-muted mt-2">{{.}}</p>
                </div>
                {{/overview.notification}}
                {{/notification}}
                {{$emptymessage}}
                <p class="text-muted mt-2">{{#str}} noindividualconversations, core_message {{/str}}</p>
                {{/emptymessage}}
                {{/ theme_remui/message_drawer_tab_button }}
            </li>

        </ul>
        {{> core_message/message_drawer_view_overview_section_favourites }}
        {{> core_message/message_drawer_view_overview_section_group_messages }}
        {{> core_message/message_drawer_view_overview_section_messages }}
    </div>
</div>
