Scribd
Upload
31 views

Source Code

This document contains source code for an expenses tracking application. It includes PHP code to connect to a database, start sessions, check if a user is logged in, and includes HTML and CSS code to display a dashboard interface for selecting a month to add expenses. The interface contains buttons to select each month that link to separate files to add expenses for that month.

Uploaded by

Richard James
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
31 views

Source Code

This document contains source code for an expenses tracking application. It includes PHP code to connect to a database, start sessions, check if a user is logged in, and includes HTML and CSS code to display a dashboard interface for selecting a month to add expenses. The interface contains buttons to select each month that link to separate files to add expenses for that month.

Uploaded by

Richard James
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 129

Source Code

addexpenses.php

<!--<php

// Turn off error reporting

error_reporting(0);

// Report runtime errors

error_reporting(E_ERROR | E_WARNING | E_PARSE);

// Report all errors

error_reporting(E_ALL);

// Same as error_reporting(E_ALL);

ini_set("error_reporting", E_ALL);

// Report all errors except E_NOTICE

error_reporting(E_ALL & ~E_NOTICE);

?>-->

<?php

session_start();

$con = mysqli_connect("localhost","root","","ems");

$s_id = $_SESSION['ID'];
if($s_id == ""){

echo "<script> alert('Please log in again');


window.location='index.php'; </script>";

exit();

$sql = "SELECT * FROM endusers WHERE ID ='$s_id'";

$result= mysqli_query($con, $sql);

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Expense Monitoring System| Dashboard</title>

<!-- Google Font: Source Sans Pro -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?


family=Source+Sans+Pro:300,400,400i,700&display=fallback">

<!-- Font Awesome -->

<link rel="stylesheet"
href="../plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->


<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.
min.css">

<!-- Tempusdominus Bootstrap 4 -->

<link rel="stylesheet" href="../plugins/tempusdominus-bootstrap-


4/css/tempusdominus-bootstrap-4.min.css">

<!-- iCheck -->

<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-


bootstrap.min.css">

<!-- JQVMap -->

<link rel="stylesheet" href="../plugins/jqvmap/jqvmap.min.css">

<!-- Theme style -->

<link rel="stylesheet" href="../dist/css/adminlte.min.css">

<!-- overlayScrollbars -->

<link rel="stylesheet"
href="../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">

<!-- Daterange picker -->

<link rel="stylesheet"
href="../plugins/daterangepicker/daterangepicker.css">

<!-- summernote -->

<link rel="stylesheet" href="../plugins/summernote/summernote-


bs4.min.css">

<!--icon-->

<link rel="shortcut icon" type="image/png"


href="../dist/img/oem.png">
</head>

<body class="hold-transition sidebar-mini layout-fixed">

<div class="wrapper">

<!-- Preloader -->

<div class="preloader flex-column justify-content-center align-


items-center">

<img class="animation__shake"
src="../dist/img/AdminLTELogo.png" alt="AdminLTELogo"
height="60" width="60">

</div>

<!-- Navbar -->

<nav class="main-header navbar navbar-expand navbar-white


navbar-light">

<!-- Left navbar links -->

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" data-widget="pushmenu" href="#"


role="button"><i class="fas fa-bars"></i></a>

</li>

<li class="nav-item d-none d-sm-inline-block">

<a href="../index.php" class="nav-link">Home</a>

</li>
</ul>

<!-- Right navbar links -->

<ul class="navbar-nav ml-auto">

<!-- Navbar Search -->

<li class="nav-item">

<div class="navbar-search-block">

<form class="form-inline">

<div class="input-group input-group-sm">

<input class="form-control form-control-navbar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-navbar" type="submit">

<i class="fas fa-search"></i>

</button>

<button class="btn btn-navbar" type="button" data-


widget="navbar-search">

<i class="fas fa-times"></i>

</button>

</div>

</div>

</form>
</div>

</li>

<!-- Messages Dropdown Menu -->

<!-- Message End -->

<!-- Notifications Dropdown Menu -->

<li class="nav-item">

<a class="nav-link" data-widget="fullscreen" href="#"


role="button">

<i class="fas fa-expand-arrows-alt"></i>

</a>

</li>

<li class="nav-item">

<a class="nav-link" data-widget="control-sidebar" data-


controlsidebar-slide="true" href="#" role="button">

<i class="fas fa-th-large"></i>

</a>

</li>

</ul>

</nav>
<!-- /.navbar -->

<!-- Main Sidebar Container -->

<aside class="main-sidebar sidebar-dark-primary elevation-4">

<!-- Brand Logo -->

<a href="../admindashboard.php" class="brand-link">

<img src="../dist/img/oem.png" alt="AdminLTE Logo"


class="brand-image img-circle elevation-3" style="opacity: .8">

<span class="brand-text font-weight-


light"><b>JACOB&JEAN</b> OEMS</span>

</a>

<!-- Sidebar -->

<div class="sidebar">

<!-- Sidebar user panel (optional) -->

<div class="user-panel mt-3 pb-3 mb-3 d-flex">

<div class="image">

<img src="../dist/img/admin.png" class="img-circle elevation-


2" alt="User Image">

</div>

<div class="info">

<a href="../admindashboard.php" class="d-block">Welcome


Admin</a>

</div>
</div>

<!-- SidebarSearch Form -->

<!--<div class="form-inline">

<div class="input-group" data-widget="sidebar-search">

<input class="form-control form-control-sidebar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-sidebar">

<i class="fas fa-search fa-fw"></i>

</button>

</div>

</div>

</div>-->

<!-- Sidebar Menu -->

<nav class="mt-2">

<ul class="nav nav-pills nav-sidebar flex-column" data-


widget="treeview" role="menu" data-accordion="false">

<!-- Add icons to the links using the .nav-icon class

with font-awesome or any other icon font library -->

<li class="nav-item">
<a href="../admindashboard.php" class="nav-link active">

<i class="nav-icon fas fa-tachometer-alt"></i>

<p>

Dashboard

</p>

</a>

</li>

<li class="nav-item">

<a href="../reguser.php" class="nav-link">

<i class="nav-icon fas fa-user-plus"></i></i>

<p>

Add/Register User

</p>

</a>

</li>

<li class="nav-header">PANELS</li>

<li class="nav-item">

<a href="addexpenses.php" class="nav-link">


<i class="nav-icon fas fa-coins"></i>

<p>

Expenses

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="addexpenses.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewexpenses.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>
</a>

</li>

</ul>

</li>

<li class="nav-item">

<a href="#" class="nav-link">

<i class="nav-icon fas fa-chart-pie"></i>

<p>

Income

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="../income/addincome.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Income</p>

</a>

</li>

<li class="nav-item">

<a href="../income/viewincome.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Income</p>
</a>

</li>

<li class="nav-item">

<a href="../income/viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li><br>

<li class="nav-item">

<a href="../lockscreen.php" class="btn btn-app bg-danger">

<i class="fas fa-inbox"></i> LOGOUT

</a>

</li>
</ul>

</nav>

<!-- /.sidebar-menu -->

</div>

<!-- /.sidebar -->

</aside>

<!-- Content Wrapper. Contains page content -->

<div class="content-wrapper">

<!-- Content Header (Page header) -->

<div class="content-header">

<div class="container-fluid">

<div class="row mb-2">

<div class="col-sm-6">

<h1 class="m-0">Add Expenses</h1>

</div><!-- /.col -->

<div class="col-sm-6">

<ol class="breadcrumb float-sm-right">


<li class="breadcrumb-item"><a
href="../admindashboard.php">Home</a></li>

<li class="breadcrumb-item active">Add Expenses</li>

</ol>

</div><!-- /.col -->

</div><!-- /.row -->

</div><!-- /.container-fluid -->

</div>

<!-- /.content-header -->

<!-- Main content -->

<section class="content">

<div class="container-fluid">

<!-- Small boxes (Stat box) -->

<div class="card card-primary">

<div class="card-header">

<h3 class="card-title">Select Month</h3>

</div>

<!-- /.card-header -->

<div class="card">

<div class="card-body">
<a class="btn btn-app" href="expens01.php">

<i class="far fa-calendar-alt"></i> January

</a>

<a class="btn btn-app bg-secondary"


href="expens02.php">

<i class="far fa-calendar-alt"></i> February

</a>

<a class="btn btn-app bg-success" href="expens03.php">

<i class="far fa-calendar-alt"></i> March

</a>

<a class="btn btn-app bg-danger" href="expens04.php">

<i class="far fa-calendar-alt"></i> April

</a>

<a class="btn btn-app bg-warning" href="expens05.php">

<i class="far fa-calendar-alt"></i> May

</a>

<a class="btn btn-app bg-info" href="expens06.php">

<i class="far fa-calendar-alt"></i> June

</a>
<a class="btn btn-app" href="expens07.php">

<i class="far fa-calendar-alt"></i> July

</a>

<a class="btn btn-app bg-secondary"


href="expens08.php">

<i class="far fa-calendar-alt"></i> August

</a>

<a class="btn btn-app bg-success" href="expens09.php">

<i class="far fa-calendar-alt"></i> September

</a>

<a class="btn btn-app bg-danger" href="expens10.php">

<i class="far fa-calendar-alt"></i> October

</a>

<a class="btn btn-app bg-warning" href="expens11.php">

<i class="far fa-calendar-alt"></i> November

</a>

<a class="btn btn-app bg-info" href="expens12.php">

<i class="far fa-calendar-alt"></i> December

</a>

</div>

<!-- /.card-body -->

</div>

</div>
<!-- /.card -->

<!-- /.card -->

</section>

<!-- right col -->

</div>

<!-- /.row (main row) -->

</div><!-- /.container-fluid -->

</section>

<!-- /.content -->

</div>

<!-- /.content-wrapper -->

<footer class="main-footer">

<strong>Copyright &copy; 2022</strong>

All rights reserved.

<div class="float-right d-none d-sm-inline-block">

<b>J&J</b> OEMS

</div>

</footer>

<!-- Control Sidebar -->

<aside class="control-sidebar control-sidebar-dark">

<!-- Control sidebar content goes here -->

</aside>
<!-- /.control-sidebar -->

</div>

<!-- ./wrapper -->

<!-- jQuery -->

<script src="../plugins/jquery/jquery.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->

<script>

$.widget.bridge('uibutton', $.ui.button)

</script>

<!-- Bootstrap 4 -->

<script
src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- ChartJS -->

<script src="../plugins/chart.js/Chart.min.js"></script>

<!-- Sparkline -->

<script src="../plugins/sparklines/sparkline.js"></script>

<!-- JQVMap -->

<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>

<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

<!-- jQuery Knob Chart -->


<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- daterangepicker -->

<script src="../plugins/moment/moment.min.js"></script>

<script src="../plugins/daterangepicker/daterangepicker.js"></script>

<!-- Tempusdominus Bootstrap 4 -->

<script
src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-
bootstrap-4.min.js"></script>

<!-- Summernote -->

<script
src="../plugins/summernote/summernote-bs4.min.js"></script>

<!-- overlayScrollbars -->

<script
src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js">
</script>

<!-- AdminLTE App -->

<script src="../dist/js/adminlte.js"></script>

<!-- AdminLTE for demo purposes -->

<script src="../dist/js/demo.js"></script>

<!-- AdminLTE dashboard demo (This is only for demo purposes) --


>

<script src="../dist/js/pages/dashboard.js"></script>
</body>

</html>

expens01.php

<!--<php

// Turn off error reporting

error_reporting(0);

// Report runtime errors

error_reporting(E_ERROR | E_WARNING | E_PARSE);

// Report all errors

error_reporting(E_ALL);

// Same as error_reporting(E_ALL);

ini_set("error_reporting", E_ALL);

// Report all errors except E_NOTICE

error_reporting(E_ALL & ~E_NOTICE);

?>-->

<?php

session_start();

$con = mysqli_connect("localhost","root","","ems");
$s_id = $_SESSION['ID'];

if($s_id == ""){

echo "<script> alert('Please log in again');


window.location='index.php'; </script>";

exit();

$sql = "SELECT * FROM endusers WHERE ID ='$s_id'";

$result= mysqli_query($con, $sql);

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Expense Monitoring System| Dashboard</title>

<!-- Google Font: Source Sans Pro -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?


family=Source+Sans+Pro:300,400,400i,700&display=fallback">

<!-- Font Awesome -->


<link rel="stylesheet"
href="../plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->

<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.
min.css">

<!-- Tempusdominus Bootstrap 4 -->

<link rel="stylesheet" href="../plugins/tempusdominus-bootstrap-


4/css/tempusdominus-bootstrap-4.min.css">

<!-- iCheck -->

<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-


bootstrap.min.css">

<!-- JQVMap -->

<link rel="stylesheet" href="../plugins/jqvmap/jqvmap.min.css">

<!-- Theme style -->

<link rel="stylesheet" href="../dist/css/adminlte.min.css">

<!-- overlayScrollbars -->

<link rel="stylesheet"
href="../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">

<!-- Daterange picker -->

<link rel="stylesheet"
href="../plugins/daterangepicker/daterangepicker.css">

<!-- summernote -->

<link rel="stylesheet" href="../plugins/summernote/summernote-


bs4.min.css">

<!--icon-->
<link rel="shortcut icon" type="image/png"
href="../dist/img/oem.png">

</head>

<body class="hold-transition sidebar-mini layout-fixed">

<div class="wrapper">

<!-- Preloader -->

<div class="preloader flex-column justify-content-center align-


items-center">

<img class="animation__shake"
src="../dist/img/AdminLTELogo.png" alt="AdminLTELogo"
height="60" width="60">

</div>

<!-- Navbar -->

<nav class="main-header navbar navbar-expand navbar-white


navbar-light">

<!-- Left navbar links -->

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" data-widget="pushmenu" href="#"


role="button"><i class="fas fa-bars"></i></a>

</li>

<li class="nav-item d-none d-sm-inline-block">


<a href="../index.php" class="nav-link">Home</a>

</li>

</ul>

<!-- Right navbar links -->

<ul class="navbar-nav ml-auto">

<!-- Navbar Search -->

<li class="nav-item">

<div class="navbar-search-block">

<form class="form-inline">

<div class="input-group input-group-sm">

<input class="form-control form-control-navbar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-navbar" type="submit">

<i class="fas fa-search"></i>

</button>

<button class="btn btn-navbar" type="button" data-


widget="navbar-search">

<i class="fas fa-times"></i>

</button>
</div>

</div>

</form>

</div>

</li>

<!-- Messages Dropdown Menu -->

<!-- Message End -->

<!-- Notifications Dropdown Menu -->

<li class="nav-item">

<a class="nav-link" data-widget="fullscreen" href="#"


role="button">

<i class="fas fa-expand-arrows-alt"></i>

</a>

</li>

<li class="nav-item">

<a class="nav-link" data-widget="control-sidebar" data-


controlsidebar-slide="true" href="#" role="button">

<i class="fas fa-th-large"></i>

</a>
</li>

</ul>

</nav>

<!-- /.navbar -->

<!-- Main Sidebar Container -->

<aside class="main-sidebar sidebar-dark-primary elevation-4">

<!-- Brand Logo -->

<a href="../admindashboard.php" class="brand-link">

<img src="../dist/img/oem.png" alt="AdminLTE Logo"


class="brand-image img-circle elevation-3" style="opacity: .8">

<span class="brand-text font-weight-


light"><b>JACOB&JEAN</b> OEMS</span>

</a>

<!-- Sidebar -->

<div class="sidebar">

<!-- Sidebar user panel (optional) -->

<div class="user-panel mt-3 pb-3 mb-3 d-flex">

<div class="image">

<img src="../dist/img/admin.png" class="img-circle elevation-


2" alt="User Image">

</div>

<div class="info">
<a href="../admindashboard.php" class="d-block">Welcome
Admin</a>

</div>

</div>

<!-- SidebarSearch Form -->

<!--<div class="form-inline">

<div class="input-group" data-widget="sidebar-search">

<input class="form-control form-control-sidebar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-sidebar">

<i class="fas fa-search fa-fw"></i>

</button>

</div>

</div>

</div>-->

<!-- Sidebar Menu -->

<nav class="mt-2">

<ul class="nav nav-pills nav-sidebar flex-column" data-


widget="treeview" role="menu" data-accordion="false">

<!-- Add icons to the links using the .nav-icon class

with font-awesome or any other icon font library -->


<li class="nav-item">

<a href="../admindashboard.php" class="nav-link active">

<i class="nav-icon fas fa-tachometer-alt"></i>

<p>

Dashboard

</p>

</a>

</li>

<li class="nav-item">

<a href="../reguser.php" class="nav-link">

<i class="nav-icon fas fa-user-plus"></i></i>

<p>

Add/Register User

</p>

</a>

</li>

<li class="nav-header">PANELS</li>
<li class="nav-item">

<a href="addexpenses.php" class="nav-link">

<i class="nav-icon fas fa-coins"></i>

<p>

Expenses

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="addexpenses.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewexpenses.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewreport.php" class="nav-link">


<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li>

<li class="nav-item">

<a href="#" class="nav-link">

<i class="nav-icon fas fa-chart-pie"></i>

<p>

Income

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="../income/addincome.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Income</p>

</a>

</li>

<li class="nav-item">

<a href="../income/viewincome.php" class="nav-link">


<i class="fas fa-eye nav-icon"></i>

<p>View Income</p>

</a>

</li>

<li class="nav-item">

<a href="../income/viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li><br>

<li class="nav-item">

<a href="../lockscreen.php" class="btn btn-app bg-danger">

<i class="fas fa-inbox"></i> LOGOUT

</a>

</li>
</ul>

</nav>

<!-- /.sidebar-menu -->

</div>

<!-- /.sidebar -->

</aside>

<!-- Content Wrapper. Contains page content -->

<div class="content-wrapper">

<!-- Content Header (Page header) -->

<div class="content-header">

<div class="container-fluid">

<div class="row mb-2">

<div class="col-sm-6">

<h1 class="m-0">Add Expenses</h1>

</div><!-- /.col -->

<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">

<li class="breadcrumb-item"><a
href="../admindashboard.php">Home</a></li>

<li class="breadcrumb-item active">Add Expenses</li>

</ol>

</div><!-- /.col -->

</div><!-- /.row -->

</div><!-- /.container-fluid -->

</div>

<a class="btn btn-app bg-secondary" href="addexpenses.php">

<i class="fas fa-angle-left"></i> Back to Select Month

</a>

<!-- /.content-header -->

<!-- Main content -->

<section class="content">

<div class="container-fluid">

<!-- Small boxes (Stat box) -->

<div class="card card-primary">

<div class="card-header">
<h3 class="card-title">Enter January Expenses</h3>

</div>

<!-- /.card-header -->

<form action="" method="POST" enctype="multipart/form-


data">

<div class="card-body">

<div class="form-group">

<label for="companyname">Company Name</label>

<input type="text" class="form-control"


id="companyname" placeholder="Enter Company Name"
name="companyname">

</div>

<div class="form-group">

<label for="companyadd">Company Address</label>

<input type="text" class="form-control"


id="companyadd" placeholder="Enter Company Address"
name="companyadd">

</div>

<div class="form-group">

<label for="companycontact">Company Contact


Number</label>

<input type="text" class="form-control"


id="companycontact" placeholder="Enter Company Contact No."
name="companycontact">

</div>

<div class="form-group">
<label for="serial">Receipt Serial Number</label>

<input type="text" class="form-control" id="serial"


placeholder="Enter Receipt S/N#" name="serial">

</div>

<div class="form-group">

<label for="date">Receipt Date</label>

<input type="date" class="form-control" id="date"


placeholder="Enter Receipt Date" name="date">

</div>

<div class="form-group">

<label for="item01">Purchased Item 01</label>

<input type="text" class="form-control" id="qty01"


placeholder="Quantity" name="qty01">

<input type="text" class="form-control" id="item01"


placeholder="Enter Item 01" name="item01">

<input type="text" class="form-control" id="tot01"


placeholder="Total" name="tot01">

</div>

<div class="form-group">

<label for="item02">Purchased Item 02</label>

<input type="text" class="form-control" id="qty02"


placeholder="Quantity" name="qty02">

<input type="text" class="form-control" id="item02"


placeholder="Enter Item 02" name="item02">

<input type="text" class="form-control" id="tot02"


placeholder="Total" name="tot02">
</div>

<div class="form-group">

<label for="item03">Purchased Item 03</label>

<input type="text" class="form-control" id="qty03"


placeholder="Quantity" name="qty03">

<input type="text" class="form-control" id="item03"


placeholder="Enter Item 03" name="item03">

<input type="text" class="form-control" id="tot03"


placeholder="Total" name="tot03">

</div>

<div class="form-group">

<label for="item04">Purchased Item 04</label>

<input type="text" class="form-control" id="qty04"


placeholder="Quantity" name="qty04">

<input type="text" class="form-control" id="item04"


placeholder="Enter Item 04" name="item04">

<input type="text" class="form-control" id="tot04"


placeholder="Total" name="tot04">

</div>

<div class="form-group">

<label for="item05">Purchased Item 05</label>

<input type="text" class="form-control" id="qty05"


placeholder="Quantity" name="qty05">

<input type="text" class="form-control" id="item05"


placeholder="Enter Item 05" name="item05">
<input type="text" class="form-control" id="tot05"
placeholder="Total" name="tot05">

</div>

<div class="form-group">

<label for="item06">Purchased Item 06</label>

<input type="text" class="form-control" id="qty06"


placeholder="Quantity" name="qty06">

<input type="text" class="form-control" id="item06"


placeholder="Enter Item 06" name="item06">

<input type="text" class="form-control" id="tot06"


placeholder="Total" name="tot06">

</div>

<div class="form-group">

<label for="item07">Purchased Item 07</label>

<input type="text" class="form-control" id="qty07"


placeholder="Quantity" name="qty07">

<input type="text" class="form-control" id="item07"


placeholder="Enter Item 07" name="item07">

<input type="text" class="form-control" id="tot07"


placeholder="Total" name="tot07">

</div>

<div class="form-group">

<label for="item08">Purchased Item 08</label>

<input type="text" class="form-control" id="qty08"


placeholder="Quantity" name="qty08">
<input type="text" class="form-control" id="item08"
placeholder="Enter Item 08" name="item08">

<input type="text" class="form-control" id="tot08"


placeholder="Total" name="tot08">

</div>

<div class="form-group">

<label for="item09">Purchased Item 09</label>

<input type="text" class="form-control" id="qty09"


placeholder="Quantity" name="qty09">

<input type="text" class="form-control" id="item09"


placeholder="Enter Item 09" name="item09">

<input type="text" class="form-control" id="tot09"


placeholder="Total" name="tot09">

</div>

<div class="form-group">

<label for="item10">Purchased Item 10</label>

<input type="text" class="form-control" id="qty10"


placeholder="Quantity" name="qty10">

<input type="text" class="form-control" id="item10"


placeholder="Enter Item 10" name="item10">

<input type="text" class="form-control" id="tot10"


placeholder="Total" name="tot10">

</div>

<div class="form-group">

<label for="vat">Receipt VAT</label>


<input type="text" class="form-control" id="vat"
placeholder="Enter VATable" name="vat">

</div>

<div class="form-group">

<label for="total">Grand Total Purchased</label>

<input type="text" class="form-control" id="total"


placeholder="Enter Grand Total" name="total">

</div>

</div>

<!-- /.card-body -->

<div class="card-footer">

<button type="submit" class="btn btn-primary"


name="add">Add Expenses</button>

</div>

</form>

<?php
$con = mysqli_connect("localhost","root","","ems");

if(isset($_POST['add'])) {

$companyname = $_POST['companyname'];

$companyadd = $_POST['companyadd'];

$companycontact = $_POST['companycontact'];

$serial = $_POST['serial'];

$date = $_POST['date'];

$item01 = $_POST['item01'];

$qty01 = $_POST['qty01'];

$tot01 = $_POST['tot01'];

$item02 = $_POST['item02'];

$qty02 = $_POST['qty02'];

$tot02 = $_POST['tot02'];

$item03 = $_POST['item03'];

$qty03 = $_POST['qty03'];

$tot03 = $_POST['tot03'];

$item04 = $_POST['item04'];

$qty04 = $_POST['qty04'];

$tot04 = $_POST['tot04'];

$item05 = $_POST['item05'];

$qty05 = $_POST['qty05'];

$tot05 = $_POST['tot05'];
$item06 = $_POST['item06'];

$qty06 = $_POST['qty06'];

$tot06 = $_POST['tot06'];

$item07 = $_POST['item07'];

$qty07 = $_POST['qty07'];

$tot07 = $_POST['tot07'];

$item08 = $_POST['item08'];

$qty08 = $_POST['qty08'];

$tot08 = $_POST['tot08'];

$item09 = $_POST['item09'];

$qty09 = $_POST['qty09'];

$tot09 = $_POST['tot09'];

$item10 = $_POST['item10'];

$qty10 = $_POST['qty10'];

$tot10 = $_POST['tot10'];

$vat = $_POST['vat'];

$total = $_POST['total'];

$insert = "Insert into janexpens (companyname,


companyadd, companycontact, serial, date, item01, qty01, tot01,
item02, qty02, tot02, item03, qty03, tot03, item04, qty04, tot04,
item05, qty05, tot05, item06, qty06, tot06, item07, qty07, tot07,
item08, qty08, tot08, item09, qty09, tot09, item10, qty10, tot10, vat,
total) values ('$companyname', '$companyadd', '$companycontact',
'$serial', '$date', '$item01', '$qty01', '$tot01', '$item02', '$qty02',
'$tot02', '$item03', '$qty03', '$tot03', '$item04', '$qty04', '$tot04',
'$item05', '$qty05', '$tot05', '$item06', '$qty06', '$tot06', '$item07',
'$qty07', '$tot07', '$item08', '$qty08', '$tot08', '$item09', '$qty09',
'$tot09', '$item10', '$qty10', '$tot10', '$vat', '$total')";

$result = mysqli_query($con, $insert);

if($result){

echo "<script> alert('Expenses Successfully Added');


window.location='expens01.php'; </script>";

else{

echo "<script> alert('Expenses Failed to be Added');


window.location='expens01.php'; </script>";

?>

<br>

<?php
require '../db.php';

$sql3 = 'Select * FROM janexpens';

$statement2 = $connection->prepare($sql3);

$statement2->execute();

$profile2 = $statement2-
>fetchAll(PDO::FETCH_OBJ);

?>

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-header">

<h3 class="card-title">January Expenses</h3>

<div class="card-tools">

<div class="input-group input-group-sm" style="width:


150px;">

<input type="text" name="table_search" class="form-


control float-right" placeholder="Search Company" id="myInput">

<div class="input-group-append">

<button type="submit" class="btn btn-default"


onclick="myFunction()">
<i class="fas fa-search"></i>

</button>

</div>

</div>

</div>

</div>

<!-- /.card-header -->

<div class="card-body table-responsive p-0" style="height:


300px;">

<table class="table table-head-fixed text-nowrap"


id="myTable">

<thead>

<tr>

<th>Company Name</th>

<th>Company Address</th>

<th>Serial #</th>

<th>Date</th>

<th>Total</th>

<th>Action</th>

</tr>

</thead>
<tbody>

<?php foreach($profile2 as $selectedprofile2):?>

<tr>

<td><?=$selectedprofile2->companyname?></td>

<td><?=$selectedprofile2->companyadd?></td>

<td><?=$selectedprofile2->serial?></td>

<td><?=$selectedprofile2->date?></td>

<td><?=$selectedprofile2->total?></td>

<td>

<div class="btn-group">

<a href="addpic01.php?id=<?=$selectedprofile2->ID?
>" class="btn btn-success">Upload Scan Receipt</a>

<a onclick="return confirm('Are you sure you want to


delete this entry?')" href="delete-01.php?id=<?=$selectedprofile2-
>ID?>" class="btn btn-danger">Delete</a>

<!-- copy start-->

</div>
</td>

</tr>

<?php endforeach;?>

</tbody>

</table>

</div>

<!-- /.card-body -->

</div>

<!-- /.card -->

</div>

</div>

<!-- /.card -->

</section>

<!-- right col -->

</div>

<!-- /.row (main row) -->

</div><!-- /.container-fluid -->

</section>

<!-- /.content -->

</div>

<!-- /.content-wrapper -->

<footer class="main-footer">

<strong>Copyright &copy; 2022</strong>


All rights reserved.

<div class="float-right d-none d-sm-inline-block">

<b>J&J</b> OEMS

</div>

</footer>

<!-- Control Sidebar -->

<aside class="control-sidebar control-sidebar-dark">

<!-- Control sidebar content goes here -->

</aside>

<!-- /.control-sidebar -->

</div>

<!-- ./wrapper -->

<!-- jQuery -->

<script src="../plugins/jquery/jquery.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->

<script>

$.widget.bridge('uibutton', $.ui.button)

</script>

<!-- Bootstrap 4 -->


<script
src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- ChartJS -->

<script src="../plugins/chart.js/Chart.min.js"></script>

<!-- Sparkline -->

<script src="../plugins/sparklines/sparkline.js"></script>

<!-- JQVMap -->

<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>

<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

<!-- jQuery Knob Chart -->

<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- daterangepicker -->

<script src="../plugins/moment/moment.min.js"></script>

<script src="../plugins/daterangepicker/daterangepicker.js"></script>

<!-- Tempusdominus Bootstrap 4 -->

<script
src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-
bootstrap-4.min.js"></script>

<!-- Summernote -->

<script
src="../plugins/summernote/summernote-bs4.min.js"></script>

<!-- overlayScrollbars -->

<script
src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js">
</script>
<!-- AdminLTE App -->

<script src="../dist/js/adminlte.js"></script>

<!-- AdminLTE for demo purposes -->

<script src="../dist/js/demo.js"></script>

<!-- AdminLTE dashboard demo (This is only for demo purposes) --


>

<script src="../dist/js/pages/dashboard.js"></script>

<script>

function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

$('#blah')

.attr('src', e.target.result);

};

reader.readAsDataURL(input.files[0]);

</script>
<script>

function myFunction() {

var input, filter, table, tr, td, i, txtValue;

input = document.getElementById("myInput");

filter = input.value.toUpperCase();

table = document.getElementById("myTable");

tr = table.getElementsByTagName("tr");

for (i = 0; i < tr.length; i++) {

td = tr[i].getElementsByTagName("td")[0];

if (td) {

txtValue = td.textContent || td.innerText;

if (txtValue.toUpperCase().indexOf(filter) > -1) {

tr[i].style.display = "";

} else {

tr[i].style.display = "none";

</script>

</body>
</html>

view01.php

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Expense Monitoring System| Dashboard</title>

<!-- Google Font: Source Sans Pro -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?


family=Source+Sans+Pro:300,400,400i,700&display=fallback">

<!-- Font Awesome -->

<link rel="stylesheet"
href="../../plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->

<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.
min.css">

<!-- Tempusdominus Bootstrap 4 -->

<link rel="stylesheet" href="../../plugins/tempusdominus-bootstrap-


4/css/tempusdominus-bootstrap-4.min.css">

<!-- iCheck -->


<link rel="stylesheet" href="../../plugins/icheck-bootstrap/icheck-
bootstrap.min.css">

<!-- JQVMap -->

<link rel="stylesheet" href="../../plugins/jqvmap/jqvmap.min.css">

<!-- Theme style -->

<link rel="stylesheet" href="../../dist/css/adminlte.min.css">

<!-- overlayScrollbars -->

<link rel="stylesheet"
href="../../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">

<!-- Daterange picker -->

<link rel="stylesheet"
href="../../plugins/daterangepicker/daterangepicker.css">

<!-- summernote -->

<link rel="stylesheet" href="../../plugins/summernote/summernote-


bs4.min.css">

<!--icon-->

<link rel="shortcut icon" type="image/png"


href="../../dist/img/oem.png">

</head>

<body class="hold-transition sidebar-mini layout-fixed">

<div class="wrapper">

<!-- Preloader -->


<div class="preloader flex-column justify-content-center align-
items-center">

<img class="animation__shake"
src="../../dist/img/AdminLTELogo.png" alt="AdminLTELogo"
height="60" width="60">

</div>

<!-- Navbar -->

<nav class="main-header navbar navbar-expand navbar-white


navbar-light">

<!-- Left navbar links -->

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" data-widget="pushmenu" href="#"


role="button"><i class="fas fa-bars"></i></a>

</li>

<li class="nav-item d-none d-sm-inline-block">

<a href="../../index.php" class="nav-link">Home</a>

</li>

</ul>

<!-- Right navbar links -->

<ul class="navbar-nav ml-auto">

<!-- Navbar Search -->


<li class="nav-item">

<div class="navbar-search-block">

<form class="form-inline">

<div class="input-group input-group-sm">

<input class="form-control form-control-navbar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-navbar" type="submit">

<i class="fas fa-search"></i>

</button>

<button class="btn btn-navbar" type="button" data-


widget="navbar-search">

<i class="fas fa-times"></i>

</button>

</div>

</div>

</form>

</div>

</li>

<!-- Messages Dropdown Menu -->


<!-- Message End -->

<!-- Notifications Dropdown Menu -->

<li class="nav-item">

<a class="nav-link" data-widget="fullscreen" href="#"


role="button">

<i class="fas fa-expand-arrows-alt"></i>

</a>

</li>

<li class="nav-item">

<a class="nav-link" data-widget="control-sidebar" data-


controlsidebar-slide="true" href="#" role="button">

<i class="fas fa-th-large"></i>

</a>

</li>

</ul>

</nav>

<!-- /.navbar -->

<!-- Main Sidebar Container -->

<aside class="main-sidebar sidebar-dark-primary elevation-4">

<!-- Brand Logo -->


<a href="../../admindashboard.php" class="brand-link">

<img src="../../dist/img/oem.png" alt="AdminLTE Logo"


class="brand-image img-circle elevation-3" style="opacity: .8">

<span class="brand-text font-weight-


light"><b>JACOB&JEAN</b> OEMS</span>

</a>

<!-- Sidebar -->

<div class="sidebar">

<!-- Sidebar user panel (optional) -->

<div class="user-panel mt-3 pb-3 mb-3 d-flex">

<div class="image">

<img src="../../dist/img/admin.png" class="img-circle


elevation-2" alt="User Image">

</div>

<div class="info">

<a href="../../admindashboard.php" class="d-block">Welcome


Admin</a>

</div>

</div>

<!-- SidebarSearch Form -->

<!--<div class="form-inline">

<div class="input-group" data-widget="sidebar-search">


<input class="form-control form-control-sidebar"
type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-sidebar">

<i class="fas fa-search fa-fw"></i>

</button>

</div>

</div>

</div>-->

<!-- Sidebar Menu -->

<nav class="mt-2">

<ul class="nav nav-pills nav-sidebar flex-column" data-


widget="treeview" role="menu" data-accordion="false">

<!-- Add icons to the links using the .nav-icon class

with font-awesome or any other icon font library -->

<li class="nav-item">

<a href="../../admindashboard.php" class="nav-link active">

<i class="nav-icon fas fa-tachometer-alt"></i>

<p>

Dashboard
</p>

</a>

</li>

<li class="nav-item">

<a href="../../reguser.php" class="nav-link">

<i class="nav-icon fas fa-user-plus"></i></i>

<p>

Add/Register User

</p>

</a>

</li>

<li class="nav-header">PANELS</li>

<li class="nav-item">

<a href="addexpenses.php" class="nav-link">

<i class="nav-icon fas fa-coins"></i>

<p>

Expenses

<i class="fas fa-angle-left right"></i>

</p>
</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="../addexpenses.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="../viewexpenses.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="../viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li>

<li class="nav-item">
<a href="#" class="nav-link">

<i class="nav-icon fas fa-chart-pie"></i>

<p>

Income

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="../../income/addincome.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Income</p>

</a>

</li>

<li class="nav-item">

<a href="../../income/viewincome.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Income</p>

</a>

</li>

<li class="nav-item">

<a href="../../income/viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>


<p>View Report</p>

</a>

</li>

</ul>

</li><br>

<li class="nav-item">

<a href="../../lockscreen.php" class="btn btn-app bg-danger">

<i class="fas fa-inbox"></i> LOGOUT

</a>

</li>

</ul>
</nav>

<!-- /.sidebar-menu -->

</div>

<!-- /.sidebar -->

</aside>

<!-- Content Wrapper. Contains page content -->

<div class="content-wrapper">

<!-- Content Header (Page header) -->

<div class="content-header">

<div class="container-fluid">

<div class="row mb-2">

<div class="col-sm-6">

<h1 class="m-0">View/Edit Expenses</h1>

</div><!-- /.col -->

<div class="col-sm-6">

<ol class="breadcrumb float-sm-right">

<li class="breadcrumb-item"><a
href="../../admindashboard.php">Home</a></li>

<li class="breadcrumb-item active">View/Edit


Expenses</li>

</ol>

</div><!-- /.col -->


</div><!-- /.row -->

</div><!-- /.container-fluid -->

</div>

<!-- /.content-header -->

<!-- Main content -->

<section class="content">

<div class="container-fluid">

<a class="btn btn-app bg-success" href="../viewexpenses.php">

<i class="fas fa-angle-left right"></i> Back to Select


Month

</a>

<!-- Small boxes (Stat box) -->

<div class="card card-primary">

<div class="card-header">

<h3 class="card-title">Edit Expenses</h3>

</div>

<!-- /.card-header -->

<div class="card">

<?php

require '../../db.php';
$sql3 = 'Select * FROM janexpens';

$statement2 = $connection->prepare($sql3);

$statement2->execute();

$profile2 = $statement2-
>fetchAll(PDO::FETCH_OBJ);

?>

<?php

error_reporting(0);

$conn = mysqli_connect("localhost", "root", "", "ems")


or die(mysqli_error());

$query = "SELECT SUM(total) AS sum FROM


`janexpens`";

$query_result= mysqli_query($conn, $query);

while($row=mysqli_fetch_assoc($query_result))

$output = "="." ".$row['sum'];

?>

<div class="row">
<div class="col-12">

<div class="card">

<div class="card-header">

<h3 class="card-title">January Expenses

</h3>

<div class="card-tools">

<div class="input-group input-group-sm" style="width:


150px;">

<input type="text" name="table_search" class="form-


control float-right" placeholder="Search Company" id="myInput">

<div class="input-group-append">

<button type="submit" class="btn btn-default"


onclick="myFunction()">

<i class="fas fa-search"></i>

</button>

</div>

</div>

</div>

</div>

<!-- /.card-header -->


<div class="card-body table-responsive p-0" style="height:
300px;">

<table class="table table-head-fixed text-nowrap"


id="myTable">

<thead>

<tr>

<th>Company Name</th>

<th>Company Address</th>

<th>Serial #</th>

<th>Date</th>

<th>Total</th>

<th>Action</th>

</tr>

</thead>

<tbody>

<?php foreach($profile2 as $selectedprofile2):?>

<tr>

<td><?=$selectedprofile2->companyname?></td>

<td><?=$selectedprofile2->companyadd?></td>

<td><?=$selectedprofile2->serial?></td>

<td><?=$selectedprofile2->date?></td>
<td><?=$selectedprofile2->total?></td>

<td>

<div class="btn-group">

<a href="edit01.php?id=<?=$selectedprofile2->ID?>"
class="btn btn-success">View/Edit</a>

<a onclick="return confirm('Are you sure you want to


delete this entry?')" href="../delete-01.php?id=<?=$selectedprofile2-
>ID?>" class="btn btn-danger">Delete</a>

<!-- copy start-->

</div>

</td>

</tr>

<?php endforeach;?>

</tbody>

</table>

</div>

<!-- /.card-body -->


</div>

<!-- /.card -->

</div>

</div>

</div>

<!-- /.card-body -->

</div>

</div>

<div class="alert alert-info alert-dismissible">

<h5><i class="icon fas fa-info"></i> January Total


Expenses <?php

echo $output;

?></h5>

</div>

<!-- /.card -->

<!-- /.card -->

</section>
<!-- right col -->

</div>

<!-- /.row (main row) -->

</div><!-- /.container-fluid -->

</section>

<!-- /.content -->

</div>

<!-- /.content-wrapper -->

<footer class="main-footer">

<strong>Copyright &copy; 2022</strong>

All rights reserved.

<div class="float-right d-none d-sm-inline-block">

<b>J&J</b> OEMS

</div>

</footer>

<!-- Control Sidebar -->

<aside class="control-sidebar control-sidebar-dark">


<!-- Control sidebar content goes here -->

</aside>

<!-- /.control-sidebar -->

</div>

<!-- ./wrapper -->

<!-- jQuery -->

<script src="../../plugins/jquery/jquery.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<script src="../../plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->

<script>

$.widget.bridge('uibutton', $.ui.button)

</script>

<!-- Bootstrap 4 -->

<script
src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- ChartJS -->

<script src="../../plugins/chart.js/Chart.min.js"></script>

<!-- Sparkline -->

<script src="../../plugins/sparklines/sparkline.js"></script>

<!-- JQVMap -->

<script src="../../plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="../../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

<!-- jQuery Knob Chart -->

<script src="../../plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- daterangepicker -->

<script src="../../plugins/moment/moment.min.js"></script>

<script
src="../../plugins/daterangepicker/daterangepicker.js"></script>

<!-- Tempusdominus Bootstrap 4 -->

<script
src="../../plugins/tempusdominus-bootstrap-4/js/tempusdominus-
bootstrap-4.min.js"></script>

<!-- Summernote -->

<script
src="../../plugins/summernote/summernote-bs4.min.js"></script>

<!-- overlayScrollbars -->

<script
src="../../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js
"></script>

<!-- AdminLTE App -->

<script src="../../dist/js/adminlte.js"></script>

<!-- AdminLTE for demo purposes -->

<script src="../../dist/js/demo.js"></script>

<!-- AdminLTE dashboard demo (This is only for demo purposes) --


>

<script src="../../dist/js/pages/dashboard.js"></script>
<script>

function myFunction() {

var input, filter, table, tr, td, i, txtValue;

input = document.getElementById("myInput");

filter = input.value.toUpperCase();

table = document.getElementById("myTable");

tr = table.getElementsByTagName("tr");

for (i = 0; i < tr.length; i++) {

td = tr[i].getElementsByTagName("td")[0];

if (td) {

txtValue = td.textContent || td.innerText;

if (txtValue.toUpperCase().indexOf(filter) > -1) {

tr[i].style.display = "";

} else {

tr[i].style.display = "none";

</script>
</body>

</html>

viewreport.php

<!--<php

// Turn off error reporting

error_reporting(0);

// Report runtime errors

error_reporting(E_ERROR | E_WARNING | E_PARSE);

// Report all errors

error_reporting(E_ALL);

// Same as error_reporting(E_ALL);

ini_set("error_reporting", E_ALL);

// Report all errors except E_NOTICE

error_reporting(E_ALL & ~E_NOTICE);

?>-->

<?php

session_start();

$con = mysqli_connect("localhost","root","","ems");
$s_id = $_SESSION['ID'];

if($s_id == ""){

echo "<script> alert('Please log in again');


window.location='index.php'; </script>";

exit();

$sql = "SELECT * FROM endusers WHERE ID ='$s_id'";

$result= mysqli_query($con, $sql);

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">

<title>Expense Monitoring System| Dashboard</title>

<!-- Google Font: Source Sans Pro -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?


family=Source+Sans+Pro:300,400,400i,700&display=fallback">

<!-- Font Awesome -->

<link rel="stylesheet"
href="../plugins/fontawesome-free/css/all.min.css">
<!-- Ionicons -->

<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.
min.css">

<!-- Tempusdominus Bootstrap 4 -->

<link rel="stylesheet" href="../plugins/tempusdominus-bootstrap-


4/css/tempusdominus-bootstrap-4.min.css">

<!-- iCheck -->

<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-


bootstrap.min.css">

<!-- JQVMap -->

<link rel="stylesheet" href="../plugins/jqvmap/jqvmap.min.css">

<!-- Theme style -->

<link rel="stylesheet" href="../dist/css/adminlte.min.css">

<!-- overlayScrollbars -->

<link rel="stylesheet"
href="../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">

<!-- Daterange picker -->

<link rel="stylesheet"
href="../plugins/daterangepicker/daterangepicker.css">

<!-- summernote -->

<link rel="stylesheet" href="../plugins/summernote/summernote-


bs4.min.css">

<!--icon-->

<link rel="shortcut icon" type="image/png"


href="../dist/img/oem.png">
</head>

<body class="hold-transition sidebar-mini layout-fixed">

<div class="wrapper">

<!-- Preloader -->

<div class="preloader flex-column justify-content-center align-


items-center">

<img class="animation__shake"
src="../dist/img/AdminLTELogo.png" alt="AdminLTELogo"
height="60" width="60">

</div>

<!-- Navbar -->

<nav class="main-header navbar navbar-expand navbar-white


navbar-light">

<!-- Left navbar links -->

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" data-widget="pushmenu" href="#"


role="button"><i class="fas fa-bars"></i></a>

</li>

<li class="nav-item d-none d-sm-inline-block">

<a href="../index.php" class="nav-link">Home</a>

</li>
</ul>

<!-- Right navbar links -->

<ul class="navbar-nav ml-auto">

<!-- Navbar Search -->

<li class="nav-item">

<div class="navbar-search-block">

<form class="form-inline">

<div class="input-group input-group-sm">

<input class="form-control form-control-navbar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-navbar" type="submit">

<i class="fas fa-search"></i>

</button>

<button class="btn btn-navbar" type="button" data-


widget="navbar-search">

<i class="fas fa-times"></i>

</button>

</div>

</div>
</form>

</div>

</li>

<!-- Messages Dropdown Menu -->

<!-- Message End -->

<!-- Notifications Dropdown Menu -->

<li class="nav-item">

<a class="nav-link" data-widget="fullscreen" href="#"


role="button">

<i class="fas fa-expand-arrows-alt"></i>

</a>

</li>

<li class="nav-item">

<a class="nav-link" data-widget="control-sidebar" data-


controlsidebar-slide="true" href="#" role="button">

<i class="fas fa-th-large"></i>

</a>

</li>

</ul>
</nav>

<!-- /.navbar -->

<!-- Main Sidebar Container -->

<aside class="main-sidebar sidebar-dark-primary elevation-4">

<!-- Brand Logo -->

<a href="../admindashboard.php" class="brand-link">

<img src="../dist/img/oem.png" alt="AdminLTE Logo"


class="brand-image img-circle elevation-3" style="opacity: .8">

<span class="brand-text font-weight-


light"><b>JACOB&JEAN</b> OEMS</span>

</a>

<!-- Sidebar -->

<div class="sidebar">

<!-- Sidebar user panel (optional) -->

<div class="user-panel mt-3 pb-3 mb-3 d-flex">

<div class="image">

<img src="../dist/img/admin.png" class="img-circle elevation-


2" alt="User Image">

</div>

<div class="info">

<a href="../admindashboard.php" class="d-block">Welcome


Admin</a>
</div>

</div>

<!-- SidebarSearch Form -->

<!--<div class="form-inline">

<div class="input-group" data-widget="sidebar-search">

<input class="form-control form-control-sidebar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-sidebar">

<i class="fas fa-search fa-fw"></i>

</button>

</div>

</div>

</div>-->

<!-- Sidebar Menu -->

<nav class="mt-2">

<ul class="nav nav-pills nav-sidebar flex-column" data-


widget="treeview" role="menu" data-accordion="false">

<!-- Add icons to the links using the .nav-icon class

with font-awesome or any other icon font library -->


<li class="nav-item">

<a href="../admindashboard.php" class="nav-link active">

<i class="nav-icon fas fa-tachometer-alt"></i>

<p>

Dashboard

</p>

</a>

</li>

<li class="nav-item">

<a href="../reguser.php" class="nav-link">

<i class="nav-icon fas fa-user-plus"></i></i>

<p>

Add/Register User

</p>

</a>

</li>

<li class="nav-header">PANELS</li>

<li class="nav-item">
<a href="addexpenses.php" class="nav-link">

<i class="nav-icon fas fa-coins"></i>

<p>

Expenses

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="addexpenses.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewexpenses.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>


<p>View Report</p>

</a>

</li>

</ul>

</li>

<li class="nav-item">

<a href="#" class="nav-link">

<i class="nav-icon fas fa-chart-pie"></i>

<p>

Income

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="../income/addincome.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Income</p>

</a>

</li>

<li class="nav-item">

<a href="../income/viewincome.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>


<p>View Income</p>

</a>

</li>

<li class="nav-item">

<a href="../income/viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li><br>

<li class="nav-item">

<a href="../lockscreen.php" class="btn btn-app bg-danger">

<i class="fas fa-inbox"></i> LOGOUT

</a>

</li>
</ul>

</nav>

<!-- /.sidebar-menu -->

</div>

<!-- /.sidebar -->

</aside>

<!-- Content Wrapper. Contains page content -->

<div class="content-wrapper">

<!-- Content Header (Page header) -->

<div class="content-header">

<div class="container-fluid">

<div class="row mb-2">

<div class="col-sm-6">

<h1 class="m-0">Expenses Report</h1>

</div><!-- /.col -->

<div class="col-sm-6">

<ol class="breadcrumb float-sm-right">


<li class="breadcrumb-item"><a
href="../admindashboard.php">Home</a></li>

<li class="breadcrumb-item active">Expenses Report</li>

</ol>

</div><!-- /.col -->

</div><!-- /.row -->

</div><!-- /.container-fluid -->

</div>

<!-- /.content-header -->

<!-- Main content -->

<section class="content">

<div class="container-fluid">

<!-- Small boxes (Stat box) -->

<div class="card card-primary">

<div class="card-header">

<h3 class="card-title">Yearly Expenses</h3>

</div>

<!-- /.card-header -->

<div class="card">
<?php

error_reporting(0);

$conn = mysqli_connect("localhost", "root", "", "ems")


or die(mysqli_error());

$query1 = "SELECT SUM(total) AS sum1 FROM


`janexpens`";

$query_result1= mysqli_query($conn, $query1);

while($row=mysqli_fetch_assoc($query_result1))

$output1 = ""." ".$row['sum1'];

$query2 = "SELECT SUM(total) AS sum2 FROM


`febexpens`";

$query_result2= mysqli_query($conn, $query2);

while($row=mysqli_fetch_assoc($query_result2))

$output2 = ""." ".$row['sum2'];

$query3 = "SELECT SUM(total) AS sum3 FROM


`marexpens`";
$query_result3= mysqli_query($conn, $query3);

while($row=mysqli_fetch_assoc($query_result3))

$output3 = ""." ".$row['sum3'];

$query4 = "SELECT SUM(total) AS sum4 FROM


`aprexpens`";

$query_result4= mysqli_query($conn, $query4);

while($row=mysqli_fetch_assoc($query_result4))

$output4 = ""." ".$row['sum4'];

$query5 = "SELECT SUM(total) AS sum5 FROM


`mayexpens`";

$query_result5= mysqli_query($conn, $query5);

while($row=mysqli_fetch_assoc($query_result5))

$output5 = ""." ".$row['sum5'];

$query6 = "SELECT SUM(total) AS sum6 FROM


`junexpens`";
$query_result6= mysqli_query($conn, $query6);

while($row=mysqli_fetch_assoc($query_result6))

$output6 = ""." ".$row['sum6'];

$query7 = "SELECT SUM(total) AS sum7 FROM


`julexpens`";

$query_result7= mysqli_query($conn, $query7);

while($row=mysqli_fetch_assoc($query_result7))

$output7 = ""." ".$row['sum7'];

$query8 = "SELECT SUM(total) AS sum8 FROM


`augexpens`";

$query_result8= mysqli_query($conn, $query8);

while($row=mysqli_fetch_assoc($query_result8))

$output8 = ""." ".$row['sum8'];

$query9 = "SELECT SUM(total) AS sum9 FROM


`septexpens`";
$query_result9= mysqli_query($conn, $query9);

while($row=mysqli_fetch_assoc($query_result9))

$output9 = ""." ".$row['sum9'];

$query10 = "SELECT SUM(total) AS sum10 FROM


`octexpens`";

$query_result10= mysqli_query($conn, $query10);

while($row=mysqli_fetch_assoc($query_result10))

$output10 = ""." ".$row['sum10'];

$query11 = "SELECT SUM(total) AS sum11 FROM


`novexpens`";

$query_result11= mysqli_query($conn, $query11);

while($row=mysqli_fetch_assoc($query_result11))

$output11 = ""." ".$row['sum11'];

$query12 = "SELECT SUM(total) AS sum12 FROM


`decexpens`";
$query_result12= mysqli_query($conn, $query12);

while($row=mysqli_fetch_assoc($query_result12))

$output12 = ""." ".$row['sum12'];

?>

<div class="row">

<div class="col-12">

<div class="card">

<br>

<!-- /.card-header -->

<div class="col-sm-4 col-md-2" style="display: flex;">

<form action="" method="POST" enctype="multipart/form-


data">

<div class="card-body table-responsive p-0" style="height:


300px;">

<table class="table table-head-fixed text-nowrap">

<thead>
<tr>

<th>January</th>

<th>February</th>

<th>March</th>

<th>April</th>

<th>May</th>

<th>June</th>

<th>July</th>

<th>August</th>

<th>September</th>

<th>October</th>

<th>November</th>

<th>December</th>

</tr>

</thead>

<tbody>

<tr>

<td>

<div class="color-palette-set">

<div>
<center><label><?php echo $output1;
?></label></center>

<input type="text" class="form-control" id="jan"


value="<?php echo $output1; ?>" placeholder="Enter Company
Name" name="jan" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>

<center><label><?php echo $output2;


?></label></center>

<input type="text" class="form-control" id="feb"


value="<?php echo $output2; ?>" placeholder="Enter Company
Name" name="feb" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>
<center><label><?php echo $output3;
?></label></center>

<input type="text" class="form-control" id="mar"


value="<?php echo $output3; ?>" placeholder="Enter Company
Name" name="mar" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>

<center><label><?php echo $output4;


?></label></center>

<input type="text" class="form-control" id="apr"


value="<?php echo $output4; ?>" placeholder="Enter Company
Name" name="apr" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>
<center><label><?php echo $output5;
?></label></center>

<input type="text" class="form-control" id="may"


value="<?php echo $output5; ?>" placeholder="Enter Company
Name" name="may" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>

<center><label><?php echo $output6;


?></label></center>

<input type="text" class="form-control" id="jun"


value="<?php echo $output6; ?>" placeholder="Enter Company
Name" name="jun" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>
<center><label><?php echo $output7;
?></label></center>

<input type="text" class="form-control" id="jul"


value="<?php echo $output7; ?>" placeholder="Enter Company
Name" name="jul" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>

<center><label><?php echo $output8;


?></label></center>

<input type="text" class="form-control" id="aug"


value="<?php echo $output8; ?>" placeholder="Enter Company
Name" name="aug" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>
<center><label><?php echo $output9;
?></label></center>

<input type="text" class="form-control" id="sept"


value="<?php echo $output9; ?>" placeholder="Enter Company
Name" name="sept" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>

<center><label><?php echo $output10;


?></label></center>

<input type="text" class="form-control" id="oct"


value="<?php echo $output10; ?>" placeholder="Enter Company
Name" name="oct" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>
<center><label><?php echo $output11;
?></label></center>

<input type="text" class="form-control" id="nov"


value="<?php echo $output11; ?>" placeholder="Enter Company
Name" name="nov" style="color: black" hidden>

</div>

</div>

</td>

<td>

<div class="color-palette-set">

<div>

<center><label><?php echo $output12;


?></label></center>

<input type="text" class="form-control" id="dec"


value="<?php echo $output12; ?>" placeholder="Enter Company
Name" name="dec" style="color: black" hidden>

</div>

</div>

</td>

</tr>
</tbody>

</table>

</div>

<button class="btn btn-app bg-success" type="submit"


name="add">Calculate Yearly Expenses</button>

</form>

<?php

if(isset($_POST['add'])) {

$jan = $_POST['jan'];

$feb = $_POST['feb'];

$mar = $_POST['mar'];

$apr = $_POST['apr'];

$may = $_POST['may'];

$jun = $_POST['jun'];

$jul = $_POST['jul'];

$aug = $_POST['aug'];
$sept = $_POST['sept'];

$oct = $_POST['oct'];

$nov = $_POST['nov'];

$dec = $_POST['dec'];

$year = $jan + $feb + $mar + $apr + $may + $jun + $jul +


$aug + $sept + $oct + $nov + $dec;

?>

<!-- /.card-body -->

</div>

<!-- /.card -->

</div>

<div class="alert alert-info alert-dismissible">

<h5><i class="icon fas fa-info"></i> Yearly Total


Expenses = <?php

echo $year;

?></h5>
</div>

</div>

</div>

<!-- /.card-body -->

</div>

</div>

<!-- /.card -->

<!-- /.card -->

</section>

<!-- /.content -->

</div>

<!-- /.content-wrapper -->

<footer class="main-footer">

<strong>Copyright &copy; 2022</strong>

All rights reserved.

<div class="float-right d-none d-sm-inline-block">

<b>J&J</b> OEMS
</div>

</footer>

<!-- Control Sidebar -->

<aside class="control-sidebar control-sidebar-dark">

<!-- Control sidebar content goes here -->

</aside>

<!-- /.control-sidebar -->

</div>

<!-- ./wrapper -->

<!-- jQuery -->

<script src="../plugins/jquery/jquery.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->

<script>

$.widget.bridge('uibutton', $.ui.button)

</script>

<!-- Bootstrap 4 -->

<script
src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- ChartJS -->


<script src="../plugins/chart.js/Chart.min.js"></script>

<!-- Sparkline -->

<script src="../plugins/sparklines/sparkline.js"></script>

<!-- JQVMap -->

<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>

<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

<!-- jQuery Knob Chart -->

<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- daterangepicker -->

<script src="../plugins/moment/moment.min.js"></script>

<script src="../plugins/daterangepicker/daterangepicker.js"></script>

<!-- Tempusdominus Bootstrap 4 -->

<script
src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-
bootstrap-4.min.js"></script>

<!-- Summernote -->

<script
src="../plugins/summernote/summernote-bs4.min.js"></script>

<!-- overlayScrollbars -->

<script
src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js">
</script>

<!-- AdminLTE App -->

<script src="../dist/js/adminlte.js"></script>

<!-- AdminLTE for demo purposes -->


<script src="../dist/js/demo.js"></script>

<!-- AdminLTE dashboard demo (This is only for demo purposes) --


>

<script src="../dist/js/pages/dashboard.js"></script>

</body>

</html>

addincome.php

<!--<php

// Turn off error reporting

error_reporting(0);

// Report runtime errors

error_reporting(E_ERROR | E_WARNING | E_PARSE);

// Report all errors

error_reporting(E_ALL);

// Same as error_reporting(E_ALL);

ini_set("error_reporting", E_ALL);
// Report all errors except E_NOTICE

error_reporting(E_ALL & ~E_NOTICE);

?>-->

<?php

session_start();

$con = mysqli_connect("localhost","root","","ems");

$s_id = $_SESSION['ID'];

if($s_id == ""){

echo "<script> alert('Please log in again');


window.location='index.php'; </script>";

exit();

$sql = "SELECT * FROM endusers WHERE ID ='$s_id'";

$result= mysqli_query($con, $sql);

?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-


scale=1">
<title>Expense Monitoring System| Dashboard</title>

<!-- Google Font: Source Sans Pro -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?


family=Source+Sans+Pro:300,400,400i,700&display=fallback">

<!-- Font Awesome -->

<link rel="stylesheet"
href="../plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->

<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.
min.css">

<!-- Tempusdominus Bootstrap 4 -->

<link rel="stylesheet" href="../plugins/tempusdominus-bootstrap-


4/css/tempusdominus-bootstrap-4.min.css">

<!-- iCheck -->

<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-


bootstrap.min.css">

<!-- JQVMap -->

<link rel="stylesheet" href="../plugins/jqvmap/jqvmap.min.css">

<!-- Theme style -->

<link rel="stylesheet" href="../dist/css/adminlte.min.css">

<!-- overlayScrollbars -->

<link rel="stylesheet"
href="../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
<!-- Daterange picker -->

<link rel="stylesheet"
href="../plugins/daterangepicker/daterangepicker.css">

<!-- summernote -->

<link rel="stylesheet" href="../plugins/summernote/summernote-


bs4.min.css">

<!--icon-->

<link rel="shortcut icon" type="image/png"


href="../dist/img/oem.png">

</head>

<body class="hold-transition sidebar-mini layout-fixed">

<div class="wrapper">

<!-- Preloader -->

<div class="preloader flex-column justify-content-center align-


items-center">

<img class="animation__shake"
src="../dist/img/AdminLTELogo.png" alt="AdminLTELogo"
height="60" width="60">

</div>

<!-- Navbar -->

<nav class="main-header navbar navbar-expand navbar-white


navbar-light">
<!-- Left navbar links -->

<ul class="navbar-nav">

<li class="nav-item">

<a class="nav-link" data-widget="pushmenu" href="#"


role="button"><i class="fas fa-bars"></i></a>

</li>

<li class="nav-item d-none d-sm-inline-block">

<a href="../index.php" class="nav-link">Home</a>

</li>

</ul>

<!-- Right navbar links -->

<ul class="navbar-nav ml-auto">

<!-- Navbar Search -->

<li class="nav-item">

<div class="navbar-search-block">

<form class="form-inline">

<div class="input-group input-group-sm">

<input class="form-control form-control-navbar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">
<button class="btn btn-navbar" type="submit">

<i class="fas fa-search"></i>

</button>

<button class="btn btn-navbar" type="button" data-


widget="navbar-search">

<i class="fas fa-times"></i>

</button>

</div>

</div>

</form>

</div>

</li>

<!-- Messages Dropdown Menu -->

<!-- Message End -->

<!-- Notifications Dropdown Menu -->

<li class="nav-item">

<a class="nav-link" data-widget="fullscreen" href="#"


role="button">

<i class="fas fa-expand-arrows-alt"></i>


</a>

</li>

<li class="nav-item">

<a class="nav-link" data-widget="control-sidebar" data-


controlsidebar-slide="true" href="#" role="button">

<i class="fas fa-th-large"></i>

</a>

</li>

</ul>

</nav>

<!-- /.navbar -->

<!-- Main Sidebar Container -->

<aside class="main-sidebar sidebar-dark-primary elevation-4">

<!-- Brand Logo -->

<a href="../admindashboard.php" class="brand-link">

<img src="../dist/img/oem.png" alt="AdminLTE Logo"


class="brand-image img-circle elevation-3" style="opacity: .8">

<span class="brand-text font-weight-


light"><b>JACOB&JEAN</b> OEMS</span>

</a>

<!-- Sidebar -->

<div class="sidebar">
<!-- Sidebar user panel (optional) -->

<div class="user-panel mt-3 pb-3 mb-3 d-flex">

<div class="image">

<img src="../dist/img/admin.png" class="img-circle elevation-


2" alt="User Image">

</div>

<div class="info">

<a href="../admindashboard.php" class="d-block">Welcome


Admin</a>

</div>

</div>

<!-- SidebarSearch Form -->

<!--<div class="form-inline">

<div class="input-group" data-widget="sidebar-search">

<input class="form-control form-control-sidebar"


type="search" placeholder="Search" aria-label="Search">

<div class="input-group-append">

<button class="btn btn-sidebar">

<i class="fas fa-search fa-fw"></i>

</button>

</div>

</div>

</div>-->
<!-- Sidebar Menu -->

<nav class="mt-2">

<ul class="nav nav-pills nav-sidebar flex-column" data-


widget="treeview" role="menu" data-accordion="false">

<!-- Add icons to the links using the .nav-icon class

with font-awesome or any other icon font library -->

<li class="nav-item">

<a href="../admindashboard.php" class="nav-link active">

<i class="nav-icon fas fa-tachometer-alt"></i>

<p>

Dashboard

</p>

</a>

</li>

<li class="nav-item">

<a href="../reguser.php" class="nav-link">

<i class="nav-icon fas fa-user-plus"></i></i>

<p>

Add/Register User
</p>

</a>

</li>

<li class="nav-header">PANELS</li>

<li class="nav-item">

<a href="../expenses/addexpenses.php" class="nav-link">

<i class="nav-icon fas fa-coins"></i>

<p>

Expenses

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">

<a href="../expenses/addexpenses.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Expenses</p>

</a>

</li>

<li class="nav-item">
<a href="../expenses/viewexpenses.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Expenses</p>

</a>

</li>

<li class="nav-item">

<a href="viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li>

<li class="nav-item">

<a href="#" class="nav-link">

<i class="nav-icon fas fa-chart-pie"></i>

<p>

Income

<i class="fas fa-angle-left right"></i>

</p>

</a>

<ul class="nav nav-treeview">

<li class="nav-item">
<a href="addincome.php" class="nav-link">

<i class="fas fa-plus-circle nav-icon"></i>

<p>Add Income</p>

</a>

</li>

<li class="nav-item">

<a href="viewincome.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Income</p>

</a>

</li>

<li class="nav-item">

<a href="viewreport.php" class="nav-link">

<i class="fas fa-eye nav-icon"></i>

<p>View Report</p>

</a>

</li>

</ul>

</li><br>

<li class="nav-item">

<a href="../lockscreen.php" class="btn btn-app bg-danger">

<i class="fas fa-inbox"></i> LOGOUT


</a>

</li>

</ul>

</nav>

<!-- /.sidebar-menu -->

</div>

<!-- /.sidebar -->

</aside>

<!-- Content Wrapper. Contains page content -->

<div class="content-wrapper">

<!-- Content Header (Page header) -->


<div class="content-header">

<div class="container-fluid">

<div class="row mb-2">

<div class="col-sm-6">

<h1 class="m-0">Income</h1>

</div><!-- /.col -->

<div class="col-sm-6">

<ol class="breadcrumb float-sm-right">

<li class="breadcrumb-item"><a
href="../admindashboard.php">Home</a></li>

<li class="breadcrumb-item active">Income</li>

</ol>

</div><!-- /.col -->

</div><!-- /.row -->

</div><!-- /.container-fluid -->

</div>

<!-- /.content-header -->

<!-- Main content -->

<section class="content">

<div class="container-fluid">

<!-- Small boxes (Stat box) -->

<div class="card card-primary">


<div class="card-header">

<h3 class="card-title">Enter Products Sold</h3>

</div>

<!-- /.card-header -->

<div class="card">

<div class="card-body">

<form action="" method="POST" enctype="multipart/form-


data">

<div class="card-body">

<div class="form-group">

<label for="companyname">Select Month</label>

<select id="month" name="month">

<option value="January">January</option>

<option value="February">February</option>

<option value="March">March</option>

<option value="April">April</option>

<option value="May">May</option>

<option value="June">June</option>

<option value="July">July</option>

<option value="August">August</option>

<option value="September">September</option>
<option value="October">October</option>

<option value="November">November</option>

<option value="December">December</option>

</select>

</div>

<div class="form-group">

<label for="products">Product Name</label>

<input type="text" class="form-control" id="products"


placeholder="Enter Product Name" name="products">

</div>

<div class="form-group">

<label for="qty">Quantity</label>

<input type="text" class="form-control" id="qty"


placeholder="Enter Quantity" name="qty">

</div>

<div class="form-group">

<label for="unitprice">Unit Price</label>

<input type="text" class="form-control" id="unitprice"


placeholder="Enter Unit Price" name="unitprice">

</div>

<div class="form-group">

<label for="total">Total Price</label>


<input type="text" class="form-control" id="total"
placeholder="Enter Total" name="total">

</div>

</div>

<!-- /.card-body -->

<div class="card-footer">

<button type="submit" class="btn btn-primary"


name="add">Enter Product Sold</button>

</div>

</form>

<?php

$con = mysqli_connect("localhost","root","","ems");

if(isset($_POST['add'])) {
$month = $_POST['month'];

$products = $_POST['products'];

$qty = $_POST['qty'];

$unitprice = $_POST['unitprice'];

$total = $_POST['total'];

$insert = "Insert into income (month, products, qty,


unitprice, total) values ('$month', '$products', '$qty', '$unitprice',
'$total')";

$result = mysqli_query($con, $insert);

if($result){

echo "<script> alert('Expenses Successfully Added');


window.location='addincome.php'; </script>";

else{

echo "<script> alert('Expenses Failed to be Added');


window.location='addincome.php'; </script>";

}
?>

<?php

require '../db.php';

$sql3 = 'Select * FROM income';

$statement2 = $connection->prepare($sql3);

$statement2->execute();

$profile2 = $statement2-
>fetchAll(PDO::FETCH_OBJ);

?>

<br>

<div class="row">

<div class="col-12">

<div class="card">

<div class="card-header">

<h3 class="card-title">Products Sold</h3>


<div class="card-tools">

<div class="input-group input-group-sm" style="width:


150px;">

<input type="text" name="table_search" class="form-


control float-right" placeholder="Search Month" id="myInput">

<div class="input-group-append">

<button type="submit" class="btn btn-default"


onclick="myFunction()">

<i class="fas fa-search"></i>

</button>

</div>

</div>

</div>

</div>

<!-- /.card-header -->

<div class="card-body table-responsive p-0" style="height:


300px;">

<table class="table table-bordered" id="myTable"


width="100%" cellspacing="0" style="color: black;">

<thead>

<tr>

<th>Month</th>
<th>Products Name</th>

<th>Quantity</th>

<th>Unit Price</th>

<th>Total</th>

<th>Action</th>

</tr>

</thead>

<tbody>

<?php foreach($profile2 as $selectedprofile2):?>

<tr>

<td><?=$selectedprofile2->month?></td>

<td><?=$selectedprofile2->products?></td>

<td><?=$selectedprofile2->qty?></td>

<td><?=$selectedprofile2->unitprice?></td>

<td><?=$selectedprofile2->total?></td>

<td>

<div class="btn-group">

<a href="editincome.php?id=<?=$selectedprofile2-
>ID?>" class="btn btn-success">View/Edit</a>
<a onclick="return confirm('Are you sure you want to
delete this entry?')" href="delete-income.php?id=<?
=$selectedprofile2->ID?>" class="btn btn-danger">Delete</a>

<!-- copy start-->

</div>

</td>

</tr>

<?php endforeach;?>

</tbody>

</table>

</div>

<!-- /.card-body -->

</div>

<!-- /.card -->

</div>

</div>
</div>

</section>

<!-- right col -->

</div>

<!-- /.row (main row) -->

</div><!-- /.container-fluid -->

</section>

<!-- /.content -->

</div>

<!-- /.content-wrapper -->

<footer class="main-footer">

<strong>Copyright &copy; 2022</strong>

All rights reserved.

<div class="float-right d-none d-sm-inline-block">

<b>J&J</b> OEMS

</div>

</footer>

<!-- Control Sidebar -->

<aside class="control-sidebar control-sidebar-dark">

<!-- Control sidebar content goes here -->


</aside>

<!-- /.control-sidebar -->

</div>

<!-- ./wrapper -->

<!-- jQuery -->

<script src="../plugins/jquery/jquery.min.js"></script>

<!-- jQuery UI 1.11.4 -->

<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>

<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->

<script>

$.widget.bridge('uibutton', $.ui.button)

</script>

<!-- Bootstrap 4 -->

<script
src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- ChartJS -->

<script src="../plugins/chart.js/Chart.min.js"></script>

<!-- Sparkline -->

<script src="../plugins/sparklines/sparkline.js"></script>

<!-- JQVMap -->

<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>

<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->

<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>

<!-- daterangepicker -->

<script src="../plugins/moment/moment.min.js"></script>

<script src="../plugins/daterangepicker/daterangepicker.js"></script>

<!-- Tempusdominus Bootstrap 4 -->

<script
src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-
bootstrap-4.min.js"></script>

<!-- Summernote -->

<script
src="../plugins/summernote/summernote-bs4.min.js"></script>

<!-- overlayScrollbars -->

<script
src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js">
</script>

<!-- AdminLTE App -->

<script src="../dist/js/adminlte.js"></script>

<!-- AdminLTE for demo purposes -->

<script src="../dist/js/demo.js"></script>

<!-- AdminLTE dashboard demo (This is only for demo purposes) --


>

<script src="../dist/js/pages/dashboard.js"></script>

<script>
function myFunction() {

var input, filter, table, tr, td, i, txtValue;

input = document.getElementById("myInput");

filter = input.value.toUpperCase();

table = document.getElementById("myTable");

tr = table.getElementsByTagName("tr");

for (i = 0; i < tr.length; i++) {

td = tr[i].getElementsByTagName("td")[0];

if (td) {

txtValue = td.textContent || td.innerText;

if (txtValue.toUpperCase().indexOf(filter) > -1) {

tr[i].style.display = "";

} else {

tr[i].style.display = "none";

</script>

</body>

</html>

You might also like