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 {
                Image("images/rulebook.jpg", description: "The original \"Battlefleet: Gothic\" rulebook")
                    .width(300)
                Text(markdown: """
                    _Battlefleet: Gothic_ was a set of rules published by Games Workshop in the late 90's. It was spaceship combat set in the _Warhammer: 40,000_ universe. In many ways an answer to the more technical and naval oriented _Starfleet Battles,_ BFG (as it is affectionately shorted by it's players) is more abstracted and atmospheric.
                    
                    And frankly just a _hella lotta_™ fun.
                    
                    The game was discontinued in the mid-2010's, but in the intervening years it has gained a very active and engaged community of players. 
                    """)
                Divider()
                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)
    }
}