<script>
	import { goto } from '$app/navigation';
	import { importState } from '$lib/stores.svelte';
	import * as Accordion from '$lib/components/ui/accordion';
	import AccordionItem from '$lib/components/ui/accordion/accordion-item.svelte';
	import { Button } from '$lib/components/ui/button';
	import * as Dialog from '$lib/components/ui/dialog';
	import { Input } from '$lib/components/ui/input';
	import { Label } from '$lib/components/ui/label';
	import * as m from '$lib/paraglide/messages.js';

	import { Badge } from '$lib/components/ui/badge';
	import { Separator } from '$lib/components/ui/separator';
	import Import from './import/import.svelte';
	export let open = true;

	export let data = {
		form: {}
	};

	import default_shortforms from '../db/shortforms.se.json';
	const importDefaultList = () => {
		importState.data = '';
		importState.errors = [];
		default_shortforms.shortforms.forEach((sf) => {
			importState.data += sf.sf + '=' + sf.p + '\n';
		});
		console.log('goto import');
		goto('/import');
	};
</script>

<Dialog.Root closeFocus="textarea#doc.textarea" bind:open closeOnOutsideClick={false}>
	<Dialog.Trigger />
	<Dialog.Content class="sm:max-w-[625px]">
		<Dialog.Header>
			<Dialog.Title>Skrivert</Dialog.Title>
			<Dialog.Description
				>Jag har ingen aning om vilken ton man författar såna här hjälptexter med. Det här är
				iallafall ett program för skrivtolkar som gör typ det ett sånt program ska göra, men på sitt
				sätt.</Dialog.Description
			>
		</Dialog.Header>
		<Accordion.Root class="w-full">
			<Accordion.Item value="import">
				<Accordion.Trigger>Importera förkortningar</Accordion.Trigger>
				<Accordion.Content>
					<p class="leading-7 [&:not(:first-child)]:mt-6">
						Skrivert kan bara importera och exportera förkortningslistor i läsbart textformat.<br />
						Det finns ett verktyg för att konvertera listor och export-filer mellan olika format här:
						<br />
						<a href="https://qwertyist.se/tools/shortforms/" target="_blank"
							><Badge variant="secondary">qwertyist.se/förkortingar/</Badge></a
						>
					</p>
					<Separator class="my-4" />
					<p class="leading-7 [&:not(:first-child)]:mt-6">
						Vill du inte importera en egen lista så kan du använda programmets baslista som i den
						här versionen av programmet har {default_shortforms.shortforms.length} förkortningar.<br
						/>
						<a href="/import" on:click={importDefaultList}
							><Badge variant="secondary">Importera baslista</Badge></a
						>
					</p>
					<p class="leading-7 [&:not(:first-child)]:mt-6">
						<a href="/import"><Badge>Importera förkortningar</Badge></a>
					</p>
				</Accordion.Content>
			</Accordion.Item>
			<Accordion.Item value="settings">
				<Accordion.Trigger>Ändra inställningar</Accordion.Trigger>
				<Accordion.Content>Här ändrar man inställningar</Accordion.Content>
			</Accordion.Item>
			<Accordion.Item value="issues">
				<Accordion.Trigger>Ge feedback eller rapportera fel</Accordion.Trigger>
				<Accordion.Content>Här ger man feedback eller rapporterar fel</Accordion.Content>
			</Accordion.Item>
			<Accordion.Item value="connect">
				<Accordion.Trigger>Koppla upp mot tolkanvändare</Accordion.Trigger>
				<Accordion.Content></Accordion.Content>
			</Accordion.Item>
			<Accordion.Item value="interpret">
				<Accordion.Trigger>Börja skrivtolka</Accordion.Trigger>
				<Accordion.Content>Man för börja skriva på en gång om man vill.</Accordion.Content>
			</Accordion.Item>
		</Accordion.Root>
	</Dialog.Content>
</Dialog.Root>
