<link rel="stylesheet" href="<?php echo base_url(); ?>assets/ecommerce/scss/style.css" />
<style>
    header, footer
    {
        display: none;
    }   
    .form_group input:checked+i+label:after {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        left: 9px;
        width: 8px;
        height: 13px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }     
</style>
<div class="sign-up py-5">
    <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-12">
            <div class="alert alert-success alert-dismissible" role="alert" <?php if($this->session->flashdata('message')==''){ ?> style="display:none" <?php } ?> >
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <?php echo $this->session->flashdata('message'); ?>
            </div>
            <div class="alert alert-danger alert-dismissible" role="alert" <?php if($this->session->flashdata('emessage')==''){ ?> style="display:none" <?php } ?> >
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                <?php echo $this->session->flashdata('emessage'); ?>
            </div>
          </div>
        </div>
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-5 col-md-5 col-12">
                <div class="login-form">
                    <a href="<?php echo base_url(); ?>" class="d-block text-center">
                        <img src="<?php echo base_url(admin_logo); ?>" alt="logo image">
                    </a>
                    <h2 class="main-title mt-4">Sign Up</h2>
                    <p>Have an account? <a href="<?php echo base_url() ?>user-login" class="ms-3">Sign In Here</a> </p>
                    <form id="register-form" method="post" action="<?php echo base_url("user_login/registerUser"); ?>" class="text-center mt-4">
                        <div class="form-group mb-3" >
                            <input type="text" name="email" class="form-control" placeholder="Email">
                        </div>
                        <div class="form-group mb-3">
                            <input type="password" name="password" class="form-control mb-2" placeholder="Password">
                        </div>
                        <div class="form-group mb-3">
                            <input type="password" name="confirm_password" class="form-control mb-2" placeholder="Re-type Password">
                        </div>
                        <div class="d-flex mb-2">                                
                            <div class="form-check form-group">
                              <input type="checkbox" class="form-check-input" id="ch" name="terms" value="1">
                              <label class="form-check-label text-start" for="ch">I Agree to the <a href="<?php echo base_url(); ?>privacy-policy">Privacy Policy</a> and <a href="<?php echo base_url(); ?>terms-and-conditions" target="_blank">Terms & Conditions.</a> </label>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary w-100">Sign Up</button>
                    </form>
                </div>
            </div>
           
        </div>
    </div>
</div>