@extends('layouts.app')

@section('content')
    @include('layouts.cdn.fullcalendar-css')

    @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::USR_TipoUsuario))
        <div class="block-header">
            <h2>
                @if($tipo == "salas")
                    Agenda por sala
                    <small>Visualização por sala - <a href="{{$controller::urlMethod('agendaProfissionais')}}">Visualizar por profissional</a></small>
                @else
                    Agenda por profissional
                    <small>Visualização por profissional - <a href="{{$controller::urlMethod('agendaSalas')}}">Visualizar por sala</a></small>
                @endif
            </h2>
        </div>
    @endif

    {!! Layout::openCard() !!}

    <div class="row">
        <div class="col-lg-12">
            <div id="loader-calendar"></div>
            <div id="calendar"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
        @foreach($listaLegenda as $itemLegenda)
            @php(
                $cor = ($itemLegenda instanceof \App\Models\Profissional\Profissional ? $itemLegenda->cor() : $itemLegenda->cor)
            )

            <span class="label label-default" style="background-color: {{$cor}} ">
                {{$itemLegenda->nome}}
            </span>
        @endforeach
        </div>
    </div>

    {!! Layout::closeCard() !!}

    {!! Layout::buttonPreviousIcon() !!}

    <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>
                </div>
                <div class="modal-footer">
                    {!! Layout::buttonRead("#",array("target"=>"_blank","id"=>"modalDetalhesAgendaEventLink")) !!}
                </div>
            </div>
        </div>
    </div>

    @push('scripts')
    @include('layouts.cdn.fullcalendar-js')

    <script>
        var urlAulas = "";
        var urlAulasInsert = "";

        @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::USR_TipoUsuario))
            urlAulas = "{{App\Http\Controllers\ContextoUsuario\AgendaController::urlMethod('aulasAgendaService', ['tipo'=>$tipo])}}";
        @endif

        @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::USR_TipoProfissional))
            urlAulas = "{{\App\Http\Controllers\ContextoProfissional\AgendaProfissionalController::urlMethod('service')}}";

            {{--@sistemaCorreria--}}
{{--                urlAulasInsert = "{{App\Http\Controllers\ContextoUsuario\Correria\AgendaController::urlMethod('createFromDate',['dataInicio'=>"DATAINICIO"])}}";--}}
            {{--@endif--}}

        @endif

        $(document).ready(function() {
            options = {};
            options.header = {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            };

            @modoNaoMobile
                options.defaultView = 'agendaWeek';
            @endif

            @modoMobile
                options.defaultView = 'agendaDay';
            @endif

            options.events = urlAulas;
            options.allDaySlot = false;
            options.minTime = '06:00:00';
            options.scrollTime = moment().format("HH:mm:ss");
            options.slotEventOverlap = false;
            options.hiddenDays = [ 0 ];

            options.loading = function( isLoading, view ){
                if (isLoading){
                    $("#loader-calendar").html($("#loader-default").html()).show();
                }else{
                    $("#loader-calendar").html('').hide();
                }
            };

            @if(\App\Services\Permissions\PermissoesService::hasPermission(\App\Services\Permissions\PermissoesService::USR_TipoUsuario))
            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.title);
                $("#modalDetalhesAgendaEventLink").attr('href', event.url);

                return false;
            };
            @endif

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

    <style>
        .fc-today{
            background-color: #fafafa !important;
        }

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

        .item-aluno-agenda{
            border: 1px dotted #ccc;
            background-color: #fafafa;
            padding: 10px;
        }

        .item-aluno-agenda:hover{
            border: 1px dotted #aaa;
            cursor: pointer;
        }
    </style>
@stop