{{!
    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.

    Edwiser RemUI
    @package   theme_remui
    @copyright (c) 2020 WisdmLabs (https://wisdmlabs.com/)
    @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later

}}
{{!
    @template theme_remui/activity_navigation

    Display the activity navigation for all activities in a course

    Context variables required for this template:

    Example context (json):
    {
    }
}}
<div id="wdm-activeusers-individual" data-sesskey="{{sesskey}}">
    <div id="wdm-userfilter" class="h-auto my-10">
        <div class="row">
            <div class="filters col-12 d-flex mb-1">
                <div class="backbutton">
                    <a href="{{backurl}}" class="btn btn-secondary">
                        <i class="icon fa fa-arrow-left"></i>
                    </a>
                </div>
                <div class="d-flex ml-auto">
                    {{# cohortfilters }}
                    <div class="dropdown mr-1">
                        <button type="button" class="btn dropdown-toggle" id="cohortfilter" data-toggle="dropdown" aria-expanded="false">
                            {{ text }}
                        </button>
                        <div class="dropdown-menu dropdown-scrollable dropdown-menu-right" aria-labelledby="cohortfilter" role="menu" x-placement="bottom-start">
                            <a class="dropdown-item" href="javascript:void(0)" data-cohortid="0" role="menuitem">
                                {{# str }} all, local_edwiserreports {{/ str }}
                            </a>
                            {{# values }}
                            <a class="dropdown-item" href="javascript:void(0)" data-cohortid="{{ id }}" role="menuitem">
                                {{ name }}
                            </a>
                            {{/ values }}
                        </div>
                    </div>
                    {{/ cohortfilters }}
                    <div class="dropdown">
                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" id="filter-dropdown" aria-expanded="false">
                            {{# str }} lastweek, local_edwiserreports {{/ str }}
                        </button>
                        <div class="dropdown-menu dropdown-scrollable dropdown-menu-right" aria-labelledby="filter-dropdown" role="menu">
                            <div id="activeUser-calendar" class="dropdown-calendar"></div>
                            <div class="dropdown-body">
                                    <a class="dropdown-item" href="javascript:void(0)" role="menuitem" value="weekly">
                                    {{# str }} lastweek, local_edwiserreports {{/ str }}
                                </a>
                                <a class="dropdown-item" href="javascript:void(0)" role="menuitem" value="monthly">
                                    {{# str }} lastmonth, local_edwiserreports {{/ str }}
                                </a>
                                <a class="dropdown-item" href="javascript:void(0)" role="menuitem" value="yearly">
                                    {{# str }} lastyear, local_edwiserreports {{/ str }}
                                </a>
                                <input class="dropdown-item border-0 custom d-none d-md-block" id="flatpickrCalender" placeholder="{{# str }} custom, local_edwiserreports{{/ str }}"  data-input/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="alert alert-info alert-block fade in " role="alert" data-aria-autofocus="true">
        <button type="button" class="close" data-dismiss="alert">×</button>
        {{# str }} clicktogetuserslist, local_edwiserreports {{/ str}}
    </div>
    <div class="table-responsive">
        {{> local_edwiserreports/activeuserstable }}
    </div>
    {{# export }}
        <div class="pull-right px-5">
            {{> local_edwiserreports/exportreports }}
        </div>
    {{/ export }}
</div>
