{% extends 'D2ContentBundle::base_admin.html.twig' %}

{% block head_script_extra %}
<script type="text/javascript" src="{{ asset('bundles/d2content/js/home_page_admin.js') }}"></script>
<script>
	function ManageRow(row_id)
	{
		bootbox.prompt({
			title: "Row Manager",
			size: "small",
			inputType: 'checkbox',
			inputOptions: [
				{text: 'Delete this Row',value: '1'},
				{% if d2_sys_config('sys_case_study_active') == true %}
				{text: 'Add a {% trans %}Case Study{% endtrans %} to Row',	value: '2'},
				{% endif %}
				{% if d2_sys_config('sys_collection_active') == true %}
				{text: 'Add a {% trans %}Collection{% endtrans %} to Row',	value: '3'},
				{% endif %}
				{% if d2_sys_config('sys_collection_active') == true %}
				{text: 'Add a {% trans %}Resource{% endtrans %} to Row',	value: '4'},
				{% endif %}
				{% if d2_sys_config('sys_expert_active') == true %}
				{text: 'Add a {% trans %}Expert{% endtrans %} to Row',	value: '5'},
				{% endif %}
				{% if d2_sys_config('sys_news_active') == true %}
				{text: 'Add {% trans %}News{% endtrans %} to Row',	value: '6'},
				{% endif %}
				{% if d2_sys_config('sys_smalls_active') == true %}
				{text: 'Add {% trans %}Advert{% endtrans %} to Row',	value: '7'},
				{% endif %}
				{text: 'Shift Row Down',	value: '8'},
				{text: 'Shift Row Up',	value: '9'},
			],
			callback: function (result) {
				if(result == 1)
				{
					DeleteHomePageRow(row_id);
				}
				else if(result == 2)
				{
					addCaseStudy(row_id);
				}
				else if(result == 3)
				{
					addCollection(row_id);
				}
				else if(result == 4)
				{
					addResource(row_id);
				}
				else if(result == 5)
				{
					addExpert(row_id);
				}
				else if(result == 6)
				{
					addNews(row_id);
				}
				else if(result == 7)
				{
					addAdvert(row_id);
				}
				else if(result == 8)
				{
					ShiftRow(row_id, 'down');
				}
				else if(result == 9)
				{
					ShiftRow(row_id, 'up');
				}
			}
		});
	}

	function addCaseStudy(id)
	{
		bootbox.prompt({
			title: "Add {% trans %}Case Study{% endtrans %}",
			size: "small",
			inputType: 'select',
			inputOptions: [
			{% for case_study in case_studies %}
				{text: '{{ case_study.title }}',value: '{{ case_study.id }}'},
			{% endfor %}	
			],
			callback: function (result) {
				if(result)
					AddRowCell('case_study', id, result);
			}
		});
	}

	function addCollection(id)
	{
		bootbox.prompt({
			title: "Add {% trans %}Collection{% endtrans %}",
			size: "small",
			inputType: 'select',
			inputOptions: [
			{% for collection in collections %}
				{text: '{{ collection.title }}',value: '{{ collection.id }}'},
			{% endfor %}	
			],
			callback: function (result) {
				if(result)
					AddRowCell('collection', id, result);
			}
		});
	}

	function addExpert(id)
	{
		bootbox.prompt({
			title: "Add {% trans %}Expert{% endtrans %}",
			size: "small",
			inputType: 'select',
			inputOptions: [
			{% for expert in experts %}
				{text: '{{ expert.title }}',value: '{{ expert.id }}'},
			{% endfor %}	
			],
			callback: function (result) {
				if(result)
					AddRowCell('expert', id, result);
			}
		});
	}

	function addResource(id)
	{
		bootbox.prompt({
			title: "Add {% trans %}Resource{% endtrans %}",
			size: "small",
			inputType: 'select',
			inputOptions: [
			{% for resource in resources %}
				{text: '{{ resource.title }}',value: '{{ resource.id }}'},
			{% endfor %}	
			],
			callback: function (result) {
				if(result)
					AddRowCell('resource', id, result);
			}
		});
	}

	function addNews(id)
	{
		bootbox.prompt({
			title: "Add {% trans %}News{% endtrans %}",
			size: "small",
			inputType: 'select',
			inputOptions: [
			{% for news_item in news %}
				{text: '{{ news_item.title }}',value: '{{ news_item.id }}'},
			{% endfor %}	
			],
			callback: function (result) {
				if(result)
					AddRowCell('news', id, result);
			}
		});
	}

	function addAdvert(id)
	{
		bootbox.prompt({
			title: "Add {% trans %}Advert{% endtrans %}",
			size: "small",
			inputType: 'select',
			inputOptions: [
			{% for advert in adverts %}
				{text: '{{ advert.title }}',value: '{{ advert.id }}'},
			{% endfor %}	
			],
			callback: function (result) {
				if(result)
					AddRowCell('advert', id, result);
			}
		});
	}
</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">
 	<link href="{{ asset('bundles/d2core/css/video_add.css') }}" rel="stylesheet">
{% endblock head_style_extra %}
    
{% block page_header %}
<div class="row">
	<div class="col-md-12">
		<div class="pull-right">
			<a href="{{ path('admin_home_page_row_new', {'id': entity.id }) }}" class="btn btn-sm btn-default">Add Row</a>
		</div>
	</div>
