{% extends "public/content.html" %}

{% load url from future %}

{% block headtitle %}Search Results{% endblock %}

{% block title %}
	<ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li class="active"><a href="{% url 'audience_search' %}">Audience Search</a></li>
    </ul>
	<h1>Audience Search</h1>
{% endblock %}


{% block content %}

	<div id="search_page">
        <form class="form-horizontal" role="form" action="{% url 'audience_search' %}" method="post">
            {% csrf_token %}
            <div class="form-group">
                <label for="id_audience" class="control-label col-lg-4">I am a...</label>
                <div class="col-lg-4">
    				<select name="audience" class="form-control" id="id_audience">
    	                <option value="">Please Select</option>
    					{% for search in audience_search %}
    	                    <option value="{{ search.slug }}">{{ search }}</option>
    	                {% endfor %}
    	            </select>
    			</div>
            </div>
            <div class="form-group">
                <label for="id_content_type" class="control-label col-lg-4">Looking For...</label>
                <div class="col-lg-4">
    				<select name="content_type" class="form-control" id="id_content_type">
    	                <option value="">Please Select</option>
    	                {% for search in content_type_search %}
    	                    <option value="{{ search.slug }}">{{ search }}</option>
    	                {% endfor %}
    	            </select>
    			</div>
            </div>
            <div class="form-group">
    			<div class="col-lg-offset-4 col-lg-4">
    				<button type="submit" class="btn btn-primary button primary_button">Search</button>
    			</div>
    		</div>
        </form>
	</div>

{% endblock %}