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

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

{% block title %}
	<title>{{ d2_sys_config('sys_orginization') }} - {% trans %}Smalls{% endtrans %}</title>
{% endblock title %}

{% block head_seo %}
	<meta content="index,follow" name="robots">
	<meta content="{{ d2_sys_config('sys_orginization') }} {% trans %}Smalls{% endtrans %} {{ current_page }}" name="description">
	<meta content="{% trans %}adverts{% endtrans %},{% trans %}smalls{% endtrans %},{% trans %}advertising{% endtrans %},{{ tag_list }}" name="keywords">
	<meta content="never" http-equiv="expires">
{% endblock head_seo %}

{% block head_script_extra %}
	<script type="text/javascript" src="{{ asset('bundles/d2advert/js/advert.js') }}"></script>
<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'] %}
					<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" style="min-width:250px; max-width:500px" value="{{ app.request.get('tags') }}">
				<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 adverts|length != 0 %}
	{% set col_count = 0 %}
	{% for i in 1..adverts|length %}
	
		{% set col_space = (12 - col_count) %}
		{% set entity = d2_next_advert(adverts, col_space) %}

		{% if entity.slug|trim != '' %} {% set show_path = path('advert_show_slug', { 'slug': entity.slug}) %} {% else %} {% set show_path = path('advert_show', { 'id': entity.id}) %} {% endif %}
		
		{% if loop.first %}
			<div class="row">
		{% endif %}
		
		{% if entity.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_IMAGE_SMALL') %}
			{% set col_count = col_count + 3 %}
				{% if col_count > 12 %}
					{% set col_count = 0 %}
					</div>
					<div class="row">
				{% endif %}
				<div class="col-md-3" style="min-height:450px; max-height:450px; overflow:hidden">
					<div class="bs-advert">
						<a title="Click to view more info or comment on Advert" id="advert_{{ entity.id }}" class="view_advert_link" href="{{ show_path }}" >
							<img src="/uploads/adverts/{{ entity.getPath }}?v={{ entity.version }}" alt="NEWS" class="img-responsive" width="100%" />
						</a>
					</div>
				</div>
		{% elseif entity.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_IMAGE_LARGE') %}
			{% set col_count = col_count + 6 %}
				{% if col_count > 12 %}
					{% set col_count = 0 %}
					</div>
					<div class="row">
				{% endif %}
				<div class="col-md-6" style="min-height:450px; max-height:450px; overflow:hidden">
					<div class="bs-advert">
						<a title="Click to view more info or comment on Advert"  id="advert_{{ entity.id }}" class="view_advert_link" href="{{ show_path }}" >
							<img src="/uploads/adverts/{{ entity.getPath }}?v={{ entity.version }}" alt="NEWS" class="img-responsive" width="100%" />
						</a>
					</div>
				</div>
		{% elseif entity.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_TEXT_BUSINESS') %}
			{% set col_count = col_count + 3 %}
				{% if col_count > 12 %}
					{% set col_count = 0 %}
					</div>
					<div class="row">
				{% endif %}
				<div class="col-md-3" style="min-height:450px; max-height:450px; overflow:hidden">
					<div class="bs-advert" title="Click to view more info or comment on Advert" onclick="javascript:ShowBusinessTextAdvert({{ entity.id }})" style="cursor:pointer">
					{% if entity.text|length > 400 %}
						<p>{{ entity.text|filterScript()|raw }}</p>
					{% else %}
						<p>{{ entity.text }}</p>
					{% endif %}
					</div>
				</div>
		{% elseif entity.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_PROPERTY_RENTAL') or entity.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_PROPERTY_SALE') %}
			{% set col_count = col_count + 6 %}
				{% if col_count > 12 %}
					{% set col_count = 0 %}
					</div>
					<div class="row">
				{% endif %}
				<div class="col-md-6" style="min-height:450px; max-height:450px; overflow:hidden">
					<div class="bs-advert">
						<div class="row">
							<div class="col-md-6">
								<a title="Click to view more info or comment on Advert"  id="advert_{{ entity.id }}" class="view_advert_link" href="{{ show_path }}" >
									<img src="/uploads/adverts/{{ entity.getPath }}?v={{ entity.version }}" alt="NEWS" class="img-responsive" width="100%"/>
								</a>
							</div>
							<div class="col-md-6">
								<h3>{{ entity.title }}</h3>
								<h4>{{ entity.subTitle }}</h4>
								<p style="font-size:16px">{{ entity.text|filterScript()|raw }}</p>
							</div>
						</div>
					</div>
				</div>
		{% elseif entity.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_NON_BUSINESS') %}
		{% endif %}
		
	{% endfor %}
			</div>
{% endif %}
<div class="row">
	<div class="col-md-12">
		<div class="pagination pull-right">
			{{ knp_pagination_render(adverts) }}
		</div>
	</div>
</div>

{% endblock content %}