package org.vaadin.stefan.ui.view.testviews;

import com.vaadin.flow.component.html.H2;
import com.vaadin.flow.component.html.Paragraph;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.router.Route;
import org.vaadin.stefan.fullcalendar.*;
import org.vaadin.stefan.fullcalendar.dataprovider.InMemoryEntryProvider;
import org.vaadin.stefan.ui.layouts.TestLayout;
import org.vaadin.stefan.ui.menu.MenuItem;

import java.time.LocalDate;
import java.util.Locale;
import org.vaadin.stefan.fullcalendar.JsonFactory;
import tools.jackson.databind.node.ObjectNode;
import java.util.ArrayList;
import java.util.List;

/**
 * Test view for display options.
 * <p>
 * Tests:
 * <ul>
 *   <li>{@code dayMaxEventRows(2)} — more than 2 events on a single day triggers the "+N more" link</li>
 *   <li>{@code displayEventEnd(true)} — end time is shown on timed events</li>
 *   <li>{@code nowIndicatorSnap(true)} — now indicator present in timegrid views</li>
 * </ul>
 * <p>
 * Route: /test/display-options
 */
@Route(value = "display-options", layout = TestLayout.class)
@MenuItem(label = "Display Options")
public class DisplayOptionsTestView extends VerticalLayout {

    public DisplayOptionsTestView() {
        setSizeFull();
        setPadding(true);

        add(new H2("Display Options"));
        add(new Paragraph(
                "dayMaxEventRows=2, displayEventEnd=true. " +
                "On 2025-03-10 there are 5 events, so a '+3 more' link should appear."));

        FullCalendar calendar = new FullCalendar();
        // Note: don't add FullCalendarVariant.VAADIN here — its CSS overrides
        // prevent dayMaxEventRows from working (overflow: visible on day cells)
        calendar.setLocale(Locale.ENGLISH);

        // Fix date so the test is reproducible
        calendar.setOption("initialDate", LocalDate.of(2025, 3, 1).toString());
        calendar.setOption("initialView", CalendarViewImpl.DAY_GRID_MONTH.getClientSideValue());

        // Display options under test
        // MAX_ENTRIES_PER_DAY (= FC dayMaxEvents) removes excess events from the DOM.
        // With value=2: 2 events in DOM + "+3 more" link (5 total - 2 visible = 3 hidden).
        // Note: DAY_MAX_EVENT_ROWS is tested separately in AdvancedOptionsTestView.
        calendar.setMaxEntriesPerDay(2);
        calendar.setOption(FullCalendar.Option.DISPLAY_EVENT_END, true);

        // Use 24h time format for consistent time display (test expects "10:00 - 11:30")
        ObjectNode eventTimeFormat = JsonFactory.createObject();
        eventTimeFormat.put("hour", "2-digit");
        eventTimeFormat.put("minute", "2-digit");
        eventTimeFormat.put("hour12", false);
        calendar.setOption("eventTimeFormat", eventTimeFormat);

        // Create 5 entries on 2025-03-10 to trigger the "+N more" overflow link
        LocalDate crowdedDay = LocalDate.of(2025, 3, 10);
        List<Entry> entries = new ArrayList<>();
        for (int i = 1; i <= 5; i++) {
            Entry e = new Entry();
            e.setTitle("Event " + i);
            e.setStart(crowdedDay.atTime(8 + i, 0));
            e.setEnd(crowdedDay.atTime(9 + i, 0));
            entries.add(e);
        }

        // Also add a single entry on another day with a visible end time
        Entry withEnd = new Entry();
        withEnd.setTitle("Has End Time");
        withEnd.setStart(LocalDate.of(2025, 3, 15).atTime(10, 0));
        withEnd.setEnd(LocalDate.of(2025, 3, 15).atTime(11, 30));
        entries.add(withEnd);

        InMemoryEntryProvider<Entry> provider = new InMemoryEntryProvider<>();
        provider.addEntries(entries);
        calendar.setEntryProvider(provider);

        add(calendar);
        setFlexGrow(1, calendar);
    }
}