---
import '@/styles/pages/appunti.css'

import PageLayout from '@layouts/PageLayout.astro'

import { AppuntiList, AppuntiCard } from '@client/Appunti'
---

<PageLayout title="Appunti | PHC" pageTags="appunti">
    <h1>Appunti & Dispense</h1>

    <div class="search">
        <input type="text" />
        <span class="material-symbols-outlined">search</span>
    </div>

    <h2>In primo piano</h2>

    <div class="appunti-scrollable center">
        <AppuntiList>
            <AppuntiCard client:load title="Appunti 1" author="someuser" courseYear="2023/2024" />
            <AppuntiCard client:load course="Geometria 1" author="exampleuser" courseYear="2023/2024" />
            <AppuntiCard client:load course="Algebra 1" author="anotheruser" courseYear="2023/2024" />
        </AppuntiList>
    </div>

    <!-- <h2>Categorie</h2>

    <h3>Analisi</h3>

    <div class="appunti-scrollable">
        <AppuntiList>
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
        </AppuntiList>
    </div>

    <h3>Algebra Lineare</h3>

    <div class="appunti-scrollable">
        <AppuntiList>
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
        </AppuntiList>
    </div>

    <h3>Geometria</h3>

    <div class="appunti-scrollable">
        <AppuntiList>
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
            <AppuntiCard client:load title="Appunti 1" author="example" courseYear="2023/2024" />
        </AppuntiList>
    </div> -->
</PageLayout>
