{{!
    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 mod_assign/grading_navigation

    Actions panel at the bottom of the assignment grading UI.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * data-region, data-assignmentid, data-groupid

    Context variables required for this template:
    * see mod/assign/classes/output/grading_app.php

    This template includes ajax functionality, so it cannot be shown in the template library.
}}

<div class="container-fluid">
  <div data-region="grading-navigation" class="no-gutters row no-gutters">

      {{!
          There are three chunks, which appear side-by-side at large screen sizes.
          A) Assignment info, which has 3 rows:
      }}

      <div data-region="assignment-info" class="col-12 row no-gutters px-0">

          {{!
              Row 1) course name & link.
          }}
          <div class="col-12 px-0">
            <a class="btn btn-primary btn-sm" href="{{config.wwwroot}}/course/view.php?id={{courseid}}" title="{{{coursename}}}">{{{coursename}}}</a>
            {{!
                Row 2) Assignment name & link, & edit settings.
            }}
            <a class="btn btn-secondary btn-sm" href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}" title="{{name}}">{{name}}</a>

            {{#caneditsettings}}
            <a class="btn btn-secondary btn-sm pull-right" href="{{config.wwwroot}}/course/modedit.php?update={{cmid}}&return=1">{{#pix}}t/edit, core,{{#str}}editsettings{{/str}}{{/pix}}</a>
            {{/caneditsettings}}
            {{!
                Row 3) Assignment grading & link, due date, with tool-tip thing.
            }}
            <a class="btn btn-secondary btn-sm pull-right mr-1" href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}&action={{actiongrading}}" title="{{viewgrading}}">{{viewgrading}}</a>

            <hr class="hr" />
          </div>

          <div role="tooltip" id="tooltip-{{uniqid}}" class="accesshide">
          {{#duedate}}
          {{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}
          {{/duedate}}

          {{#cutoffdate}}
          {{cutoffdatestr}}
          {{/cutoffdate}}

          {{#duedate}}
          {{timeremainingstr}}
          {{/duedate}}
          </div>

      </div>

      <div class="col-12 row no-gutters px-0">
        {{!
            B) Current user name and info.
        }}
        <div data-region="user-info" class="col" data-assignmentid="{{assignmentid}}" data-groupid="{{groupid}}">
            {{> mod_assign/grading_navigation_user_info }}
        </div>

        {{!
            C) User selector widget.
        }}
        <div data-region="user-selector" class="col">
            <div class="alignment">
                {{> mod_assign/grading_navigation_user_selector }}
            </div>
        </div>
      </div>

  </div>
</div>
{{#js}}
require(['mod_assign/grading_navigation', 'core/tooltip'], function(GradingNavigation, ToolTip) {
    var nav = new GradingNavigation('[data-region="user-selector"]');
    var tooltip = new ToolTip('[data-region="assignment-tooltip"]');
});
{{/js}}