{% extends 'domaincontroll/menu.html' %}
  {% load static %}
{% load pretty_name %}
  {% block pageTitle %}
    <title > Главная РЕД ADM </title>
  {% endblock %}

  {% block wrapper %}
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Мониторинг</h1>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          

          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                <h3>{{tasks_success_error.success}}</h3>

                <p>Успешные задачи</p>
              </div>
              <div class="icon">
                <i class="ion ion-ios-checkmark-circle-outline"></i>
              </div>
              <a href="#tasks_success" id="task-success" class="small-box-footer" data-toggle="collapse">Подробнее <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->

          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
                <h3>{{tasks_success_error.error}}</h3>

                <p>Неуспешные задачи</p>
              </div>
              <div class="icon">
                <i class="ion ion-ios-close-circle-outline"></i>
              </div>
              <a href="#tasks_error" id="task-error" class="small-box-footer" data-toggle="collapse">Подробнее <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>

            <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                <h3>{{change_success_error.success}}</h3>

                <p>Успешные события</p>
              </div>
              <div class="icon">
                <i class="ion ion-ios-checkmark-circle-outline"></i>
              </div>
              <a href="#change_success" id="change-success" class="small-box-footer" data-toggle="collapse">Подробнее <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
                <h3>{{change_success_error.error}}</h3>

                <p>Неуспешные события</p>
              </div>
              <div class="icon">
                <i class="ion ion-ios-close-circle-outline"></i>
              </div>
              <a href="#change_error" id="change-error" class="small-box-footer" data-toggle="collapse">Подробнее <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>

          <div class="collapse col-md-12" id="tasks_success">
            <div class="card card-body">
            <h4>Успешные задачи</h4>
            <div style="overflow-y: scroll; height: 500px;">


                <table id="tasks_tab_success" class="table m-0">
                    <thead>
                    <tr>
                      <th>Номер задачи</th>
                      <th>Имя шаблона</th>
                        <th>Сценарий</th>
                        <th>Группа</th>
                      <th>Описание</th>
                      <th>Статус выполнения</th>
                      <th>Код ошибки</th>
                      <th>Время начала</th>
                      <th>Время завершения</th>
                    </tr>
                    </thead>
                    <tbody>
                      {% for task in tasks_success_error.success_tasks %}
                        {% if object.status != 'Не запущен'%}
                        <tr>
                            <td>{{task.id}}</td>
                            <td>{{task.name}}</td>
                            <td>{{task.playbook}}</td>
                            <td>{{task.name_group|str_list_group}}</td>
                            <td>{{task.description}}</td>
                            <td>
                              {% if task.status == 'Исполнен' %}
                                      <span class="badge badge-success">{{task.status}}</span>
                              {% elif task.status == 'Ошибка'%}
                                      <span class="badge badge-danger">{{task.status}}</span>
                              {% else %}

                                      <span class="badge badge-info">{{task.status}}</span>
                              {% endif %}
                          </td>

                            <td>{{task.code}}</td>
                            <td>{{task.start_at}}</td>
                            <td>{{task.stop_at}}</td>
                        <td>
                          {% endif %}
                      {% endfor %}



                    </tbody>
                  </table>
            </div>
            </div>
          </div>

          <div class="collapse col-md-12" id="tasks_error">
            <div class="card card-body">
              <h4>Неуспешные задачи</h4>
              <div style="overflow-y: scroll; height: 500px;">
              <table id="tasks_tab_error" class="table m-0">
                    <thead>
                    <tr>
                      <th>Номер задачи</th>
                      <th>Имя шаблона</th>
                        <th>Сценарий</th>
                        <th>Группа</th>
                      <th>Описание</th>
                      <th>Статус выполнения</th>
                      <th>Код ошибки</th>
                      <th>Время начала</th>
                      <th>Время завершения</th>
                    </tr>
                    </thead>
                    <tbody>
                      {% for task in tasks_success_error.error_tasks %}
                        {% if object.status != 'Не запущен'%}
                        <tr>
                            <td>{{task.id}}</td>
                            <td>{{task.name}}</td>
                            <td>{{task.playbook}}</td>
                            <td>{{task.name_group|str_list_group}}</td>
                            <td>{{task.description}}</td>
                            <td>
                              {% if task.status == 'Исполнен' %}
                                      <span class="badge badge-success">{{task.status}}</span>
                              {% elif task.status == 'Ошибка'%}
                                      <span class="badge badge-danger">{{task.status}}</span>
                              {% else %}

                                      <span class="badge badge-info">{{task.status}}</span>
                              {% endif %}
                          </td>

                            <td>{{task.code}}</td>
                            <td>{{task.start_at}}</td>
                            <td>{{task.stop_at}}</td>
                        <td>
                          {% endif %}
                      {% endfor %}

                    </tbody>
                  </table>
              </div>
            </div>
          </div>
          <div class="collapse col-md-12" id="change_success">
            <div class="card card-body">
                <h4>Успешные события</h4>
 <div style="overflow-y: scroll; height: 500px;">
              <table class="table m-0">
                    <thead>
                    <tr>
                        <th>Номер события</th>
                          <th>Событие</th>
                          <th>Действие</th>
                          <th>Автор</th>
                        <th>Время изменения</th>
                        <th>ip адрес</th>
                        <th>Статус</th>

                    </tr>
                    </thead>
                    <tbody>
                    {% for ch in change_success_error.success_change %}

                          <tr>
                              <td>{{ch.id}}</td>
                              <td>{{ch.model}}</td>
                            <td>

                                {% if ch.action_on_model == 'Создание'%}
                                      <span class="badge badge-success">{{ch.action_on_model}}</span>
                                {% elif ch.action_on_model == 'Обновление'%}
                                    <span class="badge badge-primary">{{ch.action_on_model}}</span>
                                {% else %}
                                    <span class="badge badge-danger">{{ch.action_on_model}}</span>
                                {% endif %}
                              </td>
                              <td>{{ch.user}}</td>
                              <td>{{ch.changed}}</td>
                              <td>{{ch.ipaddress}}</td>
                            <td>
                            {% if ch.status == 'Успешно'%}
                              <span class="badge badge-success">{{ch.status}}</span>
                            {% else %}
                              <span class="badge badge-danger">{{ch.status}}</span>
                            {% endif %}
                            </td>

                          </tr>

                    {% endfor %}
                    </tbody>
                  </table>
              </div>
            </div>
          </div>

          <div class="collapse col-md-12" id="change_error">

            <div class="card card-body">
              <h4>Неуспешные события</h4>
        <div style="overflow-y: scroll; height: 500px;">
              <table class="table m-0">
                    <thead>
                    <tr>
                        <th>Номер события</th>
                          <th>Событие</th>
                          <th>Действие</th>
                          <th>Автор</th>
                        <th>Время изменения</th>
                        <th>ip адрес</th>
                        <th>Статус</th>

                    </tr>
                    </thead>
                    <tbody>
                    {% for ch in change_success_error.error_change %}

                          <tr>
                              <td>{{ch.id}}</td>
                              <td>{{ch.model}}</td>
                            <td>

                                {% if ch.action_on_model == 'Создание'%}
                                      <span class="badge badge-success">{{ch.action_on_model}}</span>
                                {% elif ch.action_on_model == 'Обновление'%}
                                    <span class="badge badge-primary">{{ch.action_on_model}}</span>
                                {% else %}
                                    <span class="badge badge-danger">{{ch.action_on_model}}</span>
                                {% endif %}
                              </td>
                              <td>{{ch.user}}</td>
                              <td>{{ch.changed}}</td>
                              <td>{{ch.ipaddress}}</td>
                            <td>
                            {% if ch.status == 'Успешно'%}
                              <span class="badge badge-success">{{ch.status}}</span>
                            {% else %}
                              <span class="badge badge-danger">{{ch.status}}</span>
                            {% endif %}
                            </td>

                          </tr>

                    {% endfor %}
                    </tbody>
                  </table>
                </div>
            </div>
          </div>

          <!-- ./col -->
        </div>
        <!-- /.row -->
        <!-- Main row -->
        <div class="row">
          <div class="col-md-12">
            <div class="card">
              <div class="card-header border-transparent">
                <h3 class="card-title">Журнал</h3>

                <div class="card-tools">
                  <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                  </button>
                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body p-0">
                <div class="table-responsive">
                  <table class="table m-0">
                    <thead>
                    <tr>
                      <th>Номер задачи</th>
                      <th>Имя шаблона</th>
                        <th>Сценарий</th>
                        <th>Группа</th>
                      <th>Описание</th>
                      <th>Статус выполнения</th>
                      <th>Код ошибки</th>
                      <th>Время начала</th>
                      <th>Время завершения</th>
                    </tr>
                    </thead>
                    <tbody>
                      {% for task in tasks_list %}
                        {% if object.status != 'Не запущен'%}
                        <tr>
                            <td>{{task.id}}</td>
                            <td>{{task.name}}</td>
                            <td>{{task.playbook}}</td>
                            <td>{{task.name_group|str_list_group}}</td>
                            <td>{{task.description}}</td>
                            <td>
                              {% if task.status == 'Исполнен' %}
                                      <span class="badge badge-success">{{task.status}}</span>
                              {% elif task.status == 'Ошибка'%}
                                      <span class="badge badge-danger">{{task.status}}</span>
                              {% else %}

                                      <span class="badge badge-info">{{task.status}}</span>
                              {% endif %}
                          </td>

                            <td>{{task.code}}</td>
                            <td>{{task.start_at}}</td>
                            <td>{{task.stop_at}}</td>
                        <td>
                          {% endif %}
                      {% endfor %}



                    </tbody>
                  </table>
                </div>
                <!-- /.table-responsive -->
              </div>
              <!-- /.card-body -->
              <div class="card-footer clearfix">
                <a href="{% url 'playbooks:task_log' %}" class="btn btn-sm btn-secondary float-right">Показать все</a>
              </div>
              <!-- /.card-footer -->
            </div>
           </div>

