{% 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="{{ guild.icon.url }}"
                 alt="{{ _('Guild Logo') }}"
                 width="80"
                 height="80"/>
        </div>
        <h1>{{ client.user.display_name }}</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={{ request.host_url }}{{ guild.vanity_url_code|default(guild.id, True) }}.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={{ request.host_url }}{{ guild.vanity_url_code|default(guild.id, True) }}.ics">
                    <i class="fa fa-windows"></i>
                    {{ _("Subscribe to") }} Outlook
                </a>
            </li>
            <li>
                <a class="button"
                   target="_blank"
                   href="webcal://{{ request.host }}/{{ guild.vanity_url_code|default(guild.id, True) }}.ics">
                    <i class="fa fa-apple"></i>
                    {{ _("Subscribe to") }} Apple
                </a>
            </li>
        </ul>
        <div class="hr-sect">{{ _("OR") }}</div>
        <div>
            <h3>{{ _("Use the direct link:") }}</h3>
            <input type="text"
                   readonly
                   class="black_input"
                   value="webcal://{{ request.host }}/{{ guild.vanity_url_code|default(guild.id, True) }}.ics">
        </div>
    </div>
{% endblock content %}
