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

<!-- START OF BLOCK -->
<div>
	

<!-- CONTRIBUTOR TITLE AND SHORT INTRO -->
	<div>
		<!-- TITLE label in rectangle -->

		<!-- switch label depending on label -->
		{% for x in contributorintro['results']['bindings'] %}
			{% if 'itemtypeLabel' in x %}
				<div class="artwork-box">
					<span>{{ x['itemtypeLabel']['value']  }}</span>
				</div>
				{% else %}
				<div class="artwork-box">
					<span>PERSON/ORGANISATION</span>
				</div>
				{% endif %}
		
		<!-- Contributor name -->
		<div class="artwork-title">			
				{{ x['itemLabel']['value'] }}
		</div>
		<!-- Contributor intro-description -->
		<div class="artwork-intro">
			
				{% if 'itemDescription' in x %}
					{{ x['itemDescription']['value'] }}
				{% endif %}
		</div>
		{% endfor %}

	</div>
<!-- END TITLE SHORT INTRO -->


<!-- ########################### -->
<!-- BLOCK IMAGE/DATA AND BIO -->
<!-- ############################ -->
	<div class="artwork-about">
		<!-- LEFT COLUMN -->
		<div class="artwork-leftcolumn">

				<!-- CONTRIBUTOR IMAGES -->				
				<div class="my-slider">					
					{% if contributorimage['results']['bindings']==[] %}
						<img src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
					{% else %}
					
						{% for x in contributorimage['results']['bindings'] %}
							<div class="item">
							<!-- START GROUP IMG + LABELS -->
								{% if "image" in x %}
								<img src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
								<!-- copyright and front or back -->
								{% endif %}

								{% if "depictsLabel" in x %}
								<p>{{ x['depictsLabel']['value'] }}</p>
								{% endif %}

								{% if "licenseLabel" in x %}
				 				<p>License: {{ x['licenseLabel']['value'] }}</p>
								{% endif %}
							<!-- END GROUP IMG + LABELS -->
							</div>
						{% endfor %}

						{% endif %}
					</div>
					<!-- END CONTRIBUTOR IMAGES -->
		</div>
		<!-- end of left column, which has only images actually -->

<!-- RIGHT COLUMN -->
<div class="artwork-rightcolumn"> 

<!-- RIGHT TOP -->
<div class="artwork-rightcolumn-top">

<!-- date -->

<!-- end of date -->

</div>
<!-- end of right top -->

<!-- biography -->
<div class="des-exh-section">
				<p class="label-item des">BIOGRAPHY</p>
				{% if contributorbiography['results']['bindings']==[] %}
				<p>information not available</p>
				{% else %}

				

				<!-- For loop -->
				{% for x in contributorbiography['results']['bindings'] %}
				<div class="artwork-rightcolumn-bottom">
					<!-- left part with the description text already coming in a div from wiki-->
					<div  class="text-description">
						{{ x["text"] | safe }}
					</div>
				</div>
				{% endfor %}
				{% endif %}

</div>
<!-- end of biography -->


</div>
<!-- END OF RIGHT COLUMN -->


</div>
<!-- ########################### -->
<!-- END OF BLOCK IMAGE/DATA AND BIO -->
<!-- ############################ -->




<!-- CREATOR OF -->
	<div class="artwork-relatedwrapper">
		<div class="Heading_C">Creator of</div>
		<!-- all the works if any-->
		{% for x in contributor_creatorof['results']['bindings'] %}
			<div class="artwork-relatedworks">
				<!-- image -->
				<div class="artwork-relatedworks-img-div">
					{% if "image" in x %}
						<a href='/artwork?id={{ x["Works"]["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["Works"]["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">
					<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>{{ x["WorksLabel"]["value"]}}</a>
				</div>
				<!-- year -->
				<div class="artwork-relatedworks-date">
				{% if "dateWorks" in x %}
					{{ x["dateWorks"]["value"] | replace("T00:00:00Z", "") }}  
				{% endif %}
				</div>
			</div>
		{% endfor %}
	</div>
<!-- END CREATOR OF -->


<!-- PUBLISHER OF -->
	<div class="artwork-relatedwrapper">
		<div class="Heading_C">Publisher of</div>
		<!-- all the works if any-->
		{% for x in contributor_publisherof['results']['bindings'] %}
			<div class="artwork-relatedworks">
				<!-- image -->
				<div class="artwork-relatedworks-img-div">
					{% if "image" in x %}
						<a href='/artwork?id={{ x["Works"]["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["Works"]["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">
					<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>{{ x["WorksLabel"]["value"]}}</a>
				</div>
				<!-- year -->
				<div class="artwork-relatedworks-date">
				{% if "dateWorks" in x %}
					{{ x["dateWorks"]["value"] | replace("T00:00:00Z", "") }}  
				{% endif %}
				</div>
			</div>
		{% endfor %}
	</div>
<!-- END PUBLISHER OF -->



</div>
<!-- END OF OVERALL BLOCK -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>

<script type="text/javascript">
  var slider = tns({
    container: '.my-slider',
    items: 1,
    responsive: {
      640: {
        edgePadding: 20,
        gutter: 20,
        items: 1
      },
      700: {
        gutter: 30
      },
      900: {
        items: 1
      }
    }
  });

</script>

{% endblock content %}