{% extends 'noel/base.html' %}

{% block extra_head %}
<link rel="stylesheet" href="/static/css/noel/inner.css" type="text/css" />
<script type="text/javascript" src="/static/js/search.js"></script>
{% endblock %}



{% block content %}
<div id="centerInner">
   	<div id="shadow">
   	</div>

  <div id="searchContainer">	
   	 <div id="searchContent">
	  <!--  <h2>Search:</h2> -->

    <form method="get" action="." id="searchItf">
        <table>
            {{ form.as_table }}
            <tr>
                <td>&nbsp;</td>
                <td>
                    <input type="submit" value="Search">
                </td>
            </tr>
        </table>

        {% if query %}
            <h2>YOUR RESULTS:</h2>

            {% for result in page.object_list %}
                <p>
                    <a href="{{ result.object.get_absolute_url }}&amp;search={{ query }}">{{ result.object.title }}</a>
                </p>
            {% empty %}
                <p class="noResults">No results found.</p>
            {% endfor %}

        {% else %}
            {# Show some example queries to run, maybe query syntax, something else? #}
        {% endif %}
    </form>
            {% if page.has_previous or page.has_next %}
                <div id="prevNext">
                    {% if page.has_previous %}<a id="triangleUp" href="?q={{ query }}&amp;page={{ page.previous_page_number }}">Previous</a>{% endif %}
                    |
                    {% if page.has_next %}<a id="triangleDown" href="?q={{ query }}&amp;page={{ page.next_page_number }}">Next</a>{% endif %}
                </div>
            {% endif %}

</div><!-- SEARCH CONTENT CLOSING -->
</div><!-- SEARCH CONTAINER CLOSING -->
</div><!-- CENTER INNER -->
{% endblock %}