{% extends 'base.html.twig' %}

{% block title %}Hello {{ controller_name }}!{% endblock %}

{% block body %}
    {#<div class="calendar">#}
        {#<iframe#}
                {#src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=en.french%23holiday%40group.v.calendar.google.com&amp;color=%23125A12&amp;ctz=Europe%2FParis"#}
                {#style="border-width:0" width="1000" height="750" frameborder="0" scrolling="no">#}

        {#</iframe>#}
    {#</div>#}
    <div id="calendar" class="calendar"></div>
{% endblock %}

{% block stylesheets %}
    <link href='{{ asset('fullcalendar-lib/fullcalendar.min.css') }}' rel='stylesheet' />
    <link href='{{ asset('fullcalendar-lib/fullcalendar.print.min.css') }}' rel="stylesheet" media='print' />
    <script src='{{ asset('fullcalendar-lib/lib/moment.min.js') }}'></script>
    <script src='{{ asset('fullcalendar-lib/lib/jquery.min.js') }}'></script>
    <script src='{{ asset('fullcalendar-lib/fullcalendar.min.js') }}'></script>
    <script src='{{ asset('fullcalendar-lib/locale-all.js') }}'></script>
    <script>
        // Add events data for calendar
        var events = {{ events | json_encode | raw }};
        var googleApiKey = {% if googleApiKey != null %}{{ googleApiKey }}{% else %}null{% endif %};
        var googleCalendarID = {% if googleCalendarID != null %}{{ googleCalendarID }}{% else %}null{% endif %};
    </script>
    <script src="{{ asset('fullcalendar-lib/fullcalendar.config.js') }}"></script>
{% endblock %}