{% load i18n %}
{{ calendar_data|json_script:"calendar_data" }}
<script>
  $(".calendar_view").calendar_yearview_blocks({
    data: $("#calendar_data").text(),
    start_monday: false,
    always_show_tooltip: false,
    month_names: ['{% trans "JAN" %}', '{% trans "FEB" %}', '{% trans "MAR" %}', '{% trans "APR" %}', '{% trans "MAY" %}', '{% trans "JUN" %}', '{% trans "JUL" %}', '{% trans "AUG" %}', '{% trans "SEP" %}', '{% trans "OCT" %}', '{% trans "NOV" %}', '{% trans "DEC" %}'],
    day_names: ['', '', ''],
    colors: {
      'default': getComputedStyle(document.documentElement).getPropertyValue('--pico-form-element-background-color'),
      'book': '#B4D2A5',
      'movie': '#7CBDFE',
      'tv': '#FDDB23',
      'music': '#FEA36D',
      'game': '#C5A290',
      'podcast': '#9D6AB0',
      'performance': '#FE7C7C',
      'other': '#FED37C'
    }
  });
</script>
