<script>
    $.noConflict();
</script>
<style>
    h1,h2,h3,h4,h5,h6{
        text-align:center !important;
    }
</style>
<section class="login" style="background: #fff !important;">
    <div class="login-inner" style="margin-bottom: 2%;background: #F2F9EA !important">
        <div class="white-bg row padding-zero">
            <div class="col-sm-6 col-sm-offset-3 text-center ">
                <?php
                if ($this->session->userdata('exception')) {
                    echo '<h5 style=color:red>' . $this->session->userdata('exception') . '<h5>';
                    $this->session->unset_userdata('exception');
                }
                if ($this->session->userdata('message')) {
                    echo '<h5 style=color:green>' . $this->session->userdata('message') . '</h5>';
                    $this->session->unset_userdata('message');
                }
                ?>
            </div>
            <div class="col-sm-3 text-center padding-zero ">
                Not registered yet? <a href="<?php echo base_url() ?>sign-up">Sign UP</a>
            </div>
            <div class="col-sm-12"><br></div>
            <div class="col-sm-6 col-sm-offset-3">
                <?php 
                $url = base_url().'check-sign-in';
                echo form_open_multipart($url, 'class="" , id="formID2", name= "sign_in_form" ');
                ?>
                    <div class="input-group">
                        <input type="email"
                               data-errormessage-value-missing="Please Type Your Email Address !"
                               class="form-control validate[required, custom[email]]"
                               name="person_sign_in_email"  
                               id="person_sign_in_email"
                               placeholder="Email address or Username"
                               aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-at"></i></span>
                        <span id="person_email_message" style="color:red;"><?php echo form_error('person_email'); ?></span>
                    </div>                  
                    <br/>
                    <div class="input-group">
                        <input type="password"
                               data-errormessage-value-missing="Please Type Your Valid Password !"
                               class="form-control validate[required]"
                               name="person_sign_in_password"
                               id="person_sign_in_password"
                               placeholder="Password"
                               aria-describedby="basic-addon1">
                        <span class="input-group-addon" id="basic-addon1"><i class="fa fa-lock"></i></span>
                    </div>
                    <span><input type="hidden" name="person_time_zone" id="person_time_zone" value=""></span>
                    <br/><br/>
                    <input type="submit" 
                           class="sign-in-btn1 btn btn-default" 
                           value="Sign In"><br/><br/>
                    <div class="row">
                        <a href="<?php echo base_url() ?>forgot-password" class="underline">Forgot password?</a> |
                        <a href="<?php echo base_url() ?>sign-up" class="underline">Create new account</a>
                    </div><br/><br/>
                </form>
                <?php 
                    echo form_close();
                ?>
            </div>
        </div><!-- /.row -->
    </div><!-- /.Service inner -->
</section>

<script src="<?php echo base_url() ?>front_end_resource/sign_up/sign_up.js" type="text/javascript"></script>