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

<div>

<!-- Artwork title and navigation -->
	<div></div>

<!-- The content in 3 divs displayed or not (detailed revord is out)-->
	<div>
		<!-- about -->
		<div></div>

		<!-- relationships -->
		<div></div>

		<!-- lists -->
		<div></div>


	</div>

<!-- copies in collections -->
	<div>
		<div>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"] | 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>
		<div>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 %}