use assetserver::Asset;
use maud::{Markup, html};

use crate::{
	components::{
		base::{BasePage, PageMetadata},
		md::Markdown,
	},
	routes::assets::{Image_Betalupi, Image_Icon},
};

pub async fn betalupi() -> Markup {
	let meta = PageMetadata {
		title: "What's a \"betalupi?\"".into(),
		author: Some("Mark".into()),
		description: None,
		image: Some(Image_Icon::URL.into()),
	};

	html! {
		(BasePage(
			meta,
			html!(
				// TODO: no metadata class, generate backlink array
				div {
					a href="/" style="padding-left:4pt;padding-right:4pt;" {"home"}
					"/"
					span class="metaData" style="padding-left:4pt;padding-right:4pt;" { "whats-a-betalupi" }
				}

				(Markdown(MD_A))

				br {}

				(Markdown(MD_B))

				br {}

				img alt="betalupi map" class="image" src=(Image_Betalupi::URL) {}
			)
		))
	}
}

const MD_A: &str = r#"[es]: https://github.com/endless-sky/endless-sky
[*Stellaris*]: https://www.paradoxinteractive.com/games/stellaris/about
[Arabic]: https://en.wikipedia.org/wiki/List_of_Arabic_star_names
[wiki-betalupi]: https://en.wikipedia.org/wiki/Beta_Lupi

# What's a "betalupi?"

Beta Lupi is a solar system on the [_Endless Sky_][es] galaxy map,
which is the first place I look whenever I need to name a server.

Stellar names (especially those of [Arabic] origin) make pretty good hostnames: they're meaningless (in English), they sound interesting, and the "hyperlanes" that connect them in titles like [_Endless Sky_][es] and [*Stellaris*] look a lot like a network topology.

Beta Lupi also happens to be a real star in the southern constellation of Lupus ([wiki][wiki-betalupi]), but that's not particularly important.

A snippet of the [_Endless Sky_][es] map is below."#;

const MD_B: &str = r#"**In other words:** Try finding a `.com` domain that...

- Isn't already taken
- Doesn't sound awful
- Isn't owned by a scalper that's selling it for $300"#;