{% extends 'D2ResourceBundle::base.html.twig' %}

{% set tag_list = d2_get_all_tag_list(resources) %}
{% if app.request.get('page') %}
	{% set current_page = 'Page: ' ~ app.request.get('page') %}
{% else %}
	{% set current_page = 'Page: 1' %}
{% endif %}

{% block title %}
	<title>Migration:Cities - Resources</title>
{% endblock title %}

{% block head_seo %}
	<meta content="index,follow" name="robots">
	<meta content="Migration:Cities Resources {{ current_page }}" name="description">
	<meta content="{{ tag_list }}" name="keywords">
	<meta content="never" http-equiv="expires">
{% endblock head_seo %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2core/js/tag_common.js') }}"></script>
{% endblock head_script_extra %}

{% block head_style_extra %}
 	<link href="{{ asset('bundles/d2core/css/olay.css') }}" rel="stylesheet">
 	<link href="{{ asset('bundles/d2core/css/select_add.css') }}" rel="stylesheet">
{% endblock head_style_extra %}

{% block page_header %}
{% endblock page_header %}

{% block content %}
<div class="row">
	<div class="col-md-12">
		<form class="filter_form form-inline pull-right" role="form" method="get" style="margin-right:15px">
			{% for k, v in app.request.query %}
				{% if k|lower not in ['search', 'tags'] %}   {# Theme, Location, Institution #} {# Paritipation, exhibition, education / Johannesburg Athens etc / Rotterdam Museum, District Six Museum #}	
					<input type="hidden" name="{{ k }}" value="{{ v }}" />
				{% endif %}
			{% endfor %}
			<div class="filter form-group">
				<label for="tags">Find by Tags</label>
				<input type="text" class="form-control" name="tags" id="filter_tags" placeholder="Search for" value="{{ app.request.get('tags') }}" style="min-width:220px">
				<label for="search">Search</label>
				<input type="text" class="form-control" name="search" id="search" placeholder="Search for" value="{{ app.request.get('search') }}">
			</div>	
			<div class="btn-group">
				<button type="submit" class="btn btn-default sharp">Go</button>
				<button type="button" class="btn btn-default sharp clear_filter">Clear</button>
			</div>
			</div>
		</form>
		<div class="clearfix"></div>
		<hr>
	</div>	
</div>

{#
{% if resources|length != 0 %}
	{% for entity in resources %}
	{% set img_name = asset("bundles/d2core/images/" ~ d2_resource_image_name(entity.origPath)) %}
		{% if loop.first %}
			<div class="row">
		{% endif %}
				<div class="col-md-3">
					<div class="img_container">
						<div class="eventContainer">
							<a href="{{ path('resource_show', { 'id': entity.id}) }}" title="View Resource">
								<div>
									{% if entity.banner is null %}
									<img src="{{ img_name }}" alt="RESOURCE" class="img-responsive" width="100%" />
									{% else %}
									<img src="/uploads/resources/{{ entity.customer.id }}/{{ entity.banner.getBestPath }}" alt="RESOURCE" class="img-responsive" width="100%" />
									{% endif %}
								</div>
								<div class="olay-text">
									<span class="title">{{ entity.title }}</span><br>
									<span class="subtitle">{{ entity.subTitle }}</span><br>
								</div>
							</a>
						</div>
					</div>
				</div>
		{% if not loop.first and loop.index%3 == 0 %}
			</div>
			<div class="row">
		{% endif %}
	{% endfor %}
			</div>
{% endif %}
#}

{#
{% if resources|length != 0 %}
	{% for entity in resources %}
	{% set img_name = asset("bundles/d2core/images/" ~ d2_resource_image_name(entity.origPath)) %}
		{% if loop.first %}
			<div class="row" style="margin-top:20px">
		{% endif %}
			<div class="col-md-4">
				<table style="width:100%">
					<tr>
						<td style="width:30%; vertical-align:top">
							<a href="{{ path('resource_show', { 'id': entity.id}) }}" title="View Resource">
								{% if entity.banner is null %}
								<img src="{{ img_name }}" alt="RESOURCE" class="img-responsive img-thumbnail" width="100%" />
								{% else %}
								<img src="/uploads/resources/{{ entity.customer.id }}/{{ entity.banner.getBestPath }}" alt="RESOURCE" class="img-responsive img-thumbnail" width="100%" />
								{% endif %}
							</a>
						</td>
						<td  valign="top">
							<table style="margin-left:10px; font-size:18px">
								<tr><td><h4 style="font-family:'Arial Black', Gadget, sans-serif">{{ entity.title }}</h4></td></tr>
								<tr><td>{{ entity.subTitle }}</td></tr>
								<tr><td style="height:10px"></td></tr>
								<tr><td><span style="font-size:14px">{{ entity.description|length > 200 ? entity.description|slice(0, 201)|split(' ')|slice(0, -1)|join(' ') ~ ' …' : entity.description }}</span></td></tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
		{% if not loop.first and loop.index%3 == 0 %}
			</div>
			<div class="row" style="margin-top:20px">
		{% endif %}
	{% endfor %}
			</div>
{% endif %}
#}

{% if resources|length != 0 %}
	{% for entity in resources %}
	{% set img_name = asset("bundles/d2core/images/" ~ d2_resource_image_name(entity.origPath)) %}
		{% if loop.first %}
			<div class="row" style="margin-top:20px">
		{% endif %}
			{% if entity.banner is null %}
			<div class="col-md-4" onclick="window.location='{{ path('resource_show', { 'id': entity.id}) }}'">
				<div class="bs-block-resource" style="min-height:200px">
					<table style="margin-left:10px; font-size:18px;cursor: pointer" title="View Resource">
						<tr><td><h4 style="font-family:'Arial Black', Gadget, sans-serif">{{ entity.title }}</h4></td></tr>
						<tr><td>{{ entity.subTitle }}</td></tr>
						<tr><td style="height:10px"></td></tr>
						<tr><td><span style="font-size:14px">{{ entity.description|length > 200 ? entity.description|slice(0, 201)|split(' ')|slice(0, -1)|join(' ') ~ ' …' : entity.description }}</span></td></tr>
					</table>
				</div>
			</div>
			{% else %}
			<div class="col-md-4" onclick="window.location='{{ path('resource_show', { 'id': entity.id}) }}'">
				<div class="bs-block-resource" style="min-height:200px">
					<table style="width:100%">
						<tr>
							<td style="width:30%; vertical-align:top">
								<img src="/uploads/resources/{{ entity.customer.id }}/{{ entity.banner.getBestPath }}" alt="RESOURCE" class="img-responsive img-thumbnail" width="100%" />
							</td>
							<td  valign="top">
								<table style="margin-left:10px; font-size:18px">
									<tr><td><h4 style="font-family:'Arial Black', Gadget, sans-serif">{{ entity.title }}</h4></td></tr>
									<tr><td>{{ entity.subTitle }}</td></tr>
									<tr><td style="height:10px"></td></tr>
									<tr><td><span style="font-size:14px">{{ entity.description|length > 200 ? entity.description|slice(0, 201)|split(' ')|slice(0, -1)|join(' ') ~ ' …' : entity.description }}</span></td></tr>
								</table>
							</td>
						</tr>
					</table>
				</div>
			</div>
			{% endif %}
		{% if not loop.first and loop.index%3 == 0 %}
			</div>
			<div class="row" style="margin-top:20px">
		{% endif %}
	{% endfor %}
			</div>
{% endif %}
<div class="row">
	<div class="col-md-12">
		<div class="pagination pull-right">
			{{ knp_pagination_render(resources) }}
		</div>
	</div>
</div>

{% endblock content %}