@page "/"

<PageTitle>WorkTracker</PageTitle>

<h1>WorkTracker</h1>

<div class="row g-3 mt-1">
	<div class="col-12 col-md-6 col-xl-4">
		<div class="card h-100">
			<div class="card-body">
				<h2 class="h5 card-title">Calendar</h2>
				<p class="mb-2">Open the calendar and create work units or calendar events from each day cell.</p>
				<a href="calendar" class="btn btn-primary">Open Calendar</a>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-6 col-xl-4">
		<div class="card h-100">
			<div class="card-body">
				<h2 class="h5 card-title">Grid View</h2>
				<p class="mb-2">Tabular view of all days in the current month.</p>
				<a href="grid" class="btn btn-outline-primary">Open Grid</a>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-6 col-xl-4">
		<div class="card h-100">
			<div class="card-body">
				<h2 class="h5 card-title">Grid View</h2>
				<p class="mb-2">Tabular view of daily work-unit and calendar-event details.</p>
				<a href="grid" class="btn btn-outline-primary">Open Grid</a>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-6 col-xl-4">
		<div class="card h-100">
			<div class="card-body">
				<h2 class="h5 card-title">Monthly Summary</h2>
				<p class="mb-2">Totals for counted hours, preview hours, income, and non-working events.</p>
				<a href="summary" class="btn btn-outline-primary">Open Summary</a>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-6 col-xl-4">
		<div class="card h-100">
			<div class="card-body">
				<h2 class="h5 card-title">Yearly Summary</h2>
				<p class="mb-2">Month-by-month totals in a single table for the selected year.</p>
				<a href="yearly-summary" class="btn btn-outline-primary">Open Yearly Summary</a>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-6 col-xl-4">
		<div class="card h-100">
			<div class="card-body">
				<h2 class="h5 card-title">Settings</h2>
				<p class="mb-2">Configure the standard daily target and the income coefficients.</p>
				<a href="settings" class="btn btn-outline-secondary">Open Settings</a>
			</div>
		</div>
	</div>
</div>
