<script lang="ts">
/** @type {import('./$types').PageData} */
export let data: any;
let log_lvl = 1;
// console.log(`ae_idaa_bb +page.svelte data:`, data);

import { browser } from '$app/environment';

import { Modal } from 'flowbite-svelte';

import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';

import { liveQuery } from "dexie";
import { core_func } from '$lib/ae_core/ae_core_functions';
import { db_archives } from "$lib/db_archives";
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { idaa_loc, idaa_sess, idaa_slct, idaa_trigger } from '$lib/ae_idaa_stores';
import { archives_func } from '$lib/ae_archives/ae_archives_functions';

import Comp__archive_obj_li from './ae_idaa_comp__archive_obj_li.svelte';


$: lq__archive_obj_li = liveQuery(async () => {
    let results = await db_archives.archive
        .where('account_id')
        .equals($slct.account_id)
        // .orderBy('updated_on')
        // .toArray()
        .reverse()
        .sortBy('sort');
        // .sortBy('updated_on');
        // .sortBy('updated_on, created_on');
        // .sortBy('[updated_on+created_on]');
        // .sortBy('[created_on+updated_on]');

    return results;
});

$: lq__archive_obj = liveQuery(async () => {
    let results = await db_archives.archive
        .get($idaa_slct.archive_id);

    return results;
});

$: lq__archive_content_obj_li = liveQuery(async () => {
    let results = await db_archives.content
        .where('archive_id')
        .equals($idaa_slct.archive_id)
        .reverse()
        .sortBy('updated_on');
        // .sortBy('title');

    return results;
});

$: lq__archive_content_obj = liveQuery(async () => {
    let results = await db_archives.content
        .get($idaa_slct.archive_content_id);

    return results;
});



</script>


<svelte:head>
	<title>
        IDAA Archives:
        - Novi - {$ae_loc?.title}
    </title>
</svelte:head>


<section
    class="
        ae_idaa__bb
        container h-full mx-auto
        flex flex-col gap-1
        py-1 px-2 pb-16
        items-center
        min-w-full
        max-w-max
        "
    >

<!-- <h1>Archives {$lq__archive_obj_li?.length}</h1> -->

{#if $lq__archive_obj_li && $lq__archive_obj_li?.length }
    <Comp__archive_obj_li
        lq__archive_obj_li={lq__archive_obj_li}
        />
{:else}
    <p>No archives available to show.</p>
{/if}


</section>