{% extends 'AppBundle:Admin:CRUD\\Page\\Layout\\page_layout.html.twig' %}

{% import 'AppBundle:Admin:Form\\macro_form.html.twig' as macro_form %}

{% block stylesheets %}
    {{ parent() }}
    {% stylesheets filter='?uglifycss, cssrewrite'
        '@app_calendar_css'
    %}
    <link rel="stylesheet"  media="all" href="{{ asset_url }}" type="text/css"/>
    {% endstylesheets %}
{% endblock stylesheets %}

{% block javascripts %}
    {{ parent() }}
    {% javascripts filter='?uglifyjs2'
        '@app_calendar_js'
    %}
        <script src="{{ asset_url }}" type="text/javascript"></script>
        <script src="{{ fullcalendar_cdn_url }}"></script>
        <script src="{{ locale_fr_fullcalendar_cdn_url }}"></script>
    {% endjavascripts %}
{% endblock javascripts %}

{% block sonata_admin_content %}
    <div class="row">
        <div class="col-lg-2">
            <div class="ibox box box-success">
                <div class="ibox-title">
                    <h5>{{ 'title.filter'|trans({}, translationDomain) }}</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    {{ form_start(form, { 'style': 'horizontal', 'attr': {'class': 'form_calendar_filter'} }) }}

                    {% if form.group is defined %}
                        {{ macro_form.form_row_multiple_one_line([
                                form.group,
                                form.user,
                            ], [
                                'col-lg-12',
                                'col-lg-12'
                            ])
                        }}
                    {% else %}
                        {{ macro_form.form_row_multiple_one_line([
                                form.user
                            ], [
                                'col-lg-12'
                            ])
                        }}
                    {% endif %}

                    {% if form.calendar|length > 0 %}
                        <div class="row form-group">
                            <div class="col-lg-12">
                                <label class="control-label">
                                    {{ 'filter.calendar.label_title'|trans({}, 'CalendarTrans') }}
                                </label>
                                <hr/>
                                {% for child in form.calendar %}
                                    <div class="m-b-xs {{ child.vars.attr['data-wrapper-class'] }}">
                                        {{ form_widget(child) }}
                                        <label for="{{ child.vars.id }}">
                                            {{ child.vars.label }}
                                        </label>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    {% endif %}

                    <div class="text-right">
                        <button type="button" class="btn btn-white btn-clear-calendar-filter">
                            {{ 'filter.advanced_search.btn_clear'|trans({}, 'CommonTrans') }}
                        </button>
                        <button type="button" class="btn btn-primary btn-calendar-search">
                            <i class="fa fa-refresh"></i> {{ 'filter.advanced_search.btn_search'|trans({}, 'CommonTrans') }}
                        </button>
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
        <div class="col-lg-10 no-padding-l">
            <div class="ibox box box-success">
                <div class="ibox-title">
                    <h5>{{ 'title.calendar'|trans({}, translationDomain) }}</h5>
                </div>
                <div class="ibox-content">
                    <div id="external-events">
                        {% if google_api.api_key is not empty %}
                            <div 
                                id="calendar"
                                data-group-calendar-api-id="{{ googleApiId }}"
                            >
                            </div>
                        {% endif %}
                    </div>

                </div>
            </div>
        </div>
    </div>
{% endblock %}