<script>

$(document).ready(function() {
    $('body').css('background', 'url(' + root + '/assets/img/login_bg.jpg) no-repeat center center fixed');
});

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css");


</script>
<style>
body {
    background-size: 100%!important;
}

#login .container{
    margin-top: 100px!important;
}
#login #main {
    background: none;
    border: none!important;
}

#login #header {
    background: rgba(0, 0, 0, 0.3)!important;
    border: none!important;
}

.well {
    background: none!important;
    border: none!important;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 1px rgba(50, 50, 50, 0.3);
}

.label {
    color: #EEE!important;
}

.client-form header, .smart-form footer {
    background: rgba(0, 0, 0, 0.6)!important;
    border: none!important;
}

.smart-form fieldset {
    background: rgba(0, 0, 0, 0.3)!important;
    border: none!important;
}

.smart-form footer .btn {
    opacity: 0.9;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">

	<!-- MAIN CONTENT -->
	<div id="content" class="container">

		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-7 col-lg-4 hidden-xs hidden-sm">
				

			</div>
			<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
				<div class="well no-padding">
					<!--<form action="index.html" id="login-form" class="smart-form client-form">-->
             			<?php echo validation_errors(); ?>
    					<?php
    						$attributes = array('class' => 'smart-form client-form', 'id' => 'login-form');
    						echo form_open('login/verifyLogin', $attributes);
    					?>
						<header style="text-align: right; color: #EEE;">
							כניסה למערכת
						</header>

						<fieldset>
							
							<section>
								<label class="label"><?php print $this->lang->line('login_mail'); ?></label>
								<label class="input"> <i class="icon-append fa fa-user"></i>
						
									<input type="email" name="email">
									<b class="tooltip tooltip-top-right"><i class="fa fa-user txt-color-teal"></i> <?php print $this->lang->line('login_email'); ?></b></label>
							</section>

							<section>
								<label class="label"><?php print $this->lang->line('login_password'); ?></label>
								<label class="input"> <i class="icon-append fa fa-lock"></i>
									<input type="password" name="password">
								
									<b class="tooltip tooltip-top-right"><i class="fa fa-lock txt-color-teal"></i> הכנס סיסמה</b> </label>
								<div class="note">
									<!--<a href="javascript:void(0)">Forgot password?</a>-->
								</div>
							</section>
                            <!--
							<section>
								<label class="checkbox pull-right">
									<input type="checkbox" name="remember" checked="">
									<i></i>השאר אותי מחובר</label>
							</section>
                            -->
						</fieldset>
						<footer>
							<button type="submit" class="btn btn-default pull-left">
								<?php print $this->lang->line('login_submit'); ?>
							</button>
						</footer>
					</form>

				</div>
				<!--
				<h5 class="text-center"> - Or sign in using -</h5>															
				<ul class="list-inline text-center">
					<li>
						<a href="javascript:void(0);" class="btn btn-primary btn-circle"><i class="fa fa-facebook"></i></a>
					</li>
					<li>
						<a href="javascript:void(0);" class="btn btn-info btn-circle"><i class="fa fa-twitter"></i></a>
					</li>
					<li>
						<a href="javascript:void(0);" class="btn btn-warning btn-circle"><i class="fa fa-linkedin"></i></a>
					</li>
				</ul>
				-->
			</div>
		</div>
	</div>

</div>