{% 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 addCaseStudy(id)
	{
		bootbox.prompt({
			title: "Add Case Study",
			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 Collection",
			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 Expert",
			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 Resource",
			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 News",
			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);
			}
		});
	}
</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 }}" alt="VIDEO" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/case_studies/images/{{ item.caseStudy.getBestPath }}" 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">
								<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>
								{% if item.text|trim == '' %} {{ item.caseStudy.titleInfo }} {% else %} {{ item.text|nl2br }} {% endif %}
							</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 }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/collections/{{ item.collection.customer.id }}/{{ item.collection.getBestPath }}" alt="COLLECTION" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text">
								<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>
								{% if item.text|trim == '' %} {{ item.collection.description }} {% else %} {{ item.text|nl2br }} {% endif %}
							</div>
						</div>
					</div>
				{% elseif item.resource is not null %}
					{% set img_name = asset("bundles/d2core/images/" ~ d2_resource_image_name(item.resource.origPath)) %}
					<div class="img_container">
						<div class="eventContainer">
							<div>
								{% if item.path is not null %}
									<img src="/uploads/banners/{{ item.getBestPath }}" 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.customer.id }}/{{ item.resource.banner.getBestPath }}" alt="RESOURCE" class="img-responsive" width="100%" />
									{% endif %}
								{% endif %}
							</div>
							<div class="olay-text">
								<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>
								{% if item.text|trim != '' %} {{ item.text|nl2br }} {% endif %}
							</div>
						</div>
					</div>
				{% 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 }}" 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 }}" 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">
								<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>
								{% if item.text|trim == '' %} {{ item.expert.expertise }} {% else %} {{ item.text|nl2br }} {% endif %}
							</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 }}" alt="IMAGE" class="img-responsive" width="100%" />
								{% else %}
									<img src="/uploads/news/{{ item.news.customer.id }}/{{ item.news.getBestPath }}" alt="NEWS" class="img-responsive" width="100%" />
								{% endif %}
							</div>
							<div class="olay-text">
								<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>
								<span style="color:#DCE0DF">{% if item.text|trim != '' %} {{ item.text|nl2br }} {% endif %}</span>
							</div>
						</div>
					</div>
				{% else %}
				NO CONTENT SELECTED
				{% endif %}
			</div>    
			{% endfor %}
		{% endif %}
		</div>    
	{% endfor %}
{% endif %}
{% endblock content %}