@extends('layouts.print')

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

    <h4>Agenda de {{$profissional->nome}}</h4>

    <div class="row">
        <div class="col-lg-12">
            <div class="row">
                <div class="col-sm-6">
                    <div id="loader-calendar"></div>
                </div>
                <div class="col-sm-6 text-right">
                    {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDinamic('#', 'print-agenda', 'default', 'printer', 'Imprimir', true, ['add-class'=>'hidden-print']) !!}
                </div>
            </div>

            <div id="calendar"></div>
        </div>
    </div>

    <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;
        }
    </style>
@endsection


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

    <script>
        var urlAulasCallendar = "{{App\Http\Controllers\ContextoUsuario\AgendaController::urlMethod('aulasAgendaServiceProfissionalFiltro',['profissionalId'=>$profissional->id])}}";
        var urlContentAulas = "{{ App\Http\Controllers\ContextoUsuario\AulasController::urlMethod('listcontentporprofissional',$profissional->id) }}";

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

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

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

                    setTimeout(function() {
                        window.print();
                    },1000);
                }
            };

            $('#calendar').fullCalendar(options);

            $("#btn_print-agenda").on('click',function () {
                window.print();
            })
        });
    </script>
@endpush