{% trans_default_domain 'easy_admin' %}

{% extends 'easy_admin/layout.html.twig' %}

{% block head_stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/app.css') }}">
    <link rel="stylesheet" href="{{ asset('build/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('build/calendar.css') }}">

    <!-- Import fullCalendar styleSheet -->
    <link href='{{ asset('fullcalendar-lib/fullcalendar.min.css') }}' rel='stylesheet' />
    <link href='{{ asset('fullcalendar-lib/fullcalendar.print.min.css') }}' rel="stylesheet" media='print' />

    <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>
    <link href="{{ asset('build/calendar.css') }}" rel="stylesheet">
    {{ parent() }}
{% endblock %}

{% block content_title %}
    {{ 'calendar.title' |trans }}
{% endblock %}

{% block main %}
    <div class="row">
        <div class="col-md-12">
            <!-- Import routing script for using fosJsRouting during fullCalendar call -->
            <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
            <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>

            <!-- Import fullCalendar and dependency -->
            <script src='{{ asset('fullcalendar-lib/lib/jquery.min.js') }}'></script>
            <script src='{{ asset('fullcalendar-lib/lib/moment.min.js') }}'></script>
            <script src='{{ asset('fullcalendar-lib/fullcalendar.min.js') }}'></script>
            <script src='{{ asset('fullcalendar-lib/locale-all.js') }}'></script>
            <script src="{{ asset('fullcalendar-lib/fullcalendar-backend.config.js') }}"></script>

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

{% block body_javascript %}
    <script src="{{ asset('build/calendar.js') }}"></script>
{% endblock %}