<script lang="ts">
 import { user } from '../stores/user';
 import SurveyList from '../components/SurveyList.svelte';
 import ValidateSubmissions from '../components/ValidateSubmissions.svelte';
</script>

<div class="card bg-light">
    <div class="card-body">
        {#if $user}
            <img class="float-end img-thumbnail" src="https://photos.cri.epita.fr/thumb/{$user.login}" alt="avatar {$user.login}" style="max-height: 150px">
            <h1 class="card-text">
                Bienvenue {$user.firstname}&nbsp;!
            </h1>
            <hr class="my-4">

            <p class="lead">Tu as fait les rendus suivants&nbsp;:</p>
            <ValidateSubmissions />
            <p class="lead">Voici la liste des questionnaires&nbsp;:</p>
        {:else}
            <p class="card-text lead">
                Vous voici arrivés sur le site dédié aux cours d'<a href="https://adlin.nemunai.re/">Administration Linux avancée</a>, du <a href="https://srs.nemunai.re/fic/">FIC</a> et de <a href="https://virli.nemunai.re/">Virtualisation légère</a>.
            </p>
            <p class="card-text">
                Vous devez <a href="auth/CRI" target="_self">vous identifier</a> pour accéder au contenu.
            </p>
        {/if}
        <SurveyList />
    </div>
</div>
