{% extends "st_base.html" %}
{% load static %}
{% load st_extratags %}

{% block javascript %}
{% endblock %}

{% block style %}
{% endblock %}

{% block content %}

{% load djmoney %}

<!-- Container (About Section) -->
<div class="w3-content w3-container w3-padding-64">

  <div class="w3-card-4">
    <header class="w3-container st-br">
      <h1>{{termin.titel}}</h1><h4>{{termin.teaser}}</h4>
    </header>
    <div class="w3-container w3-center w3-padding-16">
      <div class="w3-responsive">
	<img src="{% static termin.bild %}" alt="Termin">
	<table class="w3-table-all w3-large w3-striped w3-border">
	  <tr>
	    <td colspan="2"><b>{{termin.text|safe}}</b></td>
	  </tr>
	  <tr>
	    <td><b>Wann:</b></td>
	    <td>{{termin.date|deutschesdatum}}{% if termin.end_date %} bis {{termin.end_date|deutschesdatum}}{% endif %}</td>
	  </tr>
	  {% if termin.showuhrzeit  %}
	  <tr>
	    <td><b>Uhrzeit:</b></td>
	    <td>{{termin.uhrzeit}} Uhr</td>
	  </tr>
	  {% endif %}
	  {% if termin.ort == "" %}
	  {% elif termin.ort == "hinterstoecken" %}
	  <tr>
	    <th>Wo:</th>
	    <td>Hinterstöcken 26, 96317 Kronach</td>
	  </tr>
	  <tr>
	    <td colspan="2" class="w3-center"><iframe  class="sttframe" src="https://www.openstreetmap.org/export/embed.html?bbox=11.35110855102539%2C50.21312179695905%2C11.372544765472414%2C50.22411945132669&amp;layer=mapnik&amp;marker=50.21862094105704%2C11.361826658248901"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=50.2186&amp;mlon=11.3618#map=16/50.2186/11.3618">Größere Karte anzeigen</a></small> </td>
	  </tr>
	    {% else %}
	  <tr>
	    <th>Wo:</th>
	    <td>{{termin.ortbeschreibung}}</td>
	  </tr>
	  <tr>
	    <td colspan="2"> <p class="w3-center">
	      {{termin.ort | safe}}</td>
	  </tr>
	  {% endif %}
	  {% money_localize '0.00' 'EUR' as ZERO_MONEY_OBJECT %}
	  {% if termin.preis != ZERO_MONEY_OBJECT  %} 
	   <tr>
	    <th>Energieausgleich:</th>
	    <td> {% money_localize termin.preis %} {{termin.preisbeschreibung}}</td>
	  </tr>
	   {% endif %}
	   {% if termin.freieplaetze > 3  %} 
	  <tr>
	    <th>Freie Plätze:</th>
	    <td class="w3-green">{{termin.freieplaetze}}</td>
	  </tr>
	   {% elif termin.freieplaetze > 0  %} 
	  <tr>
	    <th>Freie Plätze:</th>
	    <td class="w3-orange">{{termin.freieplaetze}}</td>
	  </tr>
	   {% elif termin.freieplaetze == 0  %} 
	  <tr>
	    <th colspan="2" class="w3-orange">Keine Freie Plätze mehr!</th>
	  </tr>
	  {% endif %}
	  {% if form %}
	  <tr>
	    <td colspan="2">Bei Interesse können Sie hier Kontakt aufnehmen.</td>
	  </tr> 
	  <tr>
	    <td colspan="2">
              {% include "kontaktformular.html" %}
	    </td>
	   </tr>
	  {% endif %}
       </table>

      </div> 
    </div>
  </div>
</div>
 
{% endblock %}