@include('layouts.cdn.fullcalendar-css')
<div class="card painel-alocacao" id="panel-alocacao">
    <div class="header">
        <div class="row">
            <div class="col-md-12">
                <div id="calendar-home"></div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="myModalDetalhesAulaAgenda" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Detalhes da aula</h4>
            </div>
            <div class="modal-body" id="modalDetalhesAulaAgendaConteudo">
                <span id="modalDetalhesAgendaStartTime"></span> as <span id="modalDetalhesAgendaEndTime"></span><br><br>
                <p id="modalDetalhesAgendaEventInfo"></p>

                {!! Layout::buttonDinamic('#','add_aluno_mesmo_horario','default','add','Adicionar aluno nesse horário') !!}
            </div>
        </div>
    </div>
</div>

@push('scripts')
@include('layouts.cdn.fullcalendar-js')
<script>
    var urlAulas = "{{App\Http\Controllers\ContextoUsuario\AgendaController::urlMethod('aulasAgendaService', ['tipo'=>'salas'])}}";
    var urlAulasInsert = "{{App\Http\Controllers\ContextoUsuario\Correria\AgendaController::urlMethod('criarAulaAgenda',['alunoId'=>999999,'dataInicio'=>"DATAINICIO"])}}";

    $(document).ready(function() {
        options = {};
        options.defaultView = 'agendaDay';
        options.events = urlAulas;
        options.height = 650;
        options.allDaySlot = false;
        options.minTime = '06:00:00';
        options.scrollTime = moment().format("HH:mm:ss");
        options.slotEventOverlap = false;

        options.eventClick = function(event) {
            $("#myModalDetalhesAulaAgenda").modal('show');

            $("#modalDetalhesAgendaStartTime").html(moment(event.start).format('DD/MM/YYYY hh:mm'));
            $("#modalDetalhesAgendaEndTime").html(moment(event.end).format('hh:mm'));
            $("#modalDetalhesAgendaEventInfo").html(event.description);


            var data = event.start.format();
            var urlInsert = urlAulasInsert.replace("999999",0).replace("DATAINICIO",data);

            $("#btn_add_aluno_mesmo_horario").attr('href',urlInsert);

            return false;
        };

        options.dayClick = function(date, jsEvent, view) {
            var data = date.format();
            window.location = urlAulasInsert.replace("999999",0).replace("DATAINICIO",data);
        };

        function inserirAula(date, alunoid) {
            var data = date.format();
            window.location = urlAulasInsert.replace("999999",alunoid).replace("DATAINICIO",data);
        }

        $('#calendar-home').fullCalendar(options);
    });
</script>
@endpush

<style>
    .fc-widget-content{
        background-color: #ffffff;
    }

    .fc-time-grid-event, .fc-v-event, .fc-event{
        border-radius: 0px;
        border-top: thick solid;
        border-bottom: thick solid;
    }
</style>