271 lines
15 KiB
PHP
271 lines
15 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">
|
|
$(function () {
|
|
$('#txtDate').datepicker({
|
|
format: "dd/mm/yyyy"
|
|
});
|
|
});
|
|
$(function () {
|
|
$('#txtDate2').datepicker({
|
|
format: "dd/mm/yyyy"
|
|
});
|
|
});
|
|
</script>
|
|
<!-- Bootstrap DatePicker End-->
|
|
<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="/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>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</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">
|
|
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<div class="wrapper wrapper--w790">
|
|
<div class="card card-5">
|
|
<h2>Donation Cause </h2>
|
|
<div class="card-body">
|
|
<form method="POST" action="<?= base_url()."/add_donation_cause"; ?>">
|
|
<div class="form-row">
|
|
<div class="name">Cause Name</div>
|
|
<div class="value">
|
|
<div class="input-group">
|
|
<input class="input--style-5" type="text" placeholder="CAUSE NAME" name="cause_name">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-row m-b-55">
|
|
<div class="name"><h4 class="title">Donation Cause</h4></div>
|
|
<div class="value">
|
|
<div class="row row-space">
|
|
<div class="col-6">
|
|
<div class="input-group-desc">
|
|
|
|
<input class="input--style-5" type="text" placeholder="FROM*" name="from_date" id="txtDate">
|
|
<label class="label--desc">From</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="input-group-desc">
|
|
<input class="input--style-5" type="text"placeholder="TO*" name="to_date" id="txtDate2" >
|
|
<label class="label--desc">To</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<button class="btn btn--radius-2 btn--red" type="submit">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 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>
|
|
|
|
</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>
|
|
|
|
|
|
</html> |