<?php $this->load->view("top_application"); ?>
<!-- page wapper-->
<!-- ============================================== HEADER : END ============================================== -->
<style type="text/css">
  .box-authentication input, select, textarea {margin-top: 15px;}
  .required{ color:#FF3300;}
  .validation{ color:#FF3300;}
  .success{ color:#00CC33;}
</style>
<div class="breadcrumb">
  <div class="container">
    <div class="breadcrumb-inner">
      <ul class="list-inline list-unstyled">
        <li><a href="<?php echo site_url(); ?>">Home</a></li>
        <li class='active'>Login / Register</li>
      </ul>
    </div>
    <!-- /.breadcrumb-inner -->
  </div>
  <!-- /.container -->
</div>
<!-- /.breadcrumb -->
<div class="body-content">
  <div class="container">
    <div class="sign-in-page">
      <div class="row">
        <!-- Sign-in -->
        <div class="col-md-6 col-sm-6 sign-in">
          <h4 class="">Sign in</h4>
          <?php
          echo validation_message();
          echo error_message();
          ?>
          <p class="">Hello, Welcome to your account.</p>
          <div class="social-sign-in outer-top-xs"> 
            <a onclick="window.parent.location.href = '<?php echo site_url(); ?>hauth/login/Facebook';" class="facebook-sign-in" style="cursor: pointer;"><i class="fa fa-facebook"></i> Sign In with Facebook</a> 
            <a onclick="window.parent.location.href = '<?php echo site_url(); ?>hauth/login/Google';" class="googleplus-sign-in" style="cursor: pointer;"><i class="fa fa-google-plus"></i> Sign In With Google+</a> 
          </div>
          <?php echo form_open('users/register', 'name="login_frm" id="logFrm"'); ?>
          <div class="form-group">
            <label class="info-title" for="exampleInputEmail1">Email Address<span>*</span></label>

            <input id="emmail_login" name="login_email" placeholder="Login ID/Email*" type="text" class="form-control unicase-form-control text-input">
            <?php echo form_error('login_email'); ?> 
          </div>
          <div class="form-group">
            <label class="info-title" for="exampleInputPassword1">Password<span>*</span></label>
            <input id="password_login" name="login_password" placeholder="Password*" type="password" class="form-control unicase-form-control text-input">
            <?php echo form_error('login_password'); ?> 
          </div>
          <div class="radio outer-xs">
            <label>
              <p class="forgot-password pull-right"><a href="<?php echo site_url('users/forgotten_password'); ?>">Forgot your password?</a></p>
            </label>
          </div>
          <button class="btn-upper btn btn-primary checkout-page-button" type="submit"><i class="fa fa-lock"></i> Sign in</button>
          <input type="hidden" name="action" value="login" />
          <?php echo form_close(); ?> 
        </div>
        <!-- Sign-in -->
        <!-- create a new account -->
        <div class="col-md-6 col-sm-6 create-new-account">
          <h4 class="checkout-subtitle">Create a new account</h4>
          <p class="text title-tag-line">Create your new account.</p>
          <?php echo form_open('users/register', 'name="login_frm" id="regisFrm"'); ?>
          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">First Name<span>*</span></label>
            <input id="first_name" name="first_name" value="<?php echo set_value('first_name'); ?>" type="text" class="form-control" placeholder="First Name*"><?php echo form_error('first_name'); ?>
          </div>
          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">Last Name<span>*</span></label>

            <input id="last_name" name="last_name" value="<?php echo set_value('last_name'); ?>" type="text" class="form-control" placeholder="Last Name*"><?php echo form_error('last_name'); ?>
          </div>

          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">Gender<span>*</span></label>
            <select id="gender" name="gender" class="form-control">
              <option value="">---Select Gender---</option>
              <option value="M">Male</option>
              <option value="F">Female</option>
            </select>
            <?php echo form_error('gender'); ?>
          </div>

          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">Email Address<span>*</span></label>

            <input id="emmail_register" name="email_address" value="<?php echo set_value('email_address'); ?>" type="text" class="form-control" placeholder="Email Address*"><?php echo form_error('email_address'); ?></div>
          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">Mobile Number<span>*</span></label>
            <input id="mobile_number" name="mobile_number" value="<?php echo set_value('mobile_number'); ?>" type="text" class="form-control" placeholder="Mobile Number*"><?php echo form_error('mobile_number'); ?></div>
          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">Password<span>*</span></label>
            <input id="password" name="password" type="password" class="form-control" placeholder="Password*"><?php echo form_error('password'); ?></div>
          <div class="form-group">
            <label class="info-title" for="exampleInputEmail2">Confirm Password<span>*</span></label>
            <input id="c_password" name="c_password" type="password" class="form-control" placeholder="Confirm Password*"><?php echo form_error('c_password'); ?></div>


          <button class="btn-upper btn btn-primary checkout-page-button" type="submit"><i class="fa fa-user"></i> Create an account</button>
          <input type="hidden" name="action" value="register" />
          <?php echo form_close(); ?>
        </div>
        <!-- create a new account -->
      </div>
      <!-- /.row -->
    </div>
  </div>
  <!-- /.container -->
</div>
<!-- /.body-content -->
<?php $this->load->view("bottom_application"); ?>