package login

import (
	"github.com/emarifer/go-templ-project-structure/views/layout"
)

templ MainLogin() {
	<div class="d-flex flex-column flex-root">
		<div
			class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white"
			id="kt_login"
		>
			<!--begin::Aside-->
			@AsideLeft()
			<!--begin::Aside-->
			<!--begin::Content-->
			<div
				class="login-content flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto"
			>
				<!--begin::Content body-->
				<div class="d-flex flex-column-fluid flex-center">
					<!--begin::Signin-->
					<div class="login-form login-signin">
						<!--begin::Form-->
						@FormSignin()
						<!--end::Form-->
					</div>
					<!--end::Signin-->
					<!--begin::Signup -->
					<div class="login-form login-signup">
						<!--begin::Form -->
						@FormSignup()
						<!--end::Form -->
					</div>
					<!--end::Signup -->
					<!--begin::Forgot-->
					<div class="login-form login-forgot">
						<!--begin::Form-->
						@ForgotPassword()
						<!--end::Form-->
					</div>
					<!--end::Forgot-->
				</div>
				<!--end::Content body-->
				<!--end::Content footer-->
			</div>
			<!--end::Content-->
		</div>
		<!--end::Login-->
	</div>
}

templ CssLogin() {
	<style>
      .title-company {
        color: #181c32;
        font-family: Poppins;
        font-size: 31px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.3px;
      }
      .subtitle-company {
        color: #a7a8bb;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
      }
      .aside-title {
        color: #fff;
        text-align: center;
        font-family: Poppins;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.84px;
      }
      .aside-subtitle {
        color: #fff;
        text-align: center;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 187.5% */
        letter-spacing: -0.48px;
      }
    </style>
}

templ JsLogin() {
	<script src="/asset-corporate-portal/js/login-general.js"></script>
}

templ ShowLogin(title string, cmp templ.Component, css templ.Component, js templ.Component) {
	@layout.PlaygroundLayout(title, css, js) {
		@cmp
	}
}
