<?php
login_header(
	__( 'Sign in with your domain name', 'indieauth' ),
	'',
	$login_errors
);
?>
<form name="loginform" id="loginform" action="<?php echo esc_url( add_query_arg( 'action', 'websignin', wp_login_url() ) ); ?>" method="post">
	<div class="login-info">
		<p><?php esc_html_e( 'Sign in with your domain name', 'indieauth' ); ?></p>
		<input class="input" type="url" name="websignin_identifier" placeholder="https://example.com" />
	</div>
	<p class="submit">
	<?php
		// Hook to allow adding to form
		do_action( 'indieauth_login_form' );
	?>
		<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="<?php esc_html_e( 'Sign in', 'indieauth' ); ?>" />
	</p>
	<p class="learn"><a href="https://indieweb.org/Web_sign-in" target="_blank"><?php esc_html_e( 'Learn about Web Sign-in', 'indieauth' ); ?></a></p>
</form>

<?php login_footer(); ?>

<style>
	.login-info img {
		width: 78px;
		display: block;
		margin: 0 auto;
		border-radius: 6px;
	}
	.login-info p {
		margin-top: 1em;
	}

	#login form p.submit input {
		margin-top: 1em;
		width: 100%;
	}

	.learn {
		margin-top: 5em;
	}
</style>
