{% extends "layout.html" %}
{% block content %}


<div>

<!-- ARTWORK TITLE AND NAVIGATION -->
	<div>
		<!-- ARTWORK label in rectangle -->
		<div class="artwork-box">
			<span>ARTWORK</span>
		</div>
		<!-- Artwork title -->
		<div class="artwork-title">
			{% for x in artworkintro['results']['bindings'] %}
				{{ x['workLabel']['value'] }}
			{% endfor %}
		</div>
		<!-- Artwork intro-description -->
		<div class="artwork-intro">
			{% for x in artworkintro['results']['bindings'] %}
				{% if 'workDescription' in x %}
					{{ x['workDescription']['value'] }}
				{% endif %}
			{% endfor %}
		</div>

		<!-- NAVIGATION HERE? -->
		<div class="artwork-nav">
			<div class="artwork-nav-label active">ABOUT THIS WORK</div>
			<!-- <div class="artwork-nav-label">RELATIONSHIPS</div> -->
			<!-- <div class="artwork-nav-label">LISTS</div> -->
			<div class="artwork-nav-label"><a class="det-record" target="_blank" href="https://daap.bannerrepeater.org/wiki/Item:{{ artwork_id }}">DETAILED RECORD</a></div>
		</div>
	</div>


	<!-- ABOUT -->
	<div class="artwork-about">
		<!-- ARTWORK LEFT COLUMN -->
		<div class="artwork-leftcolumn">

				<!-- ARTWORK IMAGES -->
				<div class="artwork-about-img">
					{% if artworkimages['results']['bindings']==[] %}
						<img class="artwork-about-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
					{% else %}
						{% for x in artworkimages['results']['bindings'] %}
							{% if loop.index <= 1 %}
								{% if "image" in x %}
								<img class="artwork-about-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
								{% endif %}
							{% endif %}
						{% endfor %}
					{% endif %}
				</div>
				<!-- other stuff like downloads, absent for now -->

				<!-- DOWNLOADS AND LINKS -->
				<div>
					{% if artworklinksanddownloads['results']['bindings']==[] %}
					{% else %}
						{% for x in artworklinksanddownloads['results']['bindings'] %}
						<p class="label-item">DOWNLOADS AND LINKS</p>

						{% if 'DownloadDigitalFacsimile' in x %}
						<div>
							<a target="_blank" href="{{ x['DownloadDigitalFacsimile']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_download.svg') }}"></a>
							<span>Download digital facsimile</span>
						</div>
						{% endif %}

						{% if 'DigitalFacsimileExternalLink' in x %}
						<div>
							<a target="_blank" href="{{ x['DigitalFacsimileExternalLink']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_external_link.svg') }}"></a>
							<span>External digital facsimile linl</span>
						</div>
						{% endif %}

						{% if 'DigitalFacsimileExternalLink2' in x %}
						<div>
							<a target="_blank" href="{{ x['DigitalFacsimileExternalLink2']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_external_link.svg') }}"></a>
							<span>External digital facsimile link 2</span>
						</div>
						{% endif %}

						
						{% endfor %}
					{% endif %}
				</div>
				
				<!-- OTHER DIGITAL ARTEFACTS -->
				<div>
					{% if artworkartefacts['results']['bindings']==[] %}
					<p class="label-item">OTHER DIGTAL ARTEFACTS</p>
					<!-- video images audio -->
						{% for x in artworkartefacts['results']['bindings'] %}
						{{ x }}
						{% endfor %}
					{% endif %}
				</div>

				<!-- DISTRIBUTOR LINKS -->
				<div>
					{% if artworkdistributorlinks['results']['bindings']==[] %}
					{% else %}		
						<p class="label-item">DISTRIBUTOR LINKS</p>
						{% for x in artworkdistributorlinks['results']['bindings'] %}
							{% if 'distributorLinks' in x %}
							<div>
								<img src="{{ url_for('static', filename='/imgs/Icons/icn_external_link.svg') }}">
								<a target="_blank" href="{{ x['distributorLinks']['value'] }}">{{ x['distributorLinks']['value'] }}</a>
							</div>
							{% endif %}
						{% endfor %}	
						</p>
						
					{% endif %}
				</div>
				</div>

		</div>

		<!-- RIGHT COLUMN -->
		<div class="artwork-rightcolumn"> 
			<!-- RIGHT TOP -->
				<!-- contributors -->
				<div class="artwork-rightcolumn-top-contributors">
						<p class="label-item">CONTRIBUTORS</p>
						{% for x in artworkcontributors['results']['bindings'] %}
							<!-- name surname -->
							<div class="metadata-link">
								<a href='/person?id={{ x["creators"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
									<span>{{ x['creatorsLabel']['value'] }}</span>
								</a>
							<!-- role/function -->
								<p>{{ x['role']['value'] }}</p>
							</div>
						{% endfor %}
				</div>
				<!-- date -->
				<div class="artwork-rightcolumn-top-date">
						<p class="label-item">DATE</p>
							<!-- loops through dates -->
							{% for x in artworkdate['results']['bindings'] %}
							<!-- date -->
								{% if 'date' in x %}
								<div class="label-item-date-artwork">{{ x['date']['value'] | replace("T00:00:00Z", "") }}</div>
								{% else %}
								but <div>information not available</div>
								{% endif %}
								
							<!-- extra info if available -->
								{% if 'sourceLabel' in x %}
								<div>Source: {{ x['sourceLabel']['value'] }}</div>
								{% endif %}
							{% endfor %}

				<!-- publishers removed div .artwork-rightcolumn-top-publishers-->

						<p class="label-item">PUBLISHERS</p>
						<!-- loop through publishers -->
						{% for x in artworkpublisher['results']['bindings'] %}
							<!-- name, surname -->
							<div class="metadata-link artwork-rightcolumn-top-publishers-item">
							{% if 'publishersLabel' in x %}
								<a href='/organisation?id={{ x["publishers"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'><span>{{ x['publishersLabel']['value'] }}</span></a>
							{% else %}
								<span>information not available</span>
							{% endif %}
							<!-- role -->
							{% if 'role' in x %}
								<span>{{ x['role']['value'] }}</span>
							{% endif %}
							<div>
						{% endfor %}
				</div>
				</div>
				</div>


			<div class="artwork-about-bottom">
				<!-- description -->

				<!-- if there is a description add description here -->
				{% if artworkdescriptiondata['results']['bindings']==[] %}
				{% else %}
				<!-- For loop -->
				{% for x in artworkdescriptiondata['results']['bindings'] %}
					<div>
					<p class="label-item">DESCRIPTION</p>
					<!-- left part with the description text already coming in a div from wiki-->
					<div>
						{{ x["text"] | safe }}
					</div>


					<!-- right ride with author etc LATER-->
					<div>
						{% if "authordescriptionPageLabel" in x %}
						<p class="label-item">AUTHOR</p>
						<p>{{ x['authordescriptionPageLabel']['value'] }}</p>
						{% endif %}
						<!-- if there is an author name then add here otherwise info non available -->

						{% if "sourcedescriptionPage" in x %}
						<p class="label-item">SOURCE</p>
						<p>{{ x["sourcedescriptionPage"]["value"]}} </p>
						<!-- if there is a source name then add here otherwise info non available -->
						{% endif %}


						{% if "datedescriptionPage" in x %}
						<p class="label-item">DATE</p>
						<p>{{ x["datedescriptionPage"]["value"] | replace("T00:00:00Z", "") }}</p>
						{% endif %}
						<!-- if there is a date add here otherwise info non available-->
					</div>

				
				</div>
				{% endfor %}
				{% endif %}
				<!-- end description loop -->

				<!-- exhibition and distribution history loop-->
				<!-- if exhibition in, then do show that -->
				{% if artworkexhibitiondata['results']['bindings']==[] %}
				{% else %}

				{% for x in artworkexhibitiondata['results']['bindings'] %}
				<div>
					<p class="label-item">EXHIBITION AND DISTRIBUTION HISTORY</p>

					<div>
						{{ artworkexhibitiontext | safe }}
					</div>
					<!-- right ride with author etc LATER-->
					<div>
						<p class="label-item">AUTHOR</p>
					<!-- if there is an author name then add here otherwise info non available -->
						{% if "authorexhibitionHisPageLabel" in x %}
						<p>{{ x["authorexhibitionHisPageLabel"]["value"]}} </p>
						{% endif %}

						<p class="label-item">SOURCE</p>
						<!-- if there is a source name then add here otherwise info non available -->
						{% if "sourceexhibitionHisPage" in x%}
						<p>{{ x["sourceexhibitionHisPage"]["value"]}} </p>
						{% endif %}

						<p class="label-item">DATE</p>
						<!-- if there is a date add here otherwise info non available-->
						{% if "dateexhibitionHisPage" in x%}
						<p>{{ x["dateexhibitionHisPage"]["value"] | replace("T00:00:00Z", "") }} </p>
						{% endif %}
					</div>

				</div>
				{% endfor %}
				{% endif %}
				<!-- end exhibition loop -->

				<!-- end of right column -->
			</div>
