<head>
    <style>
    .form-group {
        position: relative;
        z-index: 0;
        margin-bottom: 20px !important;
    }
    </style>
</head>
<section class="h-100 new-bg py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6 text-center mb-3">
                <h2 class="best-mobile2-title">
                    Login
                </h2>
                <?php if ($this->session->flashdata('successmessage')) { ?>
                <h6 style="color: green;">
                    <?=$this->session->flashdata('successmessage')?>
                </h6>
                <?php } ?>
                <?php if ($this->session->flashdata('warningmessage')) { ?>
                <h6 style="color: red;">
                    <?=$this->session->flashdata('warningmessage')?>
                </h6>
                <?php } ?>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-7 col-lg-5">
                <div class="wrap">
                    <div class="login-wrap p-4 p-md-5">
                        <!-- <div class="d-flex">
							<div class="w-100">
								<h3 class="mb-4">Sign In</h3>
							</div>
							<div class="w-100">
								<p class="social-media d-flex justify-content-end">
									<a href="#" class="social-icon d-flex align-items-center justify-content-center"><span class="fa fa-facebook"></span></a>
									<a href="#" class="social-icon d-flex align-items-center justify-content-center"><span class="fa fa-twitter"></span></a>
								</p>
							</div>
						</div> -->
                        <form action="<?=base_url('site/dologin')?>" method="post" class="signin-form">

                            <div class="form-group mt-3 pb-3">
                                <input type="email" class="form-control" name="email" required="">
                                <label class="form-control-placeholder" for="email">Email</label>
                            </div>
                            <div class="form-group pb-3">
                                <input id="password-field" type="password" name="password" class="form-control" required="">
                                <label class="form-control-placeholder" for="password">Password</label>
                                <!-- <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span> -->
                            </div>
                            <div class="form-group">
                                <button type="submit" class="read-more-btn send-msg signin">Sign In</button>
                            </div>
                            <!-- <div class="form-group d-md-flex">
                                <div class="w-50 text-left">
                                    <label class="checkbox-wrap checkbox-primary mb-0">Remember Me
                                        <input type="checkbox" checked="">
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                                <div class="w-50 text-md-right text-end">
                                    <a class="forgot-password" href="#">Forgot Password</a>
                                </div>
                            </div> -->
                        </form>
                        <p class="text-center">Not a member? <a class="signup-link" data-toggle="tab" href="<?= base_url('/site/signup')?>">Sign Up</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>