<div id="wrapper">
	<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="card">
                    <div class="card-body">
             			<?php echo validation_errors(); ?>
    					<?php $attributes = array('class' => 'smart-form client-form', 'id' => 'login-form'); echo form_open('login/verifyLogin', $attributes); ?>
    						<div class="text-center">
                                <img src="<?php echo site_url(); ?>assets/img/logo.png" style="width: 55%; margin: 0 auto;" alt="logo" />
                            </div>
                            <hr/>
						
							<div class="form-group">
								<label class="form-label">Username</label>
							
								<i class="bi bi-eye-fill" style="width :50px"></i>
								<input type="text" name="email" class="form-control" required="required">
							</div>
							<div class="form-group">
								<label class="form-label">Password</label>
								
								<input type="password" name="password" class="form-control" required="required">
							</div>
							<div class="form-group mt-3">
    							<button type="submit" class="btn btn-primary btn-block w-100">
    								Login
    							</button>
							</div>
					    </form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<style>
    .alert-danger {
        text-align: right;
        direction: rtl;
    }
    div#main {
        background: transparent !important;
    }
    div#wrapper {
        padding-top: 80px !important;
    }
    body#login {
        background: #0b768c;
    }
</style>