$def with (course, thehash, backups, msg, error)

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

$var title: Danger zone

$def ColumnF():
    $:template_helper.call('course_admin_menu',course=course,current='danger')
$var Column: $:ColumnF()

$def NavbarF():
    <ol class="nav navbar-nav nav-breadcrumb">
        <li><a href="/course/$course.get_id()">$course.get_name()</a></li>
        <li><a href="/admin/$course.get_id()" title="Administration" data-toggle="tooltip" data-placement="bottom">
            <i class="fa fa-user-secret"></i></a></li>
        <li class="active"><a href="#">Danger zone <span class="sr-only">(current)</span></a></li>
    </ol>
$var Navbar: $:NavbarF()

<h2>Danger zone</h2>
$if error:
    <div class="alert alert-warning alert-dismissable" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        $:msg
    </div>
$elif msg:
    <div class="alert alert-success alert-dismissable" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        $:msg
    </div>

<div class="panel panel-danger">
    <div class="panel-heading">
        <h3 class="panel-title">Wipe all course data</h3>
    </div>
    <div class="panel-body">
        <p>
            This will remove all course data (submissions, classrooms, user statistics) from the database.
            A backup will be made.
        </p>
        <p>To confirm your will, please type the course id below :</p>
        <form class="form-horizontal" method="post">
            <input type="hidden" name="token" value="$thehash">
            <div class="row">
                <div class="col-md-6">
                    <input type="text" placeholder="course id" name="courseid" class="form-control">
                </div>
                <div class="col-md-6">
                    <button type="submit" name="wipeall" class="btn btn-block btn-warning"><i class="fa fa-trash"></i> Wipe all data</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="panel panel-default">
    <div id="restore_modal" class="modal fade">
        <div class="modal-dialog">
            <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">Restore backup from <span class="backupdate"></span></h4>
                </div>
                <div class="modal-body">
                    <p>This will restore your course data to <span class="backupdate"></span>. Are you sure ?</p>
                </div>
                <div class="modal-footer">
                    <form method="post">
                        <input type="hidden" name="backupdate" id="backupdate">
                        <input type="hidden" name="token" value="$thehash">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="submit" name="restore" class="btn btn-danger">Restore backup</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="panel-heading">
        <h3 class="panel-title">Backups</h3>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th>backup date</th>
                <th><span class="pull-right">download</span></th>
            </tr>
        </thead>
        <tbody>
            $for backup in backups:
                <tr>
                    <td>$backup['date']</td>
                    <td>
                        <div class="pull-right btn-group">

                            <button type="button" data-backupdate="$backup['date']" data-backupfile="$backup['file']" data-toggle="modal" data-target="#restore_modal" class="btn btn-danger btn-xs restore" title="Restore backup">
                                <i class="fa fa-recycle"></i>
                            </button>

                            <a href="?download=$backup['file']" class="btn btn-default btn-xs" title="Download backup"
                               data-toggle="tooltip" data-placement="bottom"><i class="fa fa-download"></i></a>
                        </div>
                    </td>
                </tr>
        </tbody>
    </table>
    <script type="text/javascript">
            $$('#restore_modal').on('show.bs.modal', function (event) {
              $$('.modal-dialog .backupdate').each(function (index) {
                  $$(this).text($$(event.relatedTarget).data('backupdate'));
              });
              $$('.modal-dialog #backupdate').val($$(event.relatedTarget).data('backupfile'));
            });
            $$(".restore").each(function(index) {
                $$(this).tooltip({"placement": "bottom"});
            });
    </script>
</div>