<!-- end of about -->
	</div>

	<!-- lists DESIGN IF NO LISTS TO BE CLARIFIE-->
	<div class="artwork-nav-label">LISTS</div>
	<div class="artwork-lists">
		{% if artworklists['results']['bindings']==[] %}
			<p>The artwork isn't featured in any lists yet</p>
		{% else %}
			<p>This artwork is featured in the following lists: </p>
		{% for x in artworklists['results']['bindings'] %}
		<div>
			<div class="artwork-lists-img">
				{% if "image" in x %}
					<img src="x['image']['value']">
				{% else %}
					<img src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
				{% endif %}
			</div>
			<div class="artwork-lists-title">
			{% if "listLabel" in x %}
				{{ x['listLabel']['value'] }}
			{% endif %}
			</div>
			<div class="artwork-lists-works-number">
				placeholder for number of artworks in list
			</div>
			
		</div>
		{% endfor %}
		{% endif %}
	</div>


<!-- copies in collections -->
	<div class="artwork-copieswrapper">
		<div class="Heading_C">Copies in collections</div>
		<!-- all the copies if any -->
		{% for x in copiesincollection['results']['bindings'] %}
			<div class="artwork-copiesincollection">
				<!-- img -->
				<div class="artwork-copiesincollection-img-div">
					{% if "image" in x %}
						<!-- <a href='/artwork?id={{ x["copiesCollections"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> -->
							<img class="artwork-copiesincollection-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
						<!-- </a> -->
						<br>
					{% else %}
						<!-- <a href='/artwork?id={{ x["copiesCollections"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> -->
							<img class="artwork-copiesincollection-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
						<!-- </a> -->
						<br>
					{% endif %} 
				</div>
				<!-- title/name of collection -->
				<div class="artwork-copiesincollection-title-div">
					{{ x["collectionLabel"]["value"]}}
				</div>
				
			</div>
		{% endfor %}
	</div>

<!-- Related works -->
	<div class="artwork-relatedwrapper">
		<div class="Heading_C">Related works</div>
		<!-- all the works if any-->
		{% for x in relatedworks['results']['bindings'] %}
			<div class="artwork-relatedworks">
				<!-- image -->
				<div class="artwork-relatedworks-img-div">
					{% if "image" in x %}
						<a href='/artwork?id={{ x["relatedWorks"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
							<img class="artwork-relatedworks-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
						</a>
						<br>
					{% else %}
						<a href='/artwork?id={{ x["relatedWorks"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
							<img class="artwork-relatedworks-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
						</a>
						<br>
					{% endif %} 
				</div>
				<!-- title -->
				<div class="artwork-relatedworks-tile">
					{{ x["relatedWorksLabel"]["value"]}}
				</div>
				<!-- year -->
				<div class="artwork-relatedworks-date">
				{% if "daterelatedWorks" in x %}
					{{ x["daterelatedWorks"]["value"] | replace("T00:00:00Z", "") }}  
				{% endif %}
				</div>
			</div>
		{% endfor %}
	</div>

</div>

{% endblock content %}