{% extends "base_generic.html" %}

{% block head %}

<!-- Primary Meta Tags -->
{% if teaching_course_detail.semester %}
    <meta name="description" property="og:description" content="{{ teaching_course_detail.semester.name }}  |  Further information: {{ teaching_course_detail.module_ressources }}">
{% else %}
    <meta name="description" property="og:description" content="Further information: {{ teaching_course_detail.module_ressources }}">
{% endif %}

<meta name="title" content="{{ teaching_course_detail.name }}">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:image" itemprop="image"  content="https://{{ request.get_host }}/{{ teaching_course_detail.image }}" />
<meta property="og:title" content="{{ teaching_course_detail.name }}" />
<meta property="og:site_name" content="{{ teaching_course_detail.name }}">
<meta property="og:url" content="{{ request.get_full_path }}">

<!-- Twitter -->
<meta name="twitter:card" content="" />
<meta name="twitter:title" content="{{ teaching_course_detail.name }}">
<meta name="twitter:image" content="https://{{ request.get_host }}/{{ teaching_course_detail.image }}">
{% if teaching_course_detail.semester %}    
    <meta name="twitter:description" content="{{ teaching_course_detail.semester.name }}  |  Further information: {{ teaching_course_detail.module_ressources }}">
{% else %}
    <meta name="twitter:description" content="Further information: {{ teaching_course_detail.module_ressources }}">
{% endif %}
{% endblock %}

{% block nav-teaching %}
<button class="w3-button w3-hover-none w3-bottombar navbutton" style="border-color:var(--colmenub)!important">academics <i class="fa fa-caret-down"></i></button>
{% endblock %}

{% block content %}
{% block small %}
{% load static %}
	<h3>{{ teaching_course_detail.name }}</h3>
	
	<div class="w3-half">
		<table style="width:100%">
		{% for teacher in teaching_course_detail.teacher.all%}
			<tr class="spacingBottom">
				<td class="spacingRight">{% if forloop.first %}Teacher:{% endif %}</td>
				<td>
					{% if teacher.status and teacher.status.id != 16 %}
						<div class="tooltip">
							<a href="{{ teacher.get_absolute_url }}">{{teacher.name}}</a>
							
								<span class="tooltiptext">{{ teacher.status|capfirst }}</span>
						</div>
					{% else %}
						{% if teacher.url_extern %}
							<a href="{{ teacher.url_extern }}" rel="noopener noreferrer">{{ teacher.name }}</a>
						{% else %}
							{{ teacher.name }}
						{% endif %}
					{% endif %}

				</td>
			</tr>
		{% empty %}
			<tr class="spacingBottom"> </tr>
		{% endfor %}
			
		{% for tutor in teaching_course_detail.tutor.all %}
			<tr class="spacingBottom">
				<td class="spacingRight">{% if forloop.first %}Tutor:{% endif %}</td>
					<td>
						<div class="tooltip">
							<a href="{{ tutor.get_absolute_url }}">{{ tutor.name}}</a>
							<span class="tooltiptext">{{ tutor.status|capfirst }}</span>
						</div>
					</td>
				</td>
			</tr>
		{% empty %}
			<tr class="spacingBottom"> </tr>
		{% endfor %}
		
		{% for resp_person in teaching_course_detail.responsible_person.all %}
			<tr class="spacingBottom">
				<td class="spacingRight">{% if forloop.first %}Responsible:{% endif %}</td>
				<td>
					<div class="tooltip">
						<a href="{{ resp_person.get_absolute_url }}">{{ resp_person.name}}</a>
						<span class="tooltiptext">{{ resp_person.status|capfirst }}</span>
					</div>
				</td>
			</tr>
		{% empty %}
			<tr class="spacingBottom"> </tr>
		{% endfor %}
			{% for study in teaching_course_detail.study.all %}
				<tr class="spacingBottom">
					<td class="spacingRight">{% if forloop.first %}Study:{% endif %}</td>
					<td>{{ study.name }} ({{ study.degree }})</td>
				</tr>
			{% empty %}
				<tr class="spacingBottom"> </tr>
			{% endfor %}
		{% if teaching_course_detail.semester %}
		<tr class="spacingBottom">
			<td class="spacingRight">Schedule:</td>
			<td>{{ teaching_course_detail.semester.name }}</td>
		</tr>
		{% endif %}
		{% if teaching_course_detail.module_ressources %}
		<tr class="spacingBottom"><td class="spacingRight"></td><td><a href='{{ teaching_course_detail.module_ressources }}'><img src="{% static 'icons/logo-OPAL-login.png' %}" class="w3-round-xlarge w3-hover-shadow w3-card" alt="OPAL" style="height:50px"></a></td>
		</tr>
		{% endif %}
		</table>
	</div>
	{% if teaching_course_detail.image %}
	<div class="w3-half w3-center">
		<img src="/{{ teaching_course_detail.image }}" class="w3-right" alt="" style="width:300px">
	</div>
	{% endif %}
	
{% endblock %}
{% endblock %}