{% extends 'homepage/base.html' %}
{% load static %}

{% block title %}Stammbaum{% endblock %}
{% block header %}Stammbaum{% endblock %}

{% block status %}
{% if user.is_authenticated %}
<p style="text-align:center">
  Hi {% firstof user.first_name user.username %}!<br/>
  {% if user.is_staff %}
  <a href="/admin/stammbaum/" class="link" target="_blank">Stammbaum bearbeiten</a>
  {% endif %}
  <a href="{% url 'stammbaum-logout' %}" class="link">Logout</a>
</p>
{% else %}
<p style="text-align:center">
  You are not logged in<br/>
  <a href="{% url 'stammbaum-login' %}" class="link">Login</a>
  <a href="{% url 'stammbaum-register' %}" class="link">Register</a>
</p>
{% endif %}
{% endblock %}

{% block sidebar %}
<a href="mailto:stammbaum@justprojects.de" title="stammbaum@justprojects.de" target="_blank"  class='overlay'>
  <div class='overlay'><b>Kontakt@mail</b></div>
</a>
{% if perms.stammbaum.view %}
<div class='overlay'>
    <div id='img_name'>Bitte Person ausw&auml;hlen, um Bild hinzuzuf&uuml;gen.</div>
</div>
{% if perms.stammbaum.upload_image %}
<form method="get" id="form" action="#">
  <div class='overlay info'>
    <input type='submit' value='Bild hochladen'>
  </div>
</form>
{% endif %}

<div class='overlay' id='save'>
  Speichern als SVG
</div>
<div id="group">
  <div class='overlay all' style='color:black' onclick='display(null);'>
    <b>Alles anzeigen</b>
  </div>
</div>

{% endif %}
{% endblock %}


{% block head %}
{% if perms.stammbaum.view %}
<script src="{% static 'stammbaum/svg-pan-zoom.min.js' %}"></script>
<script src="{% static 'stammbaum/jquery.min.js' %}"></script>
<script src="{% static 'stammbaum/hammer.js' %}"></script>
<script src="{% static 'stammbaum/tree.js' %}"></script>
<script src="{% static 'stammbaum/main.js' %}"></script>
<link rel="stylesheet" href="{% static 'stammbaum/style.css' %}">
  {{ persons|json_script:"person-data" }}
  {{ pairs|json_script:"pair-data" }}
  {{ groups|json_script:"group-data" }}
{% endif %}
{% endblock %}

{% block content %}
{% if user.is_authenticated %}
  {% if perms.stammbaum.view %}
  <div id="chart"></div>

  {% else %}

  <div class="news">

    <h2 class="news_title">Information</h2>
    <div class="news_body">
      <p>
        Ihr Account wurde noch nicht freigeschaltet.
      </p>
      <p>
        Sie haben keine Berechtigung diesen Inhalt anzusehen.
      </p>
      <p>
        Bitte melden Sie sich bei einem Administrator.
      </p>
    </div>
  </div>

  {% endif %}

{% else %}

<div class="news">

  <h2 class="news_title">Zugriff verweigert</h2>
  <p>
    Bitte melden Sie sich an, um diesen Inhalt zu sehen.
  </p>
</div>

{% endif %}
{% endblock %}