<script>
	import { onDestroy } from 'svelte';
	import 'bootstrap/dist/css/bootstrap.css';
	import url_bootstrap from 'bootstrap/dist/js/bootstrap.bundle.js?url';
	import { navlinks } from '$lib/stores.js';
	import Navbar from '$lib/Navbar.svelte';

	const links = navlinks.push({
		name: 'VistA-SSH',
		href: '/',
		children: [
			{ name: 'Lookup',		href: '/lookup' },
			{ name: 'Appointments',	href: '/appointments' },
			{ name: 'Clinics',		href: '/clinics' },
			{ name: 'RCRS',			href: '/rcrs' },
			{ name: 'Log',			href: '/api/log.txt', target: '_blank' },
		]
	});
	onDestroy(() => navlinks.pop(links));
</script>

<svelte:head>
	<script src={url_bootstrap}></script>
</svelte:head>

<Navbar />

<main class="container-md">
	<slot />
</main>
