{% 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' %}">Search</a></li>
    </ul>
	<h1>Search Results</h1>
{% endblock %}


{% block content %}
    <div id="search_page">
	    <p>You searched for {% if content_type %}Content Type "{{ content_type }}"{% endif %} {% if content_type and audience %}and{% endif %} {% if audience %}Audience "{{ audience }}"{% endif %}</p>
    
    	{% if pages %}
    		<h2>Matching Pages</h2>
    	    <div class="result_section col-lg-12">
        		{% for page in pages %}
        			<div class="result">
        				<h3><a href="/{{ page.get_full_url }}">{{ page.title }}</a></h3>
        				{{ page.introduction|linebreaks }}
        			</div>
        		{% endfor %}
            </div>
    		<hr/>
    	{% endif %}
		
    	{% if news %}
    	    <h2>Matching News</h2>
    	    <div class="result_section col-lg-12">
    	        {% for article in news %}
    	            <div class="result">
    	                <h3><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article }}</a></h3>
    	                {{ article.description|linebreaks }}
    	            </div>  
    	        {% endfor %}
    	    </div>
		
    		<hr/>
		
    	{% endif %}
		
    	{% if events %}
    	    <h2>Matching Events</h2>
    	    <div class="result_section col-lg-12">
    	        {% for article in events %}
                    <div class="result">
                        <h3><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article.title }}</a></h3>
                        <p class="eventdate">
                            {% if article.event_date_start %}
                                {{ article.event_date_start|date:"jS" }}
                            {% endif %}
                            {% if article.event_date_start|date:"M" != article.event_date_end|date:"M" %}
                                {{ article.event_date_start|date:"M" }}
                            {% endif %}

                            {% if article.event_date_start|date:"Y" != article.event_date_end|date:"Y" %}
                                {{ article.event_date_start|date:"Y" }}
                            {% endif %}

                            {% if article.event_date_end %}
                                to {{ article.event_date_end|date:"jS M Y" }}
                            {% endif %}
                        </p>
                        {{ article.description|linebreaks }}
    	            </div>
    	        {% endfor %}
    	    </div>
        
    		<hr/>
        
    	{% endif %}
        
        {% if audience_pages or content_type_pages or audience_news or content_type_news or audience_events or content_type_events %}
            <h2><a class="show_results" data-toggle="collapse" data-target="#partial_results">Show Partially Matching Results</a></h2>
        
            <div id="partial_results" class="collapse col-lg-12">
                {% if audience_pages %}
                    <h3>Pages Matching <strong>{{ audience }}</strong></h3>

            	    <div class="result_section col-lg-12">
                        {% for page in audience_pages %}
                            <div class="result">
                                <h4><a href="/{{ page.get_full_url }}">{{ page.title }}</a></h4>
                                {{ page.introduction|linebreaks }}
                            </div>
                        {% endfor %}
                    </div>
                    <hr/>
                {% endif %}
        
                {% if content_type_pages %}
                    <h3>Pages Matching <strong>{{ content_type }}</strong></h3>
            	    <div class="result_section col-lg-12">
                        {% for page in content_type_pages %}
                            <div class="result">
                                <h4><a href="/{{ page.get_full_url }}">{{ page.title }}</a></h4>
                                {{ page.introduction|linebreaks }}
                            </div>
                        {% endfor %}
                    </div>
                    <hr/>
                {% endif %}
                
            	{% if audience_news %}
            	    <h3>News Matching <strong>{{ audience }}</strong></h3>
            	    <div class="result_section col-lg-12">
            	        {% for article in audience_news %}
            	            <div class="result">
            	                <h4><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article }}</a></h4>
            	                {{ article.description|linebreaks }}
            	            </div>  
            	        {% endfor %}
            	    </div>
		
            		<hr/>
		
            	{% endif %}

            	{% if content_type_news %}
            	    <h3>News Matching <strong>{{ content_type }}</strong></h3>
            	    <div class="result_section col-lg-12">
            	        {% for article in content_type_news %}
            	            <div class="result">
            	                <h4><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article }}</a></h4>
            	                {{ article.description|linebreaks }}
            	            </div>  
            	        {% endfor %}
            	    </div>
		
            		<hr/>
		
            	{% endif %}
        
            	{% if audience_events %}
            	    <h3>Events Matching <strong>{{ audience }}</strong></h3>
            	    <div class="result_section col-lg-12">
            	        {% for article in audience_events %}
                            <div class="result">
                                <h4><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article.title }}</a></h4>
                                <p class="eventdate">
                                    {% if article.event_date_start %}
                                        {{ article.event_date_start|date:"jS" }}
                                    {% endif %}
                                    {% if article.event_date_start|date:"M" != article.event_date_end|date:"M" %}
                                        {{ article.event_date_start|date:"M" }}
                                    {% endif %}

                                    {% if article.event_date_start|date:"Y" != article.event_date_end|date:"Y" %}
                                        {{ article.event_date_start|date:"Y" }}
                                    {% endif %}

                                    {% if article.event_date_end %}
                                        to {{ article.event_date_end|date:"jS M Y" }}
                                    {% endif %}
                                </p>
                                {{ article.description|linebreaks }}
            	            </div>
            	        {% endfor %}
            	    </div>
        
            		<hr/>
        
            	{% endif %}
        
            	{% if content_type_events %}
            	    <h3>Events Matching  <strong>{{ content_type }}</strong></h3>
            	    <div class="result_section col-lg-12">
            	        {% for article in content_type_events %}
                            <div class="result">
                                <h4><a href="{% url 'media_article' article.section.slug article.slug %}">{{ article.title }}</a></h4>
                                <p class="eventdate">
                                    {% if article.event_date_start %}
                                        {{ article.event_date_start|date:"jS" }}
                                    {% endif %}
                                    {% if article.event_date_start|date:"M" != article.event_date_end|date:"M" %}
                                        {{ article.event_date_start|date:"M" }}
                                    {% endif %}

                                    {% if article.event_date_start|date:"Y" != article.event_date_end|date:"Y" %}
                                        {{ article.event_date_start|date:"Y" }}
                                    {% endif %}

                                    {% if article.event_date_end %}
                                        to {{ article.event_date_end|date:"jS M Y" }}
                                    {% endif %}
                                </p>
                                {{ article.description|linebreaks }}
            	            </div>
            	        {% endfor %}
            	    </div>
        
            		<hr/>
        
            	{% endif %}
                
            </div>
            <hr/>
        
        {% endif %}
		
        {% if not pages and not news and not eventd and not audience_pages and not content_type_pages  %}
            <p>No Results found, please try searching again.</p>
    	{% endif %}
    
    	<h2>Search Again</h2>
	
        <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-md-offset-4 col-lg-4">
    				<button type="submit" class="btn btn-primary button primary_button">Search</button>
    			</div>
    		</div>
        </form>
    </div>

{% endblock %}