@page "/kalender"
@using PlanTempus.Application.Features.Calendar.Pages
@model PlanTempus.Application.Features.Calendar.Pages.IndexModel
@{
    ViewData["Title"] = "Kalender";
}

@section Styles {
    <link rel="stylesheet" href="~/lib/calendar/dist/css/calendar.css" />
}

<div class="calendar-wrapper">
    <swp-calendar-container>
        <swp-time-axis>
            <swp-header-spacer></swp-header-spacer>
            <swp-time-axis-content id="time-axis"></swp-time-axis-content>
        </swp-time-axis>
        <swp-grid-container>
            <swp-header-viewport>
                <swp-header-track>
                    <swp-calendar-header></swp-calendar-header>
                </swp-header-track>
                <swp-header-drawer></swp-header-drawer>
            </swp-header-viewport>
            <swp-content-viewport>
                <swp-content-track>
                    <swp-scrollable-content>
                        <swp-time-grid>
                            <swp-grid-lines></swp-grid-lines>
                            <swp-day-columns></swp-day-columns>
                        </swp-time-grid>
                    </swp-scrollable-content>
                </swp-content-track>
            </swp-content-viewport>
        </swp-grid-container>
    </swp-calendar-container>
</div>
