package views

import (
	"github.com/onsonr/sonr/internal/nebula/hero"
	"github.com/onsonr/sonr/internal/nebula/layout"
)

templ InitialView() {
	@layout.View("Sonr.ID") {
		@layout.Container() {
			@hero.TitleDesc("Sonr.ID", "The decentralized identity layer for the web.")
			@hero.StartButton()
			@hero.SocialButtonsRow()
		}
	}
}

templ ReturningView() {
	@layout.View("Login | Sonr.ID") {
		@layout.Container() {
			@hero.TitleDesc("Welcome Back!", "Continue with your existing Sonr.ID.")
			<div class="pt-3 flex flex-col items-center justify-center h-full">
				<sl-button hx-target="#container" hx-get="/register" type="button">
					<sl-icon slot="prefix" library="sonr" name="sonr"></sl-icon>
					Log back in
					<sl-icon slot="suffix" library="sonr" name="arrow-right"></sl-icon>
				</sl-button>
			</div>
		}
	}
}