{% extends "competition/competition_base.html" %}
{% load competition_tags %}

{% block content %}

  <h2>Free Agents</h2>

  <ul class="nav nav-pills nav-stacked">
    {% for user in users %}
      <li>
        <a href="{{ user.get_absolute_url }}">
          {% competitor_name user %}
        </a>
      </li>
    {% empty %}
      <h3 class="text-center">No free agents</h3>
    {% endfor %}
  </ul>

{% include "competition/_paginator.html" with page=page_obj %}
{% endblock %}

{% extends "competition/competition_base.html" %}
{% load competition_tags %}

{% block link %}
  <link href="{{ STATIC_URL}}css/typeahead.css" rel="stylesheet"/>
{% endblock %}

{% block content %}
  <form class="form-inline pull-right" role="form">
    <div class="input-group">
      <input id="prefetch" class="form-control" type="text" placeholder="Free Agents">
    </div>
  </form>

  <h2>Free Agents</h2>

  <ul class="nav nav-pills nav-stacked">
    {% for user in users %}
      <li>
        <a href="{{ user.get_absolute_url }}">
          {% competitor_name user %}
        </a>
      </li>
    {% empty %}
      <h3 class="text-center">No free agents</h3>
    {% endfor %}
  </ul>

{% include "competition/_paginator.html" with page=page_obj %}
{% endblock %}

{% block script %}
  <script src="//cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.10.2/typeahead.bundle.min.js" type="text/javascript"></script>

  <script type="text/javascript">
    window.typeahead_url = "{% url 'freeagent_list_api' comp_slug=competition.slug %}";
  </script>

  <script src="{{ STATIC_URL }}js/competition-typeahead.js" type="text/javascript"></script>
{% endblock %}

Add typeahead to freeagents list
Add typeahead to freeagents list
