539 lines
26 KiB
PHP
539 lines
26 KiB
PHP
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Bootstrap DatePicker -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" type="text/css" />
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js" type="text/javascript"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$(function () {
|
|
$('#txtDate').datepicker({
|
|
format: "dd/mm/yyyy"
|
|
});
|
|
});});
|
|
|
|
</script>
|
|
<!-- 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>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="Colorlib Templates">
|
|
<meta name="author" content="Colorlib">
|
|
<meta name="keywords" content="Colorlib Templates">
|
|
|
|
<link rel="apple-touch-icon" sizes="76x76" href="public/assets/img/apple-icon.png">
|
|
<link rel="icon" type="image/png" href="public/assets/img/favicon.ico">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<title>Donor App</title>
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
|
|
<!-- Fonts and icons -->
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
|
|
<!-- CSS Files -->
|
|
<link href="public/assets/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="public/assets/css/light-bootstrap-dashboard.css?v=2.0.0 " rel="stylesheet" />
|
|
<!-- CSS Just for demo purpose, don't include it in your project -->
|
|
<link href="vendor copy/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
|
|
<!-- Font special for pages-->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS-->
|
|
<link href="public/assets/vendor copy/select2/select2.min.css" rel="stylesheet" media="all">
|
|
<link href="public/assets/vendor copy/datepicker/daterangepicker.css" rel="stylesheet" media="all">
|
|
|
|
<!-- Main CSS-->
|
|
<link href="public/assets/css/main2.css" rel="stylesheet" media="all">
|
|
<link href="public/assets/css/demo.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="sidebar" data-image="public/assets/img/sidebar-5.jpg">
|
|
<!--
|
|
Tip 1: You can change the color of the sidebar using: data-color="purple | blue | green | orange | red"
|
|
|
|
Tip 2: you can also add an image using data-image tag
|
|
-->
|
|
<div class="sidebar-wrapper">
|
|
<div class="logo">
|
|
<!-- <a href="http://www.creative-tim.com" class="simple-text"> -->
|
|
<h2>Donation</h2>
|
|
</a>
|
|
</div>
|
|
<ul class="nav">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="<?= base_url() ?>/dashboard">
|
|
<i class="nc-icon nc-chart-pie-35"></i>
|
|
<p>Dashboard</p>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown ">
|
|
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-user fa-lg"></i>
|
|
|
|
<span>Donor Management</span>
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="<?= base_url() ?>/all_donor"> View Donors </a>
|
|
<a class="dropdown-item" href="<?= base_url() ?>/donor_register"> Add New Donor </a>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown ">
|
|
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-book fa-lg"></i>
|
|
|
|
<span >Receipts</span>
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="<?= base_url() ?>/all_receipt"> All Receipts </a>
|
|
<a class="dropdown-item" href="<?= base_url() ?>/receipts"> Generate Receipts </a>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown ">
|
|
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-newspaper-o fa-lg"></i>
|
|
|
|
<span >Transaction</span>
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="<?= base_url() ?>/all_transaction"> All Transaction </a>
|
|
<a class="dropdown-item" href="<?= base_url() ?>/transaction"> Upload Transaction </a>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown ">
|
|
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-money fa-lg"></i>
|
|
|
|
<span>Donation Data</span>
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="<?= base_url() ?>/all_donation_data"> Donation Data List </a>
|
|
<a class="dropdown-item" href="<?= base_url() ?>/donation_data"> Add Donation Data </a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown ">
|
|
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-pencil-square-o fa-lg"></i>
|
|
|
|
<span>DonationCause</span>
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="<?= base_url() ?>/donation_cause"> Add Donation Cause </a>
|
|
<a class="dropdown-item" href="<?= base_url() ?>/all_donation_cause"> View Donation Cause </a>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link">
|
|
<i class="fa fa-user fa-lg"></i>
|
|
<span class="d-lg-block"> Profile</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="<?= base_url() ?>/logout" class="nav-link">
|
|
|
|
<span class="d-lg-block"> Logout</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-panel">
|
|
<nav class="navbar navbar-expand-lg " color-on-scroll="500">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="#pablo"> </a>
|
|
<button href="" class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-bar burger-lines"></span>
|
|
<span class="navbar-toggler-bar burger-lines"></span>
|
|
<span class="navbar-toggler-bar burger-lines"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end" id="navigation">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="content">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
<div class="wrapper wrapper--w790">
|
|
<div class="card card-5">
|
|
<div class="card-heading">
|
|
<h2 class="title">Donor Registration</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="POST" action="<?= base_url()."/donor_register"; ?>" enctype="multipart/form-data">
|
|
<?php $validation = \Config\Services::validation(); ?>
|
|
<div class="form-row m-b-55">
|
|
<div class="name">Name</div>
|
|
<div class="value">
|
|
<div class="row row-space">
|
|
<div class="col-12">
|
|
<div class="input-group-desc">
|
|
<input class="input--style-5" type="text"name="name" id = "name" value="<?= set_value('name') ?>" onkeypress = "return match(event)" required>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="name">Email</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="email" name="email" id="email" value="<?= set_value('email') ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row m-b-55">
|
|
<div class="name">Phone</div>
|
|
<div class="value">
|
|
<div class="row row-refine">
|
|
<div class="col-12">
|
|
<div class="input-group-desc">
|
|
<input class="input--style-5" type="text" name="phone" id="phone" value="<?= set_value('phone') ?>" onkeypress = "return matchnum(event)" required>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row m-b-55">
|
|
<div class="name">PAN No</div>
|
|
<div class="value">
|
|
<div class="row row-refine">
|
|
<div class="col-12">
|
|
<div class="input-group-desc">
|
|
<input class="input--style-5" type="text" name="pan" id="pan" value="<?= set_value('pan') ?>" required>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">Address</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="text" name="address" id="address" placeholder="Flat No,Area" value="<?= set_value('address') ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">Country</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<div class="rs-select2 js-select-simple select--no-search">
|
|
<select name="country" id="country0" class="form-control " required>
|
|
<option value="">Select Country</option>
|
|
</select>
|
|
<div class="select-dropdown"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">State</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<div class="rs-select2 js-select-simple select--no-search">
|
|
<select name="state" id="state0" class="form-control " required>
|
|
<option value="">Select State</option>
|
|
</select>
|
|
<div class="select-dropdown"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">City</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<div class="rs-select2 js-select-simple select--no-search ">
|
|
<select name="city" id="city0" class="form-control " required>
|
|
<option value="">Select City</option>
|
|
</select>
|
|
<div class="select-dropdown"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">PinCode</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="text" name="pin_code" id="pin_code" value="<?= set_value('pin_code') ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="name">Date Of Birth</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="text" name="date_of_birth" id="txtDate" placeholder="dd/mm/yyyy" value="<?= set_value('date_of_birth') ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">Gender</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<div class="rs-select2 js-select-simple select--no-search ">
|
|
<select class="form-control " name="gender" required>
|
|
<option value="">select Gender</option>
|
|
<option value="Male">Male</option>
|
|
<option value="Female">Female</option>
|
|
</select>
|
|
<div class="select-dropdown"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="name">Org Name</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="text" name="org_name" id="org_name" value="<?= set_value('org_name') ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="name">GSTIN</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="text" name="gstin" id="gstin" value="<?= set_value('gstin') ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<?php if(isset($validation)): ?>
|
|
<div class='alert-danger mt-2'>
|
|
<?= $validation->listErrors() ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<button class="btn btn--radius-2 btn--red" type="submit">Register</button>
|
|
<!--- <?php if($validation->getError('phone')) {?>
|
|
<div class='alert alert-danger mt-2'>
|
|
<?= $error = $validation->getError('phone'); ?>
|
|
</div>
|
|
<?php }?>---->
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
<!-- Core JS Files -->
|
|
<script src="public/assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
|
|
<script src="public/assets/js/core/popper.min.js" type="text/javascript"></script>
|
|
<script src="public/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
|
|
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
|
|
<script src="public/assets/js/plugins/bootstrap-switch.js"></script>
|
|
<!-- Google Maps Plugin -->
|
|
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
|
|
<!-- Chartist Plugin -->
|
|
<script src="public/assets/js/plugins/chartist.min.js"></script>
|
|
<!-- Notifications Plugin -->
|
|
<script src="public/assets/js/plugins/bootstrap-notify.js"></script>
|
|
<!-- Control Center for Light Bootstrap Dashboard: scripts for the example pages etc -->
|
|
<script src="public/assets/js/light-bootstrap-dashboard.js?v=2.0.0 " type="text/javascript"></script>
|
|
<!-- Light Bootstrap Dashboard DEMO methods, don't include it in your project! -->
|
|
<script src="public/assets/js/demo.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
// Javascript method's body can be found in assets/js/demos.js
|
|
demo.initDashboardPageCharts();
|
|
|
|
demo.showNotification();
|
|
|
|
});
|
|
</script>
|
|
|
|
<!-- Jquery JS-->
|
|
<script src="public/assets/vendor copy/jquery/jquery.min.js"></script>
|
|
<!-- Vendor JS-->
|
|
<script src="public/assets/vendor copy/select2/select2.min.js"></script>
|
|
<script src="public/assets/vendor copy/datepicker/moment.min.js"></script>
|
|
<script src="public/assets/vendor copy/datepicker/daterangepicker.js"></script>
|
|
|
|
<!-- Main JS-->
|
|
<script src="public/assets/js/global.js"></script>
|
|
</html>
|