$def with (id_question, course, task, submissions, remote_debug_available)

$#
$# This file is part of INGInious. See the LICENSE and the COPYRIGHTS files for
$# more information about the licensing of this file.
$#

$var title: $:task.get_name() - $:task.get_course().get_name()

$# Left column content
$def ColumnF():
    <h3>Informations</h3>
    <table class="table table-condensed">
        $if task.get_authors():
            <tr>
                <td>Author(s)</td>
                <td>$",".join(task.get_authors())</td>
            </tr>
        <tr>
            <td>Deadline</td>
            <td>
                $task.get_deadline()
            </td>
        </tr>
        <tr>
            <td>Grade</td>
            <td>
                <span id="task_grade">$user_manager.get_task_grade(task)</span>%
            </td>
        </tr>
        <tr>
            <td>Grading weight</td>
            <td>$task.get_grading_weight()</td>
        </tr>
    </table>
    $if user_manager.has_staff_rights_on_course(course):
        <h3>Administration</h3>
        $if not course.is_open_to_non_staff():
            <div class="alert alert-warning" role="alert">
                This course is currently invisible for students.
                You can change this by modifying the "accessible" option in the configuration of the course.
            </div>
        $if not task.is_visible_by_students():
            <div class="alert alert-warning" role="alert">
                This task is currently invisible for students.
                You can change this by modifying the "accessible" option in the configuration of the task.
            </div>
        <div class="list-group">
            <a class="list-group-item list-group-item-info" href="/admin/$course.get_id()/task/$task.get_id()">
                <i class="fa fa-tasks fa-fw"></i>&nbsp; View submissions
            </a>
            $if user_manager.has_admin_rights_on_course(course):
                <a class="list-group-item list-group-item-info" href="/admin/$course.get_id()/edit/task/$task.get_id()">
                    <i class="fa fa-edit fa-fw"></i>&nbsp; Edit task
                </a>
                <a class="list-group-item list-group-item-info" data-toggle="modal" data-target="#modal-debug">
                    <i class="fa fa-wrench fa-fw"></i>&nbsp; Debug informations
                </a>
        </div>
    $else:
        <h3>Submitting as</h3>
        <div class="list-group">
            <div class="list-group-item list-group-item-info">
                $if task.is_group_task():
                    <i class="fa fa-chevron-right fa-fw"></i>&nbsp; <b>Group</b>
                $else:
                    <i class="fa fa-chevron-right fa-fw"></i>&nbsp; <b>$user_manager.session_realname()</b>
            </div>
            <a class="list-group-item list-group-item-info" href="/classroom/$course.get_id()">
                <i class="fa fa-users fa-fw"></i>&nbsp; Classroom : $user_manager.get_course_user_classroom(course)["description"]
            </a>
        </div>

    $:template_helper.call('task_menu', course=course, task=task, template_helper=template_helper)

$var Column: $:ColumnF()

$def NavbarF():
    <ol class="nav navbar-nav nav-breadcrumb">
        <li><a href="/course/$task.get_course().get_id()">$task.get_course().get_name()</a></li>
        <li class="active"><a href="#">$task.get_name() <span class="sr-only">(current)</span></a></li>
    </ol>
$var Navbar: $:NavbarF()

$# Start content
<h2>$task.get_name()</h2>
$:task.get_context()
<hr/>
<div id="task_alert"></div>
$if user_manager.has_admin_rights_on_course(course):
    <div class="modal fade" id="modal-debug">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Debug informations</h4>
                </div>
                <div class="modal-body">
                    The raw data from the container will be displayed here, helping you to debug the task.<br/>
                    This box is only displayed because you are an administrator of this course. It is not displayed to students.
                    <hr/>
                    <div id="task_debug">

                    </div>
                </div>
            </div>
        </div>
    </div>

<form id="task" method="post" action="/adaptive/course/${task.get_course().get_id()}/${task.get_id()}" enctype="multipart/form-data"
    $for submission in submissions:
        $if submission["status"] == "waiting":
            data-wait-submission="$submission['_id']"
            $break
>
    <input type="hidden" name="@action" value="submit" id="submit-hidden"/>
    $for key, problem in enumerate(task.get_problems()):
  		$if problem.get_id() == id_question:
  			<div class="panel panel-default">
  				$if len(task.get_problems()) != 1 or problem.get_name() != "":
  					<div class="panel-heading">
  						<h3 class="panel-title">
  							$if len(task.get_problems()) != 1:
  								$problem.get_name()
  						</h3>
  					</div>
  				<div class="panel-body">
  					<div id="task_alert.$problem.get_id()" class="task_alert_problem"></div>
  					$:problem.get_header()
  					$:problem.show_input(template_helper.get_common_renderer())
  				</div>
  			</div>
    $if user_manager.task_can_user_submit(task):
        $if user_manager.has_admin_rights_on_course(course) and remote_debug_available:
            <input type="hidden" name="@debug-mode" id="task-debug-mode" value=""/>
            <div class="row">
                <div class="col-xs-9 col-md-10">
                    <button type="submit" class="btn btn-default btn-lg btn-block center-block" id="task-submit">Submit</button>
                </div>
                <div class="col-xs-3 col-md-2">
                    <button type="button" class="btn btn-info btn-lg btn-block center-block" id="task-submit-debug" data-toggle="tooltip"
                            data-placement="top" title="Start remote SSH console with this input">
                        <i class="fa fa-terminal"></i>
                    </button>
                </div>
            </div>
        $else:
            <button type="submit" class="btn btn-default btn-lg btn-block center-block" id="task-submit-item" onclick="setSubmit()">Submit</button>
    $elif not task.get_accessible_time().is_open():
        <button type="submit" class="btn btn-default btn-lg btn-block center-block" disabled="disabled">The deadline is over, you cannot submit anymore</button>
    $elif task.is_group_task():
        <a href="/classroom/$course.get_id()" class="btn btn-default btn-lg btn-block center-block">Please register in a group</a>
    $else:
        <button type="submit" class="btn btn-default btn-lg btn-block center-block" disabled="disabled">You are not allowed to submit</button>
</form>

<form id="next" method="get" action="/adaptive/course/${task.get_course().get_id()}/${task.get_id()}">
  <input type="hidden" name="@action" value="next"/>
  <button type="submit" id="task-next" class="btn btn-default btn-lg btn-block center-block" onclick="setNext()" disabled>Next</button>
</form>

<script type="text/javascript">
//button "next" becomes disabled
function setSubmit() {
  document.getElementById('task-next').disabled = false;
}

//change the value to send
function setNext() {
  document.getElementById('submit-hidden').value = "next";
}
</script>