package pages import "tankstopp/internal/views/components" templ AuthLayout(title string) { { title } - TankStopp
{ children... }
} templ LoginPage(errorMessage string) { @AuthLayout("Login") {

Login to your account

if errorMessage != "" { @components.Alert("danger", errorMessage) } @components.Form("post", "/login") { @components.FormGroup("Username", "") { @components.Input("username", "text", "Enter your username", "", true) } @components.FormGroup("Password", "") { @components.PasswordInput("password", "Enter your password", true) } }
Don't have an account yet? Sign up
} } templ RegisterPage(errorMessage string) { @AuthLayout("Register") {

Create new account

if errorMessage != "" { @components.Alert("danger", errorMessage) } @components.Form("post", "/register") { @components.FormGroup("Username", "Choose a unique username") { @components.Input("username", "text", "Enter your username", "", true) } @components.FormGroup("Email", "Enter a valid email address") { @components.Input("email", "email", "Enter your email", "", true) } @components.FormGroup("Password", "Password must be at least 8 characters") { @components.PasswordInput("password", "Enter your password", true) } @components.FormGroup("Confirm Password", "") { @components.PasswordInput("confirm_password", "Confirm your password", true) } @components.FormGroup("Base Currency", "Choose your preferred currency for fuel prices") { @components.Select("base_currency", true) { @components.Option("EUR", "EUR - Euro", false) @components.Option("USD", "USD - US Dollar", false) @components.Option("GBP", "GBP - British Pound", false) @components.Option("CHF", "CHF - Swiss Franc", false) @components.Option("JPY", "JPY - Japanese Yen", false) @components.Option("CAD", "CAD - Canadian Dollar", false) @components.Option("AUD", "AUD - Australian Dollar", false) } } }
Already have an account? Sign in
} }