{% extends 'main.html' %}
{% block content %}
<div class="col">
  {% if images !='None' %}
  <div class="row">
    {% for img in images %}
    <div class="col-md-4">
      <div class="card">
        <h5 class="card-title">Камера: {{ img+1 }}</h5>
        <p class="card-text">Прямой эфир</p>
        <img class="card-img-bottom" width="350" height="250" src="{{ url_for('cam',camera=img) }}" alt="Image">
        <div class="card-body">

        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% endif %}
  <br>
  {% if table =='True' %}
  <div class="card">
    <div class="card-body"></div>
    <h3 class="card-title">{{service_name}}</h3>
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            {% for elem in column_names %}
            <th>{{elem}}</th>
            {%endfor%}
          </tr>
        </thead>
        <tbody style="overflow:scroll">
          {% for elem in data %}
          <tr>
            <td>{{elem[0]}}</td>
            <td>{{elem[1]}}</td>
            <td>{{elem[3]}}</td>
          </tr>

          {% endfor %}
      </table>
    </div>
    {% endif %}
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    {% endblock content %}