{% extends "base.html" %}


{% block body %}

{% include "navbar.html" %}

<h1>Pixels for {{ username }}</h1>
<form action="/manage/pixel/create" method="post">
  <div class="form-group">
    <label for="exampleInputEmail1">Create a new tracking pixel</label>
    <input class="form-control" name="pixel_name" placeholder="Pixel name" />
  </div>
  <button type="submit" class="btn btn-primary">Create</button>
</form>
<table class="table table-striped">
  <thead>
    <tr>
        <th scope="col">Name</th>
        <th scope="col">Details</th>
    </tr>
    </thead>
    <tbody>
    {% for (name, url, ) in pixels %}
            <tr>
                <th scope="row">{{ name|escape }}</th>
                <td><a class="btn btn-primary" role="button" href="/manage/pixel/{{ url }}">View details</a></td>
            </tr>
    {% endfor %}
    </tbody>
  </table>
{% endblock %}