{% extends base_template|default:"recruitment/base.html" %}
{% load static i18n %}

{% block title %}{{ object }} · {{ block.super }}{% endblock %}

{% block container_class %}container-lg{% endblock%}

{% block content %}
    <div class="h1 text-center">
        <h1 class="d-inline">{{ object }}</h1>
        {% if view.feed %}
            <a href="{% url view.feed object.pk %}?token={{ user.token }}" class="btn btn-sm btn-primary" title="{% translate 'Feed' %}">
                <i class="far fa-calendar-plus" role="img" aria-label="{% translate 'Feed' %}"></i>
            </a>
        {% endif %}
    </div>
    <div class="my-5" data-js="calendar"></div>
{% endblock %}

{% block extra_scripts %}
    <script src="{% static 'fullcalendar-scheduler/main.js' %}"></script>
    <script src="{% static 'fullcalendar-scheduler/locales/de.js' %}"></script>
    <script src="{% static 'js/calendar.js' %}"></script>
{% endblock %}

{% block extra_styles %}
    <link rel="stylesheet" type="text/css" href="{% static 'fullcalendar-scheduler/main.css' %}">
{% endblock %}