<script>
	import { page } from '$app/stores';
	import { goto } from '$app/navigation';
	
	$: uuid = $page.params.uuid;
</script>

<div class="page">
	<div class="container">
		<h1>Task Detail</h1>
		<p class="text-secondary">UUID: {uuid}</p>
		<p class="text-secondary mb-lg">Task detail view coming in next iteration...</p>
		<a href="/" class="btn-link">← Back to tasks</a>
	</div>
</div>

<style>
	.btn-link {
		display: inline-block;
		padding: 0.75rem 1.5rem;
		background-color: var(--color-primary);
		color: white;
		border-radius: var(--border-radius);
		text-decoration: none;
	}
</style>
