{% extends "base_title.html" %}
{% load bootstrap %}

{% block realcontent %}

<h2>Calendrier dynamique</h2>

<p>Ce formulaire vous permet de définir un calendrier dynamique compatible avec
n'importe quel logiciel ou application d'agenda. Vous pouvez choisir de
souscrire aux événements du COF et/ou aux spectacles BdA.
</p>

{% if token %}
<p>Votre calendrier (compatible avec toutes les applications d'agenda) se trouve à
<a href="{% url 'calendar.ics' token %}">cette adresse</a>.</p>

<ul>
    <li>Pour l'ajouter à Thunderbird (lightning), il faut copier ce lien et aller
    dans <tt>Fichier &gt; Nouveau &gt; Agenda</tt> puis choisir <tt>Sur le
    réseau</tt> et le format <tt>.ics</tt>.</li>
    <li>Avec Apple, il suffit de cliquer sur lien et d'ouvrir le fichier avec
    l'application calendrier.</li>
    <li>Google Agenda permet d'importer le fichier au format .ics depuis le menu
    <tt>Préférences.</tt></li>
</ul>
{% endif %}

<hr />

<form action="" method="post">
{% csrf_token %}
{{ form | bootstrap }}
<p>
      <button type="button" class="btn btn-default" onClick="select(true)">Tout sélectionner</button>
      <button type="button" class="btn btn-default" onClick="select(false)">Tout désélectionner</button>
</p>

<input type="submit" value="Enregistrer" class="btn btn-primary center-block" />
</form>

<script language="JavaScript">
function select(check) {
    checkboxes = document.getElementsByName("other_shows");
    for(var i=0, n=checkboxes.length;i<n;i++) {
        checkboxes[i].checked = check;
    }
}
</script>
{% endblock %}