@extends("profesor.layout.layout")
@section("styles")
    @php
        $titulo = "Calendario Eventos";
        $modulo = "Calendario Eventos";
        $vista="Calendario Eventos";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo }} {{$vista}}</title>

    <link href="assets/plugins/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />

    <style>
        .fc-title {
            color: white !important;
        }
        .fc-time {
            color: white !important;
        }
    </style>
@endsection

@section("contenido")
    <div class="card card-custom">
        <div class="card-body">
            <div id="kt_calendar"></div>
        </div>
    </div>
@endsection

@section("scripts")

    <script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script>
    <script src="assets/plugins/custom/fullcalendar/es.js"></script>
    <script>
        "use strict";
        var calendar;
        let tipo_calendario=2;

        let KTCalendarBasic = {
            init: function() {
                let e = moment().startOf("day"),
                    t = e.format("YYYY-MM"),
                    i = e.clone().subtract(1, "day").format("YYYY-MM-DD"),
                    n = e.format("YYYY-MM-DD"),
                    r = e.clone().add(1, "day").format("YYYY-MM-DD"),
                    o = document.getElementById("kt_calendar");
                calendar = new FullCalendar.Calendar(o, {
                    plugins: [ "dayGrid", "timeGrid"],
                    isRTL: KTUtil.isRTL(),
                    header: {
                        left: "prev,next today",
                        center: "title",
                        right: "dayGridMonth,timeGridWeek,timeGridDay"
                    },
                    height: 800,
                    contentHeight: 780,
                    aspectRatio: 3,
                    nowIndicator: !0,
                    now: n + "T09:25:00",
                    views: {
                        dayGridMonth: {buttonText: "Mes"},
                        timeGridWeek: {buttonText: "Semana"},
                        timeGridDay: {buttonText: "Día  "}
                    },
                    defaultView: "dayGridMonth",
                    defaultDate: n,
                    disableDragging: true,
                    editable: false,
                    eventLimit: 10,
                    navLinks: !0,
                    events: "{{ route('profesor::calendario.getEventos') }}",
                    locale: "es",

                });
                calendar.render();
            }
        };

        let nuevoEvento;

        $(document).ready((function() {
                KTCalendarBasic.init();
            })
        );

    </script>
@endsection