{{-- Porte de views/meetings/calendar.php do aurios-ops original. Visão de calendário das reuniões (FullCalendar 6). --}}
@extends('layout')

@section('content')
    <div class="page-head">
        @include('partials.context-back')
        <div class="t"><h1>Reuniões</h1><p class="lead">Arraste um evento para remarcar · clique num dia para criar</p></div>
        <div class="actions">
            <a href="{{ url('reunioes/nova') }}" class="btn btn--primary"><i class="ic">add</i><span class="lbl">Nova reunião</span></a>
        </div>
    </div>

    <div class="toolbar">
        <div class="segmented">
            <a href="{{ url('reunioes') }}">Lista</a>
            <a href="{{ url('reunioes/calendario') }}" class="active">Calendário</a>
        </div>
        <div class="row small" style="gap:12px;margin-left:auto">
            <span><i class="ic sm" style="color:var(--info);vertical-align:-3px">circle</i> Agendada</span>
            <span><i class="ic sm" style="color:var(--ok);vertical-align:-3px">circle</i> Realizada</span>
            <span><i class="ic sm" style="color:var(--warn);vertical-align:-3px">circle</i> Remarcada</span>
            <span><i class="ic sm" style="color:var(--bad);vertical-align:-3px">circle</i> Cancelada</span>
        </div>
    </div>

    <div class="card pad"><div id="calendar" aria-busy="true"></div></div>

    <script src="{{ asset('assets/vendor/fullcalendar.global.min.js') }}"></script>
    <script src="{{ asset('assets/vendor/fullcalendar.pt-br.global.min.js') }}"></script>
    <script nonce="{{ $cspNonce }}">
        document.addEventListener('DOMContentLoaded', () => {
            const el = document.getElementById('calendar');
            if (!window.FullCalendar) { el.textContent = 'Não foi possível carregar o calendário.'; return; }

            const csrf = document.querySelector('meta[name="csrf-token"]')?.content || '';
            const feed = new URL('reunioes/eventos', document.baseURI).href;

            const calendar = new FullCalendar.Calendar(el, {
                locale: 'pt-br',
                timeZone: 'local',
                height: 'auto',
                nowIndicator: true,
                editable: true,
                eventDurationEditable: true,
                initialView: 'dayGridMonth',
                headerToolbar: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,listWeek',
                },
                buttonText: { today: 'hoje', month: 'Mês', week: 'Semana', list: 'Lista' },
                slotMinTime: '07:00:00',
                slotMaxTime: '21:00:00',
                expandRows: true,
                dayMaxEvents: 3,
                events: { url: feed, failure: () => AURIOS.toast('Falha ao carregar reuniões.', true) },
                loading: (on) => el.toggleAttribute('aria-busy', on),

                dateClick: (info) => {
                    const hasTime = info.dateStr.includes('T');
                    const when = hasTime ? info.dateStr.slice(0, 16) : info.dateStr + 'T09:00';
                    window.location.href = new URL('reunioes/nova?quando=' + encodeURIComponent(when), document.baseURI).href;
                },

                eventClick: (info) => {
                    info.jsEvent.preventDefault();
                    if (info.event.url) window.location.href = info.event.url;
                },

                eventDrop: (info) => reschedule(info),
                eventResize: (info) => reschedule(info),
            });

            async function reschedule(info) {
                const ev = info.event;
                const mins = ev.end ? Math.round((ev.end - ev.start) / 60000) : 0;
                try {
                    const res = await fetch(new URL('reunioes/' + ev.id + '/remarcar', document.baseURI).href, {
                        method: 'PATCH',
                        headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': csrf, 'X-Requested-With': 'XMLHttpRequest' },
                        body: JSON.stringify({ scheduled_at: ev.start.toISOString(), duration_min: mins }),
                    });
                    if (!res.ok) throw new Error();
                    AURIOS.toast('Reunião remarcada.');
                } catch {
                    info.revert();
                    AURIOS.toast('Não foi possível remarcar.', true);
                }
            }

            calendar.render();
            document.addEventListener('theme:changed', () => calendar.render());
        });
    </script>
@endsection