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

 let direct = null;
</script>

<div class="card bg-light">
    <div class="card-body">
        {#if $user}
            <div class="row">
                <div class="col-md">
                    <h1 class="card-text">
                        Bienvenue {$user.firstname}&nbsp;!
                    </h1>
                    <hr class="my-4">

                    {#if $user.promo != $user.current_promo}
                        <div class="alert alert-primary" role="alert">
                            <strong>Es-tu un {$user.current_promo}&nbsp;?</strong> Tu es actuellement enregistré comme un {$user.promo}, ce qui ne te permet pas d'accéder aux questionnaires de la promo {$user.current_promo}. <a href="mailto:nemunaire@nemunai.re?subject=Mauvaise promotion sur srs.nemunai.re&body=Bonjour, Je ne suis pas enregistré dans la bonne promotion sur le site srs.nemunai.re. Cordialement,">Contacte-moi</a> pour corriger cela.
                        </div>
                    {/if}

                    {#if direct}
                        <div class="alert alert-warning" role="alert">
                            <strong>Rejoins le cours maintenant&nbsp;!</strong> Il y a actuellement un questionnaire en direct&nbsp;: {direct.title}. <a href="surveys/{direct.id}/live">Clique ici pour le rejoindre</a>.
                        </div>
                    {/if}

                    <p class="lead">Tu as fait les rendus suivants&nbsp;:</p>
                </div>
                <div class="d-none d-md-block col-md-auto">
                    <img class="img-thumbnail" src="https://photos.cri.epita.fr/thumb/{$user.login}" alt="avatar {$user.login}" style="max-height: 150px">
                </div>
            </div>

            <ValidateSubmissions />

            {#if $user.is_admin}
                <p class="lead">Demande d'aide&nbsp;:</p>
                {#await getUserNeedingHelp()}
                    <span class="spinner-border spinner-border" role="status" aria-hidden="true"></span>
                {:then nhs}
                    <ul style="columns: 2">
                        {#each nhs as user (user.id)}
                            <li>
                                {#await getUser(user.id_user)}
                                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                                {:then u}
                                    <a href="users/{u.id}">{u.login}</a>
                                {/await}
                                ({user.date})
                            </li>
                        {/each}
                    </ul>
                {/await}
            {/if}

            <p class="lead">Voici la liste des travaux&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 allworks bind:direct={direct} />
    </div>
</div>

<div class="mb-5"></div>
