{% extends "base.html" %}

{% block header %}
  {{ super() }}
{% endblock header %}

{% block content %}
{% include "partials/navbar.html" %}
<div class="container">
  <h1> List of DND numbers</h1>

  <div class="row">
    <div class="panel panel-info filterable">
        <div class="panel-heading">
            <h3 class="panel-title">DND information</h3>
            <div class="pull-right">
                <a class="btn btn-default btn-xs" href="{{ url_for('dnd_checker') }}">Run another check</a>
                <a class="btn btn-default btn-xs btn-whitelist">Whitelist DNDs</a>
                <a class="btn btn-default btn-xs btn-export">Export</a>
                <a class="btn btn-default btn-xs btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</a>
            </div>
        </div>
        <div class="table-editable">
        <table class="table">
            <thead>
                <tr class="filters">
                    <th><input type="text" class="form-control" placeholder="Phone" disabled></th>
                    <th><input type="text" class="form-control" placeholder="Operator" disabled></th>
                    <th><input type="text" class="form-control" placeholder="DND" disabled></th>
                    <th> </th>
                </tr>
            </thead>
            <tbody>
                {% for p in phones %}
                  <tr>
                    <td>{{p.PhoneNumber}}</td>
                    <td>{{p.OperatorName}}</td>
                    <td>{{p.DND}}</td>
                  </tr>
                {% endfor %}
            </tbody>
        </table>
      </div>
    </div>
  </div>

</div>
{% endblock content %}