{% extends "shared/base.html" %}

{% load render_bundle from webpack_loader %}

{% block title %}Kalkulačka přístupových tokenů do Instagramu{% endblock %}
{% block header_name %}Instagram{% endblock %}
{% block description %}Přihlášením svým účtem získáš přístupové údaje, které můžeš využít pro synchronizaci obsahu na domovské stránce pirati.cz.{% endblock %}

{% block head %}
    <link
        rel="stylesheet"
        href="https://styleguide.pirati.cz/2.11.x/css/styles.css"
    >
{% endblock %}

{% block content %}
    <main>
        <h1 class="text-6xl font-bebas mb-5">Kalkulačka přístupových tokenů do Instagramu</h1>

        <div class="prose max-w-none mb-5">
            <p>
                Přihlášením svým účtem získáš přístupové údaje, které můžeš využít pro
                <a href="https://majak.pirati.cz/admin" target="_blank">synchronizaci obsahu</a>
                na domovské stránce pirati.cz.
            </p>
        </div>

        <div class="prose max-w-none">
            <p>
                <strong>Uživatelské ID:</strong> <i>{{ user_id }}</i>
            </p>

            <p>
                <strong>Přístupový token:</strong>
                <pre>{{ access_token }}</pre>
            </p>
        </div>
    </main>
{% endblock %}