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

{% block title %}{% trans "Family Tree" %}{% endblock %}
{% block header %}{% trans "Family Tree" %}{% endblock %}

{% block status %}
{% if user.is_authenticated %}
<p style="text-align:center">
  {% trans "Hello" %} {% firstof user.first_name user.username %}!<br/>
  {% if user.is_staff %}
  <a href="/admin/stammbaum/" class="link" target="_blank">{% trans "Edit family tree" %}</a>
  {% endif %}
  <a href="{% url 'stammbaum-logout' %}" class="link">{% trans "Logout" %}</a>
</p>
{% else %}
<p style="text-align:center">
  {% trans "You are not logged in" %}<br/>
  <a href="{% url 'stammbaum-login' %}" class="link">{% trans "Login" %}</a>
  <a href="{% url 'stammbaum-register' %}" class="link">{% trans "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>{% trans "contact@mail" %}</b></div>
</a>
{% if perms.stammbaum.view %}
<div class='overlay'>
    <div id='img_name'>{% trans "Please select a person to upload their portrait." %}</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'>
  {% trans "Save as SVG" %}
</div>
<div id="group">
  <div class='overlay all' style='color:black' onclick='display(null);'>
    <b>{% trans "Show all" %}</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">{% trans "Information" %}</h2>
    <div class="news_body">
      <p>
        {% trans "Your account hasn't been validated yet." %}
      </p>
      <p>
        {% trans "You are not allowed to view this content." %}
      </p>
      <p>
        {% trans "Please contact an administrator." %}
      </p>
    </div>
  </div>

  {% endif %}

{% else %}

<div class="news">

  <h2 class="news_title">{% trans "Access denied" %}</h2>
  <p>
    {% trans "Please login to view this content." %}
  </p>
</div>

{% endif %}
{% endblock %}