<!DOCTYPE html>
<html dir="rtl" class="uk-height-1-1">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>دخول</title>
		<link rel="icon" href="img/favicon.ico">
		<!-- CSS FILES -->
		<link href="<?=base_url(sett('web_style_assets_dir'));?>/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="<?=base_url(sett('web_style_assets_dir'));?>/css/uikit-rtl.min.css">
	</head>
	<body class="uk-height-1-1">
		<div class="uk-flex uk-flex-center uk-flex-middle uk-background-muted uk-height-viewport">
			<div class="uk-position-bottom-center uk-position-small uk-visible@m">
				<span class="uk-text-small uk-text-muted"> <a href="<?=site_url()?>"><?=lang('site.name')?></a> &copy; <?=date('Y')?> - Powered by <a href="http://fb.com/usamamhmod">Usama Mahmood</a></span>
			</div>
			<div class="uk-width-medium uk-padding-small">
				<?php echo form_open(current_url()."?".lnks('return')); ?>
					<fieldset class="uk-fieldset">
						<legend class="uk-legend">دخول</legend>
						<?php echo validation_errors(); ?>
									<?php if(count($errors)>0){
										foreach ($errors as $err){
											echo "<p style='color: red'> $err</p>";
										}
									}
									?>
						<div class="uk-margin">
							<div class="uk-inline uk-width-1-1">
								<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: user"></span>
								<input name="username" class="uk-input uk-form-large" required placeholder="اسم المستخدم" type="text">
							</div>
						</div>
						<div class="uk-margin">
							<div class="uk-inline uk-width-1-1">
								<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: lock"></span>
								<input  name="password" class="uk-input uk-form-large" required placeholder="Password" type="password">
							</div>
						</div>
						
						
						<div class="uk-margin">
							<button type="submit" class="uk-button uk-button-primary uk-button-primary uk-button-large uk-width-1-1">تسجيل الدخول</button>
						</div>
					</fieldset>
				</form>
				<div>
					<div class="uk-text-center">
						<a class="uk-link-reset uk-text-small" data-uk-toggle="target: #recover;animation: uk-animation-slide-top-small">هل نسيت كلمة المرور?</a>
					</div>
					<div class="uk-margin-small-top" id="recover" hidden>
						<form action="login.html">
							
							<div class="uk-margin-small">
								<div class="uk-inline uk-width-1-1">
									<span class="uk-form-icon uk-form-icon-flip" data-uk-icon="icon: mail"></span>
									<input class="uk-input" placeholder="E-mail" required type="text">
								</div>
							</div>
							<div class="uk-margin-small">
								<button type="submit" class="uk-button uk-button-primary uk-button-primary uk-width-1-1">SEND PASSWORD</button>
							</div>
							
						</form>
					</div>
				</div>
			</div>
		</div>
		
		<!-- JS FILES -->
		<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.6/js/uikit.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.6/js/uikit-icons.min.js"></script>
	</body>
</html>
