{% extends '::layout.html.twig' %}
{% block stylesheets %}
    {{parent()}}
    {% stylesheets filter='cssrewrite'
                    'bundles/usbsh/js/fullcalendar/fullcalendar.css'
                    'bundles/usbsh/js/fullcalendar/fullcalendar.print.css'
    %}

    <link rel="stylesheet" href="{{ asset_url }}" media="screen" type="text/css"/>
    {% endstylesheets %}


{% endblock %}

{% block content_class 'calendar index' %}
    {% block content -%}
        <div class="calendar p-40 top-content content">
            <div class="loader"></div>

            {#botones#}
            <div class="row arrows">
                <div class="col-md-3 text-left">
                    <a href="{{backUrl}}" ><span class="glyphicon glyphicon-arrow-left back"></span></a>
                </div>
                <div class="col-md-6 text-right">
                    <a href="{{nextUrl}}" ><span class="glyphicon glyphicon-arrow-right next"></span></a>
                </div>
            </div>
            <div class="row mt-20">
                <div id='calendar1' class="col-md-3"></div>
                <div id='calendar2' class="col-md-3"></div>
                <div id='calendar3' class="col-md-3"></div>
                <div id='calendar-detail' class="col-md-3 content">

                </div>
            </div>
        </div>
        <div class="clear-both"></div>

        <div class="phases">
            {{ render(controller('USBSHBundle:Timeline:phases')) }}
        </div>
{% endblock %}

{% block bottom_scripts %}
    {{parent()}}
    {% javascripts
        'bundles/usbsh/js/fullcalendar/lib/moment.min.js'
        'bundles/usbsh/js/fullcalendar/fullcalendar.min.js'
        'bundles/usbsh/js/fullcalendar/lang/es.js'
        'bundles/ustimeline/js/timeline.js'
        'bundles/usbsh/js/calendar.js'

    %}

    <script src="{{ asset_url }}"></script>

    {% endjavascripts %}


    <script>


    $(document).ready(function() {
            timeline.routes.showActivity = "{{path('timeline_showactivity_base')}}";

            calendar.routes.getSpeechs = 'http://{{app.request.host}}/php-ews/calendar.php?action=speechs';
            calendar.months = ["{{months[0]|date('Y-m-d')}}","{{months[1]|date('Y-m-d')}}","{{months[2]|date('Y-m-d')}}"];

            //load timeline activies
            calendar.timelineActivities = {{timelineItems|json_encode()|raw}}

            //load speechs
            calendar.loadSpeechs('{{app.user.email}}',"{{months[0]|date('Y-m-01')}}","{{months[2]|date('Y-m-t')}}");

            calendar.indexRP();


    });



    </script>
{% endblock %}