{% extends "base.html.j2" %}
{% block content %}
    <div id="box">
        <div id="avatars">
            <img src="{{ client.user.display_avatar }}"
                 alt="{{ _("Bot Logo") }}"
                 width="80"
                 height="80" />
            <span id="dots">…</span>
            <img src="{{ avatar.url }}" alt="{{ _("Avatar") }}" width="80" height="80" />
        </div>
        <h1>
            <a href="{{ url_for(".index") }}">{{ client.user.display_name }}</a>
        </h1>
        <h2>{{ _("The discord scheduled event calendar generator") }}</h2>
        <hr />
        <ul id="providers">
            <li>
                <a class="button"
                   target="_blank"
                   href="https://calendar.google.com/calendar/u/0/r?cid=webcal://{{ request.host }}/{{ entity_id }}.ics">
                    <i class="fa fa-google"></i>
                    {{ _("Subscribe to") }} Google
                </a>
            </li>
            <li>
                <a class="button"
                   target="_blank"
                   href="https://outlook.live.com/owa?path=/calendar/action/compose&rru=addsubscription&url=webcal://{{ request.host }}/{{ entity_id }}.ics">
                    <i class="fa fa-windows"></i>
                    {{ _("Subscribe to") }} Outlook
                </a>
            </li>
            <li>
                {# djlint:off #}
                <a class="button" target="_blank" href="webcal://{{ request.host }}/{{ entity_id }}.ics">
                    <i class="fa fa-apple"></i>
                    {{ _("Subscribe to") }} Apple
                </a>
                {# djlint:on #}
            </li>
        </ul>
        <div class="hr-sect">{{ _("OR") }}</div>
        <div>
            <h3>{{ _("Use the direct link:") }}</h3>
            {# djlint:off #}
            <input type="text" readonly class="black_input" value="webcal://{{ request.host }}/{{ entity_id }}.ics"/>
            {# djlint:on #}
        </div>
    </div>
{% endblock content %}