<%! from django.utils.translation import ugettext as _ %>
<%page args="section_data"/>

<div>
  %if section_data['is_small_course']:
  ## Show the gradebook for small courses
    <h2>${_("Student Gradebook")}</h2>
      <p>
	${_("Click here to view the gradebook for enrolled students. This feature is only visible to courses with a small number of total enrolled students.")}
      </p>
      <br>
      <p>
	<a href="${ section_data['spoc_gradebook_url'] }" class="gradebook-link"> ${_("View Gradebook")} </a>
      </p>
    <hr>
  %endif
</div>

<div class="student-specific-container action-type-container">
  <h2>${_("Student-specific grade inspection")}</h2>
  <div class="request-response-error"></div>
  <p>
  ${_("Specify the {platform_name} email address or username of a student here:").format(platform_name=settings.PLATFORM_NAME)}
  <input type="text" name="student-select-progress" placeholder="${_("Student Email or Username")}">
  </p>
  <br>

  <div class="progress-link-wrapper">
  <p>
    ${_("Click this link to view the student's progress page:")}

    <a href="" class="progress-link" data-endpoint="${ section_data['get_student_progress_url_url'] }"> ${_("Student Progress Page")} </a>
  </p>
  </div>

  <hr>
</div>

<div class="student-grade-container action-type-container">
  <h2>${_("Student-specific grade adjustment")}</h2>
  <div class="request-response-error"></div>
  <p>
  ${_("Specify the {platform_name} email address or username of a student here:").format(platform_name=settings.PLATFORM_NAME)}
  <input type="text" name="student-select-grade" placeholder="${_("Student Email or Username")}">
  </p>
  <br>

  <p> ${_("Specify a problem in the course here with its complete location:")}
  <input type="text" name="problem-select-single" placeholder="${_("Problem location")}">
  </p>

  ## Translators: A location (string of text) follows this sentence.
  <p>${_("You must provide the complete location of the problem. In the Staff Debug viewer, the location looks like this:")}<br/>
  <tt>i4x://edX/Open_DemoX/problem/78c98390884243b89f6023745231c525</tt></p>

  <p>
  ${_("Next, select an action to perform for the given user and problem:")}
  </p>

  <p>
  <input type="button" name="reset-attempts-single" value="${_("Reset Student Attempts")}" data-endpoint="${ section_data['reset_student_attempts_url'] }">

  %if settings.FEATURES.get('ENABLE_INSTRUCTOR_BACKGROUND_TASKS') and section_data['access']['instructor']:
    <input type="button" name="rescore-problem-single" value="${_("Rescore Student Submission")}" data-endpoint="${ section_data['rescore_problem_url'] }">
  %endif
  </p>

  <p>
  %if section_data['access']['instructor']:
    <p> ${_('You may also delete the entire state of a student for the specified problem:')} </p>
    <p><input type="button" class="molly-guard" name="delete-state-single" value="${_("Delete Student State for Problem")}" data-endpoint="${ section_data['reset_student_attempts_url'] }"></p>
  %endif
  </p>


  %if settings.FEATURES.get('ENABLE_INSTRUCTOR_BACKGROUND_TASKS') and section_data['access']['instructor']:
    <p>
      ${_("Rescoring runs in the background, and status for active tasks will appear in the 'Pending Instructor Tasks' table. "
      "To see status for all tasks submitted for this problem and student, click on this button:")}
    </p>

    <p><input type="button" name="task-history-single" value="${_("Show Background Task History for Student")}" data-endpoint="${ section_data['list_instructor_tasks_url'] }"></p>
    <div class="task-history-single-table"></div>
  %endif
  <hr>
</div>

%if settings.FEATURES.get('ENABLE_INSTRUCTOR_BACKGROUND_TASKS') and section_data['access']['instructor']:
  <div class="course-specific-container action-type-container">
    <h2>${_('Course-specific grade adjustment')}</h2>
    <div class="request-response-error"></div>

    <p>
      ${_("Specify a problem in the course here with its complete location:")}
      <input type="text" name="problem-select-all" size="60" placeholder="${_("Problem location")}">
    </p>
    ## Translators: A location (string of text) follows this sentence.
    <p>${_("You must provide the complete location of the problem. In the Staff Debug viewer, the location looks like this:")}<br/>
    <tt>i4x://edX/Open_DemoX/problem/78c98390884243b89f6023745231c525</tt></p>
    <p>
      ${_("Then select an action")}:
      <input type="button" class="molly-guard" name="reset-attempts-all" value="${_("Reset ALL students' attempts")}" data-endpoint="${ section_data['reset_student_attempts_url'] }">
      <input type="button" class="molly-guard" name="rescore-problem-all" value="${_("Rescore ALL students' problem submissions")}" data-endpoint="${ section_data['rescore_problem_url'] }">
    </p>
    <p>
    <p>
      ${_("The above actions run in the background, and status for active tasks will appear in a table on the Course Info tab. "
      "To see status for all tasks submitted for this problem, click on this button")}:
    </p>
      <p><input type="button" name="task-history-all" value="${_("Show Background Task History for Problem")}" data-endpoint="${ section_data['list_instructor_tasks_url'] }"></p>
      <div class="task-history-all-table"></div>
    </p>
  </div>
%endif

%if settings.FEATURES.get('ENABLE_INSTRUCTOR_BACKGROUND_TASKS'):
  <div class="running-tasks-container action-type-container">
    <hr>
    <h2> ${_("Pending Instructor Tasks")} </h2>
    <p>${_("The status for any active tasks appears in a table below.")} </p>
    <br />

    <div class="running-tasks-table" data-endpoint="${ section_data['list_instructor_tasks_url'] }"></div>
  </div>

%endif
