{% extends "base.html" %}
{% load static %}

{% block header %}Status{% endblock %}
  {% block content %}
  <div class="row mb-3">


  <div class="col-12">
    <div class="card card-primary">
      <div class="card-body">

        <table class="table table-hover">
        <thead>
          <a href="/media/{{ v.file }}">
        <tr class="clickable-row" data-href="/media/{{ v.file }}">
        <th style="width: 10px">#</th>
        <th style="text-align:right">Status</th>
        </tr>
        </thead>
        <tbody>
            {% for v in video_list %}
        <tr>
        <td><b>V{{v.id}}</b></td>
        {% if v.file %}
        <td style="text-align:right"><i class="far fa-check-circle" style="color:green"></i></td>
        {% else %}
        <td style="text-align:right"><i class="far fa-times-circle" style="color:red"></i></td>
        {% endif %}

      </tr>
      </a>
          {% endfor %}
        </tbody>

        </table>


      </div>
    </div>


  </div>



  </div>
  {% endblock %}