@use plume_models::instance::Instance;
@use plume_models::posts::Post;
@use plume_models::timeline::Timeline;
@use crate::templates::{base, partials::*};
@use crate::template_utils::*;
@use crate::routes::*;

@(ctx: BaseContext, instance: Instance, n_users: i64, n_articles: i64, all_tl: Vec<(Timeline, Vec<Post>)>)

@:base(ctx, instance.name.clone(), {}, {}, {
  <h1>@i18n!(ctx.1, "Welcome to {}"; instance.name.as_str())</h1>

    @tabs(&vec![(format!("{}", uri!(instance::index)), i18n!(ctx.1, "Latest articles"), true)]
        .into_iter().chain(all_tl.clone()
            .into_iter()
            .map(|(tl, _)| {
                let url = format!("{}", uri!(timelines::details: id = tl.id, page = _));
                (url, i18n_timeline_name(ctx.1, &tl.name), false)
            })
        ).collect::<Vec<_>>()
    )

    @for (tl, articles) in all_tl {
        @if !articles.is_empty() {
            <div class="h-feed">
                <h2 dir="auto">
                    <span class="p-name">@i18n_timeline_name(ctx.1, &tl.name)</span>
                    &mdash;
                    <a href="@uri!(timelines::details: id = tl.id, page = _)">@i18n!(ctx.1, "View all")</a>
                </h2>
                <div class="cards">
                    @for article in articles {
                        @:post_card(ctx, article)
                    }
                </div>
            </div>
        }
    }

    @:instance_description(ctx, instance, n_users, n_articles)
})