</div>
{% endblock page_header %}

{% block content %}
{% if entity.getRows|length > 0 %}
	{% for row in entity.getRows %}
		<div class="row home_page_row" data="{{ row.id }}" style="min-height:30px; border-width:1px 1px 1px 1px; border-style:solid">
		{% if row.getRowItems|length > 0 %}
			{% for item in row.getRowItems %}
			<div class="col-md-{{ item.width }} home_page_cell" data="{{ item.id }}" style="min-height:30px;">
				{% if item.caseStudy is not null %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="VIDEO" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/case_studies/images/{{ item.caseStudy.getBestPath }}?v={{ item.caseStudy.version }}" alt="VIDEO" class="img-responsive" width="100%" />
								{% endif %}
								<img class="play-link" src="{{ asset('bundles/d2core/images/video_play_white.png') }}" />
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.caseStudy.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.caseStudy.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
				{% elseif item.collection is not null %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/collections/{{ item.collection.getBestPath }}?v={{ item.collection.version }}" alt="COLLECTION" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.collection.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.collection.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
				{% elseif item.resource is not null %}
					{% set img_name = asset("bundles/d2core/images/" ~ d2_resource_image_name(item.resource.origPath)) %}
					{% if item.resource.resourceType == constant('D2\\ResourceBundle\\Entity\\Resource::TYPE_RT_DOCUMENT') %}
						<div class="img_container">
							<div class="eventContainer">
								<div>
									{% if item.path is not null %}
										<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
									{% else %}
										{% if item.resource.banner is null %}
										<img src="{{ img_name }}" alt="RESOURCE" class="img-responsive" width="100%" />
										{% else %}
										<img src="/uploads/resources/{{ item.resource.banner.getBestPath }}?v={{ item.resource.banner.version }}" alt="RESOURCE" class="img-responsive" width="100%" />
										{% endif %}
									{% endif %}
								</div>
								<div class="olay-text hidden-xs">
									<span class="title">{% if item.title|trim == '' %} {{ item.resource.title }} {% else %} {{ item.title }} {% endif %}</span><br>
									<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.resource.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
								</div>
							</div>
						</div>
					{% else %}
					<div class="img_container">
						<div class="eventContainer">
							<div style="max-height:490px; overflow:hidden">
								{% if item.resource.banner is not null %}
								<img src="/uploads/resources/{{ item.resource.banner.getBestPath }}?v={{ item.resource.banner.version }}" alt="RESOURCE" class="img-responsive" width="100%" />
								{% endif %}
								<h3>{{ item.resource.title }}</h3>
								<p>{{ item.resource.text|filterScript()|raw }}</p>
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.resource.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.resource.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
					{% endif %}
				{% elseif item.expert is not null %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									{% if item.expert.customer.path %}
									<img id="expert_img_{{ item.expert.id }}" src="/uploads/customer/images/{{ item.expert.customer.getBestPath }}?v={{ item.expert.customer.version }}" width="100%" alt="EXPERT" class="img-responsive img-rounded">
									{% else %}
									<img id="expert_img_{{ item.expert.id }}"  src="{{ asset('bundles/d2core/images/user.png') }}" width="100%" alt="EXPERT" class="img-responsive img-rounded">
									{% endif %}
								{% endif %}
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.expert.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.expert.orginization }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
				{% elseif item.news is not null %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/news/{{ item.news.getBestPath }}?v={{ item.news.version }}" alt="NEWS" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.news.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.news.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
				{% elseif item.advert is not null %}
					{% if item.advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_IMAGE_SMALL') or item.advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_IMAGE_LARGE') %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/adverts/{{ item.advert.getPath }}?v={{ item.advert.version }}" alt="ADVERT" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.advert.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.advert.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
					{% elseif item.advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_TEXT_BUSINESS') %}
					<div class="img_container">
						<div class="eventContainer">
							<div style="max-height:490px; overflow:hidden">
								<h3>{{ item.advert.title }}</h3>
								<p>{{ item.advert.text|filterScript()|raw }}</p>
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.advert.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.advert.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
					{% elseif item.advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_PROPERTY_RENTAL') or item.advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_PROPERTY_SALE') %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/adverts/{{ item.advert.getBestPath }}?v={{ item.advert.version }}" alt="ADVERT" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.advert.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.advert.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
					{% elseif item.advert.advertType == constant('D2\\AdvertBundle\\Entity\\Advert::TYPE_AT_NON_BUSINESS') %}
					{% else %}	
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}?v={{ item.version }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/adverts/{{ item.advert.getBestPath }}?v={{ item.advert.version }}" alt="ADVERT" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text hidden-xs">
								<span class="title">{% if item.title|trim == '' %} {{ item.advert.title }} {% else %} {{ item.title }} {% endif %}</span><br>
								<span class="subtitle">{% if item.subTitle|trim == '' %} {{ item.advert.subTitle }} {% else %} {{ item.subTitle }} {% endif %}</span><br>
							</div>
						</div>
					</div>
					{% endif %}
				{% else %}
				NO CONTENT SELECTED
				{% endif %}
			</div>    
			{% endfor %}
		{% endif %}
		</div>    
	{% endfor %}
{% endif %}
{% endblock content %}