<?php


// Block direct access.
defined('ABSPATH') or die("Play nice!");


?>


<?php
		$form_html = '
		<style type="text/css">
		html {
			background: #fff;
		}
		body {
			background-color: '.$secure_axs['bg_color'].';
			background-image: url('.$secure_axs['brand_bg'].');
			background-size: cover;
			color: '.$secure_axs['text_color'].';
			font-family: "Open Sans", sans-serif;
			width: auto;
			-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.13);
			box-shadow: 0 0px 0px rgba(0,0,0,0.13);
		}
                p{
                        color: '.$secure_axs['text_color'].';
                }
		input{
			padding: 10px;
			min-width: 100%;
			border: 1px solid #ccc;
			min-height: 20px;
			color: #000;
			font-size: 16px;
			border-radius: 2px;
			margin: 10px auto;
		}
		form{
			max-width:250px;
			margin: 0 auto;
                        padding: calc(25% - 320px);
		}
		#error-page {
			margin-top: 0;
			margin: 0 auto;
			width: 100%;
			max-width: 100%;
                        padding: 50px 0 0;
                        height: calc(100vh - 50px);
		}
			#error-page p {
			font-size: 14px;
			line-height: 1.5;
			margin: 0;
		}			
                        #error-page p.submit {
			padding: 15px 0;
		}

		#error-page code {
			font-family: Consolas, Monaco, monospace;
		}
		ul li {
			margin-bottom: 10px;
			font-size: 14px ;
		}
		a {
			color: '.$secure_axs['text_color'].';
			text-decoration: none;
                        display: block;
		}
		a:hover {
                        color: '.$secure_axs['text_color'].';
                        text-decoration: underline;
		}
		.button {
			background: #f7f7f7;
			border: 1px solid #cccccc;
			color: #555;
			display: inline-block;
			text-decoration: none;
			font-size: 13px;
			line-height: 26px;
			height: 28px;
			margin: 0;
			padding: 1px 10px 1px;
			cursor: pointer;
			-webkit-border-radius: 3px;
			-webkit-appearance: none;
			border-radius: 3px;
			white-space: nowrap;
			-webkit-box-sizing: border-box;
			-moz-box-sizing:    border-box;
			box-sizing:         border-box;
			min-width: 50px;

			-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
			box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
		 	vertical-align: top;
		}

		.button.button-large {
			height: 29px;
			line-height: 28px;
			padding: 0 12px;
		}

		.button:hover,
		.button:focus {
			background: #fafafa;
			border-color: #999;
			color: #222;
		}

		.button:focus  {
			-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
			box-shadow: 1px 1px 1px rgba(0,0,0,.2);
		}

		.button:active {
			background: #eee;
			border-color: #999;
			color: #333;
			-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
		 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
		}
                .axs-image{
                        max-height: 200px; max-width: 270px;margin: 0 auto;display: inherit;padding: 0 0 20px;
                }

			</style>
                        
			<form name="loginform" id="loginform" action="' . get_bloginfo('url') . '/#axs-' . sha1(rand(9,99)) . '" method="post">
                       ';
                
                        if( $secure_axs['axs_image'] != NULL) $form_html .='<a href="' . get_bloginfo('url') . '"><img src="' . $secure_axs['axs_image']  . '" class="axs-image"></a><br>';
                        
                $form_html .='
                        <input type="hidden" id="_axs_login_nonce" name="_axs_login_nonce" value="' . $axs_login_nonce . '" />
                
		<p>
			<label for="user_login">Username<br>
			<input type="text" name="axs_login" id="user_login" class="input" value="" size="20"></label>
		</p>
		<p>
			<label for="user_pass">Password<br>
			<input type="password" name="axs_pass" id="user_pass" class="input" value="" size="20"></label>
		</p>
                
                <p><a href="' . get_bloginfo('url') . '/wp-login.php?action=lostpassword">' . __('Lost your password?', 'Secure_Axs') .'</p>
                    
		<p class="submit">
			<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In">
		</p>
			</form>';
?>