<div class="col-md-12">
            <div class="card">
              <div class="card-header border-transparent">
                <h3 class="card-title">События</h3>

                <div class="card-tools">
                  <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                  </button>
                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body p-0">
                <div class="table-responsive">
                  <table class="table m-0">
                    <thead>
                    <tr>
                        <th>Номер события</th>
                          <th>Событие</th>
                          <th>Действие</th>
                          <th>Автор</th>
                        <th>Время изменения</th>
                        <th>ip адрес</th>
                        <th>Статус</th>

                    </tr>
                    </thead>
                    <tbody>
                    {% for ch in change %}

                          <tr>
                              <td>{{ch.id}}</td>
                              <td>{{ch.model}}</td>
                            <td>

                                {% if ch.action_on_model == 'Создание'%}
                                      <span class="badge badge-success">{{ch.action_on_model}}</span>
                                {% elif ch.action_on_model == 'Обновление'%}
                                    <span class="badge badge-primary">{{ch.action_on_model}}</span>
                                {% else %}
                                    <span class="badge badge-danger">{{ch.action_on_model}}</span>
                                {% endif %}
                              </td>
                              <td>{{ch.user}}</td>
                              <td>{{ch.changed}}</td>
                              <td>{{ch.ipaddress}}</td>
                            <td>
                            {% if ch.status == 'Успешно'%}
                              <span class="badge badge-success">{{ch.status}}</span>
                            {% else %}
                              <span class="badge badge-danger">{{ch.status}}</span>
                            {% endif %}
                            </td>

                          </tr>

                    {% endfor %}
                    </tbody>
                  </table>
                </div>
                <!-- /.table-responsive -->
              </div>
              <!-- /.card-body -->
              <div class="card-footer clearfix">
                <a href="{% url 'changelog:change' %}" class="btn btn-sm btn-secondary float-right">Показать все</a>
              </div>
              <!-- /.card-footer -->
            </div>
           </div>
        </div>
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <script src="{% static 'plugins/jquery/jquery.min.js' %}"></script>
  <script>
  $('#task-success, #task-error, #change-success, #change-error').on('click', function(){

      if ($(this).attr('id') == 'task-success'){

          $('#tasks_error').removeClass('show')
          $('#change_success').removeClass('show')
          $('#change_error').removeClass('show')

      }
     if ($(this).attr('id') == 'task-error'){

          $('#tasks_success').removeClass('show')
          $('#change_success').removeClass('show')
          $('#change_error').removeClass('show')

      }
     if ($(this).attr('id') == 'change-success'){

          $('#tasks_success').removeClass('show')
          $('#tasks_error').removeClass('show')
          $('#change_error').removeClass('show')

      }
    if ($(this).attr('id') == 'change-error'){

          $('#tasks_success').removeClass('show')
          $('#tasks_error').removeClass('show')
         $('#change_success').removeClass('show')

      }


  })


</script>
  {% endblock %}


{% block menuOpen %}
  <li class="nav-item has-treeview">


{% endblock %}