{% extends 'reports/base_index.html' %}
{% load course_filter %}
{% block title %}Проверки по учителю{% endblock %}
{% block page_title %}Проверки по учителю{% endblock %}
{% block head %}
{% endblock %}
{% block content %}
    <div style="    height: 50px;">
        <h3 style="margin-left: 20px;font-weight: bold;">
           <i class="glyphicon glyphicon-time"></i> Проверки по учителю
        </h3>
    </div>
    <div style="width: 100%;" name="report_filter">
        <form onsubmit="return false;" name="general_form">
        <div style="float: left;width: 25%;">
            <div style="    padding: 10px 5%;text-align: center;
            background: #ffc;    border-top: 2px solid #ff1;
            border-bottom: 2px solid #ff1;font-weight: bold;border-right: 1px dotted #ccc;">
            <b>Курс</b>
            </div>
            <div style="height: 100%;">
                <ul class="list-group no-radius">
                    {% for course in courses %}
                        <li class="list-group-item" onclick="get_teachers(this)" course_id="{{ course.id }}" name="course_choice">{{ course.title }}</li>
                    {% endfor %}
                </ul>
            </div>
        </div>
        <div style="float: left;width: 25%;">
            <div style="    padding: 10px 5%;text-align: center;
            background: #ffc;    border-top: 2px solid #ff1;
            border-bottom: 2px solid #ff1;font-weight: bold;border-right: 1px dotted #ccc;">
            Преподаватель
            </div>
            <div style="height: 100%;">
                <p style="text-align: center;padding-top: 30px;display: none;" name="teacher_list_loader"><img src="/static/img/preloader.gif"><Br><b>Загрузка</b></p>
                <ul class="list-group no-radius" name="teacher_list">

                </ul>
            </div>
        </div>
        <div style="float: left;width: 25%;">
            <div style="    padding: 10px 5%;text-align: center;
            background: #ffc;    border-top: 2px solid #ff1;
            border-bottom: 2px solid #ff1;font-weight: bold;border-right: 1px dotted #ccc;">
            Временной разрез
            </div>
            <div style="height: 90%;padding: 10%;">
                      * Включая эту дату
                      <div class="input-group date" style="padding-bottom: 10px;">
                          <input type="text" class="form-control" placeholder="Дата ОТ" name="s_date" ><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                      </div>
                      * Не включая эту дату
                      <div class="input-group date">
                          <input type="text" class="form-control" placeholder="Дата ДО" name="f_date" ><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                      </div>

            </div>
        </div>
        <div style="float: left;width: 25%;">
            <div style="    padding: 10px 5%;text-align: center;
            background: #ffc;    border-top: 2px solid #ff1;
            border-bottom: 2px solid #ff1;font-weight: bold;border-right: 1px dotted #ccc;">
            Ключевая информация
            </div>
            <div style="padding: 10px;">
                <b>Ведет студентов:</b> <span name="result_students"> - </span><br>
                <b>Взято:</b> <span name="result_get_hw"> - </span><br>
                <b>Принято работ:</b> <span name="result_success_hw"> - </span><br>
                <b>В работе:</b> <span name="result_in_work_hw"> - </span><br>
                <b>Просрочено работ:</b> <span name="result_expired_hw"> - </span><br>
            </div>
        </div>
        <!--
        <div style="float: left;width: 25%;">
            <div style="    padding: 10px 5%;text-align: center;
            background: #ffc;    border-top: 2px solid #ff1;
            border-bottom: 2px solid #ff1;font-weight: bold;">
            Статус
            </div>
            <div style="height: 100%;padding: 20px;">
                <div class="checkbox" style="    padding-bottom: 20px;">
                  <label style="font-size: 25px;font-weight: bold;">
                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="Сдано" style="height: 30px;width: 30px;    margin-left: -35px;" filter_cluster="checkbox" onclick="$('[filter_cluster=checkbox][name=expired]').attr('checked',false);set_global('success', true);set_global('expired', false);" name="success">Сдано
                  </label><br>
                  <label style="font-size: 25px;font-weight: bold;">
                    <input type="checkbox" id="blankCheckbox" value="option1" aria-label="Сдано" style="height: 30px;width: 30px;    margin-left: -35px;" filter_cluster="checkbox" onclick="$('[filter_cluster=checkbox][name=expired]').attr('checked',false);set_global('in_work', true);set_global('expired', false);" name="in_work">На проверке
                  </label>
                </div>
                <div class="checkbox" style="border-top: 2px dotted #999;    padding-top: 20px;  ">
                  <label style="font-size: 25px;font-weight: bold;">
                        <input type="checkbox" id="blankCheckbox" value="option1" aria-label="Сдано" style="height: 30px;width: 30px;    margin-left: -35px;" filter_cluster="checkbox" name="expired" onclick="$('[filter_cluster=checkbox][name=in_work]').attr('checked',false);$('[filter_cluster=checkbox][name=success]').attr('checked', false);set_global('success', false);set_global('in_work', false);set_global('expired', true);">Просрочено
                  </label>
                </div>
                <p style="    font-size: 12px;
    color: #999;">Ставится галочка только если необходимо получить отчет только по просроченым заданиям. В не зависимости от того, в каком состоянии они сейчас.</p>
            </div>
        </div>
        -->

    <button class="btn btn-green disabled" style="width: 100%;border-radius: 0;font-size: 25px;" name="report_go_button" onclick="load_process_report()">Выгрузить</button>
    </form>
<p style="    background: #ffc;
    text-align: center;
    clear: both;
    margin-bottom: 0;
    font-size: 20px;display: none;" name="error_block">Ошибка</p>
    </div>
        <h3 style="margin-left: 10px;font-weight: bold;    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;">
           <i class="glyphicon glyphicon-time"></i> Результат
            <span name="global_preloader" style="display: none;border: 1px dotted #ccc;font-size: 15px;"><img src="/static/img/preloader.gif" style="position: relative;
    top: -2px;"> <b>Загрузка</b></span>
        </h3>
    <div style="float: left;width: 100%;">
        <table width="100%" name="report_result">
            <tr style="font-weight: bold; background: #ccc;font-size: 20px;margin-top: 20px;">
                <td style="border-right: 1px solid #999;padding-left: 10px;">ID</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Материал</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Студент</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Дата начала</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Дата завершения</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Статус</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Попытки</td>
                <td style="border-right: 1px solid #999;padding-left: 10px;">Просрочено</td>
                <td style="padding-left: 10px;">Детализация</td>
            </tr>
            <tbody name="result_table">

            </tbody>
        </table>
        <p style="background: #ffc;padding-left: 10px;"><b>Всего строк в таблице: </b><span name="table_row_count"></span></p>
    </div>


{% endblock %}
{% block js %}
    <script src="/static/js/reports/process.js"></script>
{% endblock %}