{% load static %}
{% load i18n %}

{% if terms %}
    <link rel="stylesheet" type="text/css" href="{% static 'termsandconditions/css/modal.css' %}">
    <script src="{% static 'termsandconditions/js/modal.js' %}" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function() {
      termsandconditions_overlay();
    }, false);
    </script>

    <div id="termsandconditions" class="termsandconditions-modal">
        <div>
        <a href='javascript:void(0)' onclick='termsandconditions_overlay();' title="{% trans 'Close' %}" class="termsandconditions-close">X</a>
        <h2>
            {% if terms.name %}
                {{ terms.name|safe }}
            {% else %}
                {% trans 'Terms and Conditions' %}
            {% endif %}
        </h2>
            {% if terms.info %}{{ terms.info|safe }}{% endif %}
            {% trans 'To accept new Terms, visit' %}
            <a href="{% url 'tc_accept_specific_page' terms.slug %}">{% url 'tc_accept_specific_page' terms.slug %}</a>
        </div>
    </div>
{% endif %}

