package component

import common "forge.cadoles.com/wpetit/clearcase/internal/http/handler/webui/common/component"

type LoginPageVModel struct {
	Providers []ProviderVModel
}

type ProviderVModel struct {
	ID    string
	Label string
	Icon  string
}

templ LoginPage(vmodel LoginPageVModel) {
	@common.Page() {
		<div class="is-flex is-justify-content-center is-align-items-center is-fullheight">
			<nav class="panel is-link" style="min-width: 33%">
				<p class="panel-heading">
					<span class="title">ClearCase</span>
					<span>&nbsp;- Choisissez votre plateforme</span>
				</p>
				for _, provider := range vmodel.Providers {
					<a class="panel-block py-5" href={ templ.URL("/auth/providers/" + provider.ID) } hx-boost="false">
						<span class="panel-icon is-size-3">
							<i class={ "fab", provider.Icon } aria-hidden="true"></i>
						</span>
						<span class="is-size-5">{ provider.Label }</span>
					</a>
				}
			</nav>
		</div>
	}
}