@extends('voyager::master')
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">

@section('content')

    <div class="title-wrapper">
        <h1 class="page-title">

            <i class="icon voyager-calendar"></i>
            Calendario attività
        </h1>
        <hr>
    </div>

    <div class="page-content container-fluid">
        <div id="calendar"></div>
    </div>
    <link href='../fullcalendar/core/main.css' rel='stylesheet'/>
    <link href='../fullcalendar/daygrid/main.css' rel='stylesheet'/>
    <script src='../fullcalendar/core/main.js'></script>
    <script src='../fullcalendar/interaction/main.js'></script>
    <script src='../fullcalendar/daygrid/main.js'></script>
    <script src='../fullcalendar/core/locales-all.js'></script>
    <script src='https://unpkg.com/popper.js@1.16.1/dist/umd/popper.min.js'></script>
    <script src='https://unpkg.com/tooltip.js@1.3.3/dist/umd/tooltip.min.js'></script>

    <script>

        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');

                @php($userid = Auth::user()->id)

                @if (Auth::user()->hasRole('admin'))

                @php($tasks = \App\Oggetto::getOggettobyTipo('activities'))


                @else

                @php($tasks = \App\Oggetto::getOggettoByAuthorAndTipo($userid, 'activities' ))

                @endif

            var today = new Date();

            var calendar = new FullCalendar.Calendar(calendarEl, {

                locale: 'it',

                plugins: ['interaction', 'dayGrid'],
                header: {
                    left: 'prevYear,prev,next,nextYear today',
                    center: 'title',
                    right: 'dayGridMonth,dayGridWeek,dayGridDay'
                },

                defaultDate: today,
                navLinks: true, // can click day/week names to navigate views
                editable: true,
                defaultView: 'dayGridWeek',

                eventLimit: true, // allow "more" link when too many events
                events: [
                        @foreach($tasks as $task)
                        @php($color = \App\Oggetto::getColoreUser($task->author))
                        @php($username = \App\Oggetto::getUsername($task->author))
                        @php($progettoId = \App\Oggetto::getOggettoMeta($task->id,'activities_progetto_associato'))
                        @php($clienteId = \App\Oggetto::getOggettoMeta($progettoId,'progetti_cliente_associato'))
                        @php($progetto = \App\Oggetto::getOggettoTitle($progettoId))
                        @php($cliente = \App\Oggetto::getOggettoTitle($clienteId))
                        @php($ore = \App\Oggetto::getOggettoMeta($task->id,'activities_ore'))

                    {

                        title: '{{$username}} - {{ $task->nome }}',
                        start: '{{ $task->created_at }}',
                        url: '{{ route('oggetti.edit', $task->id) }}',
                        color: '{{$color}}',
                        progetto: '{{$progetto}}',
                        cliente: '{{$cliente}}',
                        ore: '{{$ore}}'

                    },
                    @endforeach
                ],
                eventRender: function (info) {
                    var html = '  <span class="tooltiptext"> Progetto: ' + info.event.extendedProps.progetto +' <br>Cliente: '+ info.event.extendedProps.cliente  +' <br>Ore: '+ info.event.extendedProps.ore + '</span>';
                    var node = document.createElement("DIV");

                    info.el.insertAdjacentHTML("beforeend", html);
                    var tooltip = new Tooltip(info.el, {
                        title: info.event.extendedProps.description,
                        placement: 'top',
                        trigger: 'hover',
                        container: 'body'
                    });

                },
            });

            calendar.render();

        });

    </script>


@endsection