donation/app/Views/register.php
2021-01-08 11:20:29 +05:30

372 lines
14 KiB
PHP

</html><!DOCTYPE html>
<html lang="en">
<head>
<!-- Bootstrap DatePicker -->
<!-- Bootstrap DatePicker End-->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.ajax({
url:"<?= base_url(); ?>/fetch_country",
method:"GET",
data:{},
success:function(data)
{
$('#country0').html(data);
}
});
$(document).ready(function(){
//fetch state and sity values
$('#country0').change(function(){
var country_id = $('#country0').val();
if(country_id != '')
{
$.ajax({
url:"<?= base_url(); ?>/fetch_state",
method:"POST",
data:{country_id:country_id},
success:function(data)
{
$('#state0').html(data);
}
});
}
else
{
$('#state0').html('<option value="">Select State</option>');
}
});
$('#state0').change(function(){
var state_id = $('#state0').val();
if(state_id != '')
{
$.ajax({
url:"<?= base_url(); ?>/fetch_city",
method:"POST",
data:{state_id:state_id},
success:function(data)
{
$('#city0').html(data);
}
});
}
else
{
$('#city0').html('<option value="">Select City</option>');
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#email").change(function () {
var inputvalues = $(this).val();
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!regex.test(inputvalues)){
alert("invalid email id");
$("#email").focus();
return regex.test(inputvalues);
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#gstin").change(function () {
var inputvalues = $(this).val();
var gstinformat = new RegExp('^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]1}[1-9A-Z]{1}Z[0-9A-Z]{1}$');
if (gstinformat.test(inputvalues)) {
return true;
} else {
alert('Please Enter Valid GSTIN Number');
$("#gstin").val('');
$("#gstin").focus();
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#pan").change(function () {
var inputvalues = $(this).val();
var regex = /[A-Z]{5}[0-9]{4}[A-Z]{1}$/;
if(!regex.test(inputvalues)){
$("#pan").val("");
$("#pan").focus();
alert("invalid PAN no");
return regex.test(inputvalues);
}
});
});
function match(event)
{
var charcode;
charcode = event.which || event.keyCode;
//alert(charcode);
if(charcode == 32 )return true;//Space
if(charcode>= 48 && charcode <= 57){alert("Only Characters are allowed(No numbers)"); return false; }//numbers
if(charcode>31 && charcode<65){alert("Only Characters are allowed(No Others)"); return false; }// not an alphabets
if(charcode>90 && charcode <97){alert("Only Characters are allowed(No Special characters)"); return false;}//special characters
return true;
}
function matchnum(event)
{
var charcode;
charcode = event.which || event.keyCode;
if(charcode>= 48 && charcode <= 57)return True; //only numbers
return false;
}
</script>
<title>Login </title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="public/assets/img/icons/favicon.ico"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/vendor/vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/vendor/vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/vendor/vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/vendor/vendor/animsition/css/animsition.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/vendor/vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/vendor/vendor/daterangepicker/daterangepicker.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="public/assets/css/util.css">
<link rel="stylesheet" type="text/css" href="public/assets/css/main.css">
</head>
<body>
<div class="limiter">
<div class="container-login100" style="background-image: url('public/assets/img/bg-01.jpg');">
<div class="wrap-login100-su">
<span class="login100-form-logo">
<i class="zmdi zmdi-landscape"></i>
</span>
<span class="login100-form-title p-b-34 p-t-27">
Sign UP
</span>
<div class="container-fluid">
<form class="login100-form validate-form" method="post" action="<?= base_url()."/signup"; ?>" enctype="multipart/form-data">
<div class="row">
<label for="label-name" class="col-md-2 col-form-label" style="color: white;">Enter your name :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate = "User Name">
<input class="input100" type="text" name="name" id = "name" value="<?= set_value('name') ?>" onkeypress = "return match(event)">
</div>
</div>
<label for="label-number" class="col-md-2 col-form-number" style="color: white;">Contact Number :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate="Contact Number">
<input class="input100" type="text" name="phone" id="phone" value="<?= set_value('phone') ?>" onkeypress = "return matchnum(event)">
</div>
</div>
<label for="label-mail" class="col-md-2 col-form-mail " style="color: white;">E-Mail :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate="Mail">
<input class="input100" type="text" name="email" id="email" value="<?= set_value('email') ?>" >
</div>
</div>
<label for="label-gender" class="col-md-2 col-form-gender" style="color: white;">Gender :</label>
<div class="col-md-4" >
<div class="wrap-input100 validate-input" data-validate="Gender">
<select class="input100" name="gender" required>
<option value="">select Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
</div>
<label for="label-DOB" class="col-md-2 col-form-DOB" style="color: white;">Date of Birth :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate="Date-of-Birth">
<input class="input100" type="text" name="date_of_birth" id="txtDate" placeholder="dd/mm/yyyy" value="<?= set_value('date_of_birth') ?>" >
</div>
</div>
<label for="label-panno" class="col-md-2 col-form-panno" style="color: white;">PAN Number :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate="panno">
<input class="input100" type="text" name="pan" id="pan" value="<?= set_value('pan') ?>" >
</div>
</div>
<label for="label-address" class="col-md-2 col-form-address" style="color: white;">Enter your address :</label>
<div class="col-md-5">
<div class="wrap-input100 validate-input" data-validate="address">
<input class="input100" type="text" name="address" id="address" placeholder="Flat no , Area" value="<?= set_value('address') ?>" >
</div>
</div>
<label for="label-pincode" class="col-md-2 col-form-pincode" style="color: white;">Pincode :</label>
<div class="col-md-3">
<div class="wrap-input100 validate-input" data-validate="Pincode">
<input class="input100" type="text" name="pin_code" id="pin_code" value="<?= set_value('pin_code') ?>" >
</div>
</div>
<label for="label-country" class="col-md-1 col-form-country" style="color: white;">Country:</label>
<div class="col-md-3">
<div class="wrap-input100 validate-input" data-validate="country">
<select name="country" id="country0" class="input100" required>
<option value="">Select Country</option>
</select>
</div>
</div>
<label for="label-state" class="col-md-1 col-form-state" style="color: white;">State :</label>
<div class="col-md-3">
<div class="wrap-input100 validate-input" data-validate="state" required>
<select name="state" id="state0" class="input100">
<option value="">Select State</option>
</select>
</div>
</div>
<label for="label-city" class="col-md-1 col-form-city" style="color: white;">City:</label>
<div class="col-md-3">
<div class="wrap-input100 validate-input" data-validate="city">
<select name="city" id="city0" class="input100" required>
<option value="">Select City</option>
</select>
</div>
</div>
<label for="label-orgnname" class="col-md-2 col-form-orgnname" style="color: white;">Organisation Name:</label>
<div class="col-md-3">
<div class="wrap-input100 validate-input" data-validate="orgnname">
<input class="input100" type="text" name="org_name" id="org_name" value="<?= set_value('org_name') ?>">
</div>
</div>
<label for="label-GSTIN" class="col-md-1 col-form-GSTIN" style="color: white;">GSTIN :</label>
<div class="col-md-2">
<div class="wrap-input100 validate-input" data-validate="GSTIN">
<input class="input100" type="text" name="gstin" id="gstin" value="<?= set_value('gstin') ?>" >
</div>
</div>
<label for="label-GSTIN" class="col-md-1 col-form-GSTIN" style="color: white;"> Upload Signature:</label>
<div class="col-md-2">
<div class="wrap-input100 validate-input" data-validate="GSTIN">
<input class="input100" type="file" name="userfile" placeholder="upload only .png" >
</div>
</div>
<label for="label-pwd" class="col-md-2 col-form-pwd" style="color: white;">Password :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate="password">
<input class="input100" type="text" name="password" id="password" value="" >
</div>
</div>
<label for="label-conpwd" class="col-md-2 col-form-conpwd" style="color: white;">Confirm Password :</label>
<div class="col-md-4">
<div class="wrap-input100 validate-input" data-validate="confirm-password">
<input class="input100" type="text" name="password_confirm" id="password_confirm" value="">
</div>
</div>
</div>
</div>
<?php if(isset($validation)): ?>
<div class="alert alert-danger" role="aler">
<?= $validation->listErrors() ?>
</div>
<?php endif; ?>
<div class="contact100-form-checkbox">
<input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
<label class="label" for="ckb1">
<a class="txt1" href="<?= base_url()."/"; ?>">Already have an account ? Click here to Login</a>
</label>
</div>
<div class="container-login100-form-btn">
<button type="submit" class="login100-form-btn">
Register
</button>
</div>
<div class="text-center p-t-90">
<a class="txt1" href="#">
</a>
</div>
</form>
</div>
</div>
</div>
<div id="dropDownSelect1"></div>
<!--===============================================================================================-->
<script src="public/assets/vendor/vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="public/assets/vendor/vendor/animsition/js/animsition.min.js"></script>
<!--===============================================================================================-->
<script src="public/assets/vendor/vendor/bootstrap/js/popper.js"></script>
<script src="public/assets/vendor/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="public/assets/vendor/vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="public/assets/vendor/vendor/daterangepicker/moment.min.js"></script>
<script src="public/assets/vendor/vendor/daterangepicker/daterangepicker.js"></script>
<!--===============================================================================================-->
<script src="public/assets/vendor/vendor/countdowntime/countdowntime.js"></script>
<!--===============================================================================================-->
<script src="public/assets/js/main.js"></script>
</body>
</html>