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

{% block BeforeAnyCSSFile %}
    {% for file in encore_entry_css_files('select2__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}
{% endblock %}

{% block ExtraCSSFiles %}
    <link href="{{ asset('css/themeStyle/pages/timeTable/fullcalendar.bundle.css') }}" rel="stylesheet"
          type="text/css"/>
{% endblock %}

{% set pagename = "Teacher's Time Table" | trans %}
{% set addBtnTitle = 'Mark Attendance?' | trans %}
{% set addBtnLink = path('add_attendance') %}

{% block MainContent %}

    <div class="row">
        <div class="col-lg-3 d-none">
            <!--begin::Portlet-->
            <div class="kt-portlet" id="kt_portlet">
                <div class="kt-portlet__body">
                    {# Teachers #}
                    <div id="kt_calendar_external_events" class="fc-unthemed">
                    </div>
                </div>
            </div>
            <!--end::Portlet-->
        </div>
        <div class="col-lg-12">
            <!--begin::Portlet-->
            <div class="kt-portlet">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
					<span class="kt-portlet__head-icon">
						<i class="flaticon-map-location"></i>
					</span>
                        <h3 class="kt-portlet__head-title">
                            {{ 'Class Time Table'| trans }}
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body">
                    <div id="kt_calendar"></div>
                </div>
            </div>
            <!--end::Portlet-->
        </div>
    </div>

{% endblock %}

{% block ExtraJsFIles %}
    <script src="{{ asset('js/themeStyle/pages/timeTable/fullcalendar.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/themeStyle/pages/timeTable/external-events.js') }}" type="text/javascript"></script>
{% endblock %}