import Ignite
import Foundation

struct Battlefleet: StaticPage {
    @Environment(\.articles) var articles
    var path = "/battlefleet"
    let title: String
    let subtitle: String
    
    init() {
        self.title = "Battlefleet:"
        self.subtitle = "Subsector Scarus"
    }
    
    var body: some HTML {
        VStack {
            Logo(barTitle: title, underTitle: subtitle)
                .horizontalAlignment(.center)
            VStack {
                Link("Battlefleet Gothic Remastered Digital Rules", target: "/epubs/BattlefleetGothicDigitalRemaster.epub")
                Text(markdown: "The _Battlefleet: Gothic_ rules formatted for epub.")
            }
                .margin(.bottom, .medium)
            VStack {
                ForEach(articles.typed("battlefleet").reversed()) { article in
                    Group {
                        Link(article)
                        Text(article.metadata["description"] as? String ?? "")
                            .margin(.bottom, .medium)
                    }
                }
            }
        }
        SocialFooter()
            .margin(.top, .large)
    }
}