├── DB
    └── db_toko.sql
├── README.md
├── assets
    ├── bootstrap
    │   └── css
    │   │   └── bootstrap.min.css
    ├── css
    │   └── styles.min.css
    ├── img
    │   ├── about.png
    │   └── login.png
    └── js
    │   └── script.min.js
├── conf
    ├── globalvar.php
    └── init.php
├── index.php
├── pages
    ├── 404.php
    ├── about.php
    ├── barang-hapus.php
    ├── barang-tambah.php
    ├── barang-ubah.php
    ├── barang.php
    ├── laporan.php
    ├── login.php
    ├── logout.php
    ├── penjualan-hapus.php
    ├── penjualan-pilih.php
    └── penjualan.php
└── screenshots
    ├── dashboard.jpg
    ├── data-barang.jpg
    ├── laporan-penjualan.jpg
    └── penjualan.jpg


/DB/db_toko.sql:
--------------------------------------------------------------------------------
  1 | -- phpMyAdmin SQL Dump
  2 | -- version 4.8.3
  3 | -- https://www.phpmyadmin.net/
  4 | --
  5 | -- Host: 127.0.0.1
  6 | -- Generation Time: Mar 02, 2019 at 05:11 AM
  7 | -- Server version: 10.1.36-MariaDB
  8 | -- PHP Version: 5.6.38
  9 | 
 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
 11 | SET AUTOCOMMIT = 0;
 12 | START TRANSACTION;
 13 | SET time_zone = "+00:00";
 14 | 
 15 | 
 16 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
 17 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
 18 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
 19 | /*!40101 SET NAMES utf8mb4 */;
 20 | 
 21 | --
 22 | -- Database: `db_toko`
 23 | --
 24 | 
 25 | DELIMITER $$
 26 | --
 27 | -- Procedures
 28 | --
 29 | CREATE DEFINER=`root`@`localhost` PROCEDURE `sto_tambahProduk` (`pronama` VARCHAR(200), `proharga` FLOAT, `projumlah` BIGINT)  BEGIN
 30 | 	insert into produk (pronama,proharga,projumlah) values (pronama,proharga,projumlah);
 31 |     END$$
 32 | 
 33 | DELIMITER ;
 34 | 
 35 | -- --------------------------------------------------------
 36 | 
 37 | --
 38 | -- Table structure for table `produk`
 39 | --
 40 | 
 41 | CREATE TABLE `produk` (
 42 |   `proid` bigint(20) NOT NULL,
 43 |   `pronama` varchar(200) DEFAULT NULL,
 44 |   `projumlah` bigint(20) DEFAULT NULL,
 45 |   `proharga` float DEFAULT NULL
 46 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 47 | 
 48 | --
 49 | -- Dumping data for table `produk`
 50 | --
 51 | 
 52 | INSERT INTO `produk` (`proid`, `pronama`, `projumlah`, `proharga`) VALUES
 53 | (2, 'Keyboard Logitech', 6, 100000),
 54 | (3, 'Layar', 2, 500000),
 55 | (4, 'Mouse Baru', 10, 100000);
 56 | 
 57 | -- --------------------------------------------------------
 58 | 
 59 | --
 60 | -- Table structure for table `transaksi`
 61 | --
 62 | 
 63 | CREATE TABLE `transaksi` (
 64 |   `trafaktur` varchar(200) NOT NULL,
 65 |   `tratanggal` date DEFAULT NULL,
 66 |   `trapelanggan` varchar(200) DEFAULT NULL,
 67 |   `tratotal` float DEFAULT NULL,
 68 |   `userid` bigint(20) DEFAULT NULL
 69 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 70 | 
 71 | --
 72 | -- Dumping data for table `transaksi`
 73 | --
 74 | 
 75 | INSERT INTO `transaksi` (`trafaktur`, `tratanggal`, `trapelanggan`, `tratotal`, `userid`) VALUES
 76 | ('TRA0001', '2019-03-02', 'saif alikhan', 600000, 2);
 77 | 
 78 | -- --------------------------------------------------------
 79 | 
 80 | --
 81 | -- Table structure for table `transaksi_detail`
 82 | --
 83 | 
 84 | CREATE TABLE `transaksi_detail` (
 85 |   `tdid` bigint(20) NOT NULL,
 86 |   `trafaktur` varchar(200) DEFAULT NULL,
 87 |   `proid` bigint(20) DEFAULT NULL,
 88 |   `tdjumlah` bigint(20) DEFAULT NULL,
 89 |   `tdharga` float DEFAULT NULL,
 90 |   `tdsubtotal` float DEFAULT NULL
 91 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 92 | 
 93 | --
 94 | -- Dumping data for table `transaksi_detail`
 95 | --
 96 | 
 97 | INSERT INTO `transaksi_detail` (`tdid`, `trafaktur`, `proid`, `tdjumlah`, `tdharga`, `tdsubtotal`) VALUES
 98 | (6, 'TRA0001', 2, 1, 100000, 100000),
 99 | (7, 'TRA0001', 3, 1, 500000, 500000);
100 | 
101 | --
102 | -- Triggers `transaksi_detail`
103 | --
104 | DELIMITER $$
105 | CREATE TRIGGER `tg_order` AFTER INSERT ON `transaksi_detail` FOR EACH ROW BEGIN
106 | 	update produk set projumlah=projumlah-new.tdjumlah where proid=new.proid;
107 |     END
108 | $$
109 | DELIMITER ;
110 | 
111 | -- --------------------------------------------------------
112 | 
113 | --
114 | -- Table structure for table `user`
115 | --
116 | 
117 | CREATE TABLE `user` (
118 |   `userid` bigint(20) NOT NULL,
119 |   `username` varchar(200) NOT NULL,
120 |   `userpass` varchar(200) NOT NULL
121 | ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
122 | 
123 | --
124 | -- Dumping data for table `user`
125 | --
126 | 
127 | INSERT INTO `user` (`userid`, `username`, `userpass`) VALUES
128 | (1, 'admin', 'admin'),
129 | (2, 'a', 'a');
130 | 
131 | -- --------------------------------------------------------
132 | 
133 | --
134 | -- Indexes for dumped tables
135 | --
136 | 
137 | --
138 | -- Indexes for table `produk`
139 | --
140 | ALTER TABLE `produk`
141 |   ADD PRIMARY KEY (`proid`);
142 | 
143 | --
144 | -- Indexes for table `transaksi`
145 | --
146 | ALTER TABLE `transaksi`
147 |   ADD PRIMARY KEY (`trafaktur`);
148 | 
149 | --
150 | -- Indexes for table `transaksi_detail`
151 | --
152 | ALTER TABLE `transaksi_detail`
153 |   ADD PRIMARY KEY (`tdid`);
154 | 
155 | --
156 | -- Indexes for table `user`
157 | --
158 | ALTER TABLE `user`
159 |   ADD PRIMARY KEY (`userid`);
160 | 
161 | --
162 | -- AUTO_INCREMENT for dumped tables
163 | --
164 | 
165 | --
166 | -- AUTO_INCREMENT for table `produk`
167 | --
168 | ALTER TABLE `produk`
169 |   MODIFY `proid` bigint(20) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
170 | 
171 | --
172 | -- AUTO_INCREMENT for table `transaksi_detail`
173 | --
174 | ALTER TABLE `transaksi_detail`
175 |   MODIFY `tdid` bigint(20) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
176 | 
177 | --
178 | -- AUTO_INCREMENT for table `user`
179 | --
180 | ALTER TABLE `user`
181 |   MODIFY `userid` bigint(20) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
182 | COMMIT;
183 | 
184 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
185 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
186 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
187 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Aplikasi Kasir Simpel
 2 | Aplikasi Simple Kasir merupakan Aplikasi berbasis WEB menggunakan bahasa pemrograman PHP dan template Bootstrap. Aplikasi yang sangat simpel dengan memiliki fitur pencatan barang dan stoknya. kemudian penjualan dan laporan penjualan. dengan sistem login oleh kasir( simple point of sale )
 3 | 
 4 | ## Syarat
 5 | 
 6 | Pastikan Anda sudah menginstall :
 7 | 
 8 | * PHP 5.6 
 9 | * MYSQL
10 | * Browser
11 | 
12 | ## Cara Install
13 | #### 1. Clone Project
14 | ```bash
15 | git clone https://github.com/msaifa/simpe-kasir.git
16 | ```
17 | 
18 | #### 2. Pindahkan file ke directory apache
19 | * Windows : c:xampp/htdoc
20 | * Linux : /var/www/html/
21 | 
22 | #### 3. Edit conf/globalvar.php
23 | edit sesuai dengan url index aplikasi.
24 | ```php
25 |     $base_url = "http://localhost.yii/simple-kasir/" ;
26 | ```
27 | 
28 | #### 4. Set-up database
29 | buat database baru dengan nama db_toko
30 | ```sql
31 |     create database db_toko ;
32 | ```
33 | export db_toko.sql ke database baru tersebut.
34 | 
35 | ## Program Pendukung
36 | - Bootstrap Studio
37 | - Visual Studio Code
38 | - xampp
39 | 
40 | ## Credits
41 | - Thanks to Allah
42 | - Thanks to My Parents
43 | - Thanks to My Teachers
44 | - Thanks to ALL
45 | 
46 | ## About
47 | [Github](https://github.com/msaifa/)
48 | [LinkedIn](https://www.linkedin.com/in/msaifa/)
49 | [Instagram](https://instagram.com/msaifa)
50 | 


--------------------------------------------------------------------------------
/assets/css/styles.min.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/assets/css/styles.min.css


--------------------------------------------------------------------------------
/assets/img/about.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/assets/img/about.png


--------------------------------------------------------------------------------
/assets/img/login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/assets/img/login.png


--------------------------------------------------------------------------------
/assets/js/script.min.js:
--------------------------------------------------------------------------------
1 | $(document).ready((function(){$("[data-bs-chart]").each((function(e,o){this.chart=new Chart($(o),$(o).data("bs-chart"))}))})),function(e){"use strict";e("#sidebarToggle, #sidebarToggleTop").on("click",(function(o){e("body").toggleClass("sidebar-toggled"),e(".sidebar").toggleClass("toggled"),e(".sidebar").hasClass("toggled")&&e(".sidebar .collapse").collapse("hide")})),e(window).resize((function(){e(window).width()<768&&e(".sidebar .collapse").collapse("hide")})),e("body.fixed-nav .sidebar").on("mousewheel DOMMouseScroll wheel",(function(o){if(e(window).width()>768){var t=o.originalEvent,l=t.wheelDelta||-t.detail;this.scrollTop+=30*(l<0?1:-1),o.preventDefault()}})),e(document).on("scroll",(function(){e(this).scrollTop()>100?e(".scroll-to-top").fadeIn():e(".scroll-to-top").fadeOut()})),e(document).on("click","a.scroll-to-top",(function(o){var t=e(this);e("html, body").stop().animate({scrollTop:e(t.attr("href")).offset().top},1e3,"easeInOutExpo"),o.preventDefault()}))}(jQuery);


--------------------------------------------------------------------------------
/conf/globalvar.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 |     $base_url = "http://localhost.yii/simple-kasir/" ;
4 | 
5 | ?>


--------------------------------------------------------------------------------
/conf/init.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     session_start();
 3 |     require ("globalvar.php");
 4 | 
 5 |     $host = "localhost" ;
 6 |     $user = "root" ;
 7 |     $pass = "" ;
 8 |     $debe = "db_toko" ;
 9 | 
10 |     $koneksi = mysqli_connect($host,$user,$pass,$debe) ;
11 | 
12 |     if (!$koneksi){
13 |         echo 'KONEKSI GAGAL' ;
14 |     } else {
15 |         // echo 'KONEKSI BERHASIL' ;
16 |     }
17 | 
18 |     function query($sql){
19 |         global $koneksi ;
20 | 
21 |         return mysqli_query($koneksi, $sql) ;
22 |     }
23 | 
24 |     function total($sql){
25 |         global $koneksi ;
26 | 
27 |         $res = query($sql) ;
28 |         return mysqli_num_rows($res) ;
29 |     }
30 | 
31 |     function start(){
32 |         query("START TRANSACTION") ;
33 |     }
34 | 
35 |     function commit(){
36 |         query("COMMIT") ;
37 |     }
38 | 
39 |     function rollback(){
40 |         query("ROLLBACK") ;
41 |     }
42 | 
43 |     function getFaktur(){
44 |         $sql = "select * from transaksi order by trafaktur desc limit 1" ;
45 |         $res = query($sql) ;
46 |         $tot = total($sql);
47 | 
48 |         if ($tot == 0){
49 |             $no = "TRA0001" ;
50 |         } else {
51 |             $row = mysqli_fetch_assoc($res);
52 |             $res = substr($row['trafaktur'],3);
53 | 
54 |             $res += 1 ;
55 |             $no = "TRA" ;
56 |             for($i = 0 ; $i < 4 - strlen($res) ; $i++){
57 |                 $no  .= "0" ;
58 |             }
59 |             $no .= $res ;
60 |         }
61 | 
62 |         return $no ;
63 |     }
64 | 
65 |     function cek(){
66 |         global $base_url ;
67 | 
68 |         if (empty($_SESSION['user'])) header("Location:{$base_url}pages/login.php");
69 |     }
70 | 
71 |     function logout(){
72 |         session_unset();
73 |     }
74 | 
75 | ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 | 
  6 | <?php
  7 |     require './conf/init.php' ;
  8 |     cek();
  9 | 
 10 |     $tahun = date('Y');
 11 |     $bulan = date('m');
 12 |     $tanggal = date('Y-m-d');
 13 | 
 14 |     $sql = "select 
 15 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 1 and year(tratanggal) = {$tahun}) as Jan,
 16 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 2 and year(tratanggal) = {$tahun}) as Feb,
 17 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 3 and year(tratanggal) = {$tahun}) as Mar,
 18 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 4 and year(tratanggal) = {$tahun}) as Apr,
 19 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 5 and year(tratanggal) = {$tahun}) as May,
 20 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 6 and year(tratanggal) = {$tahun}) as Jun,
 21 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 7 and year(tratanggal) = {$tahun}) as Jul,
 22 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 8 and year(tratanggal) = {$tahun}) as Aug,
 23 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 9 and year(tratanggal) = {$tahun}) as Sep,
 24 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 10 and year(tratanggal) = {$tahun}) as Okt,
 25 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 11 and year(tratanggal) = {$tahun}) as Nov,
 26 |             (select sum(tratotal) from transaksi t where month (tratanggal) = 12 and year(tratanggal) = {$tahun}) as Des,
 27 |             (select count(proid) from produk) as totalbarang,
 28 |             (select sum(tratotal) from transaksi t where tratanggal='{$tanggal}') as hari,
 29 |             (select sum(tratotal) from transaksi t where month (tratanggal) = {$bulan} and year(tratanggal) = {$tahun}) as bulan" ;
 30 | 
 31 |     $res = query($sql) ;
 32 |     $row = mysqli_fetch_assoc($res) ;
 33 | 
 34 |     $sql = "" ;
 35 | 
 36 | ?>
 37 | 
 38 | <!DOCTYPE html>
 39 | <html>
 40 | 
 41 | <head>
 42 |     <meta charset="utf-8">
 43 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 44 |     <title>Dashboard - msaifa</title>
 45 |     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 46 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 47 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 48 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 49 |     <link rel="stylesheet" href="assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 50 | </head>
 51 | 
 52 | <body id="page-top">
 53 |     <div id="wrapper">
 54 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 55 |             <div class="container-fluid d-flex flex-column p-0">
 56 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 57 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 58 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 59 |                 </a>
 60 |                 <hr class="sidebar-divider my-0">
 61 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 62 |                     <li class="nav-item" role="presentation"><a class="nav-link active" href="index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 63 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="pages/barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 64 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="pages/penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 65 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="pages/laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 66 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="pages/about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 67 |                     <li class="nav-item" role="presentation"></li>
 68 |                 </ul>
 69 |                                 <div class="text-center d-none d-md-inline">
 70 |                     <div class="row">
 71 |                         <div class="col"><a href="pages/logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 72 |                     </div>
 73 |                 </div>
 74 |             </div>
 75 |         </nav>
 76 |         <div class="d-flex flex-column" id="content-wrapper">
 77 |             <div id="content">
 78 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
 79 |                 <div class="container-fluid">
 80 |                     <div class="d-sm-flex justify-content-between align-items-center mb-4">
 81 |                         <h3 class="text-dark mb-0">Dashboard</h3>
 82 |                     </div>
 83 |                     <!-- Start: Chart -->
 84 |                     <div class="row">
 85 |                         <div class="col-lg-7 col-xl-8" style="width: auto;">
 86 |                             <div class="card shadow mb-4">
 87 |                                 <div class="card-header d-flex justify-content-between align-items-center" style="width: auto;">
 88 |                                     <h6 class="text-primary font-weight-bold m-0">Grafik Omset</h6>
 89 |                                     <div class="dropdown no-arrow"><button class="btn btn-link btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false" type="button"><i class="fas fa-ellipsis-v text-gray-400"></i></button>
 90 |                                         <div class="dropdown-menu shadow dropdown-menu-right animated--fade-in"
 91 |                                             role="menu">
 92 |                                             <p class="text-center dropdown-header">dropdown header:</p><a class="dropdown-item" role="presentation" href="#">&nbsp;Action</a><a class="dropdown-item" role="presentation" href="#">&nbsp;Another action</a>
 93 |                                             <div class="dropdown-divider"></div><a class="dropdown-item" role="presentation" href="#">&nbsp;Something else here</a></div>
 94 |                                     </div>
 95 |                                 </div>
 96 |                                 <div class="card-body" style="width: auto;">
 97 |                                     <div class="chart-area">
 98 |                                         <canvas data-bs-chart="{
 99 |                                             &quot;type&quot;:&quot;line&quot;,
100 |                                             &quot;data&quot;:{
101 |                                                 &quot;labels&quot;:
102 |                                                 [
103 |                                                     &quot;Jan&quot;,
104 |                                                     &quot;Feb&quot;,
105 |                                                     &quot;Mar&quot;,
106 |                                                     &quot;Apr&quot;,
107 |                                                     &quot;May&quot;,
108 |                                                     &quot;Jun&quot;,
109 |                                                     &quot;Jul&quot;,
110 |                                                     &quot;Aug&quot;,
111 |                                                     &quot;Sep&quot;,
112 |                                                     &quot;Okt&quot;,
113 |                                                     &quot;Nov&quot;,
114 |                                                     &quot;Dec&quot;
115 |                                                 ],
116 |                                                 &quot;datasets&quot;:
117 |                                                 [
118 |                                                     {
119 |                                                         &quot;label&quot;:&quot;Earnings&quot;,
120 |                                                         &quot;fill&quot;:true,
121 |                                                         &quot;data&quot;:
122 |                                                         [
123 |                                                             &quot;<?= $row['Jan'] ? $row['Jan'] : '' ; ?>&quot;,
124 |                                                             &quot;<?= $row['Feb'] ? $row['Feb'] : '' ; ?>&quot;,
125 |                                                             &quot;<?= $row['Mar'] ? $row['Mar'] : '' ; ?>&quot;,
126 |                                                             &quot;<?= $row['Apr'] ? $row['Apr'] : '' ; ?>&quot;,
127 |                                                             &quot;<?= $row['May'] ? $row['May'] : '' ; ?>&quot;,
128 |                                                             &quot;<?= $row['Jun'] ? $row['Jun'] : '' ; ?>&quot;,
129 |                                                             &quot;<?= $row['Jul'] ? $row['Jul'] : '' ; ?>&quot;,
130 |                                                             &quot;<?= $row['Aug'] ? $row['Aug'] : '' ; ?>&quot;,
131 |                                                             &quot;<?= $row['Sep'] ? $row['Sep'] : '' ; ?>&quot;,
132 |                                                             &quot;<?= $row['Okt'] ? $row['Okt'] : '' ; ?>&quot;,
133 |                                                             &quot;<?= $row['Nov'] ? $row['Nov'] : '' ; ?>&quot;,
134 |                                                             &quot;<?= $row['Des'] ? $row['Des'] : '' ; ?>&quot;
135 |                                                         ],
136 |                                                         &quot;backgroundColor&quot;:&quot;rgba(78, 115, 223, 0.05)&quot;,
137 |                                                         &quot;borderColor&quot;:&quot;rgba(78, 115, 223, 1)&quot;}]},
138 |                                                         &quot;options&quot;:{
139 |                                                             &quot;maintainAspectRatio&quot;:false,
140 |                                                             &quot;legend&quot;:{
141 |                                                                 &quot;display&quot;:false
142 |                                                             },
143 |                                                             &quot;title&quot;:{},
144 |                                                             &quot;scales&quot;:{
145 |                                                                 &quot;xAxes&quot;:
146 |                                                                 [
147 |                                                                     {
148 |                                                                         &quot;gridLines&quot;:{
149 |                                                                             &quot;color&quot;:&quot;rgb(234, 236, 244)&quot;,
150 |                                                                             &quot;zeroLineColor&quot;:&quot;rgb(234, 236, 244)&quot;,
151 |                                                                             &quot;drawBorder&quot;:false,
152 |                                                                             &quot;drawTicks&quot;:false,
153 |                                                                             &quot;borderDash&quot;:
154 |                                                                             [
155 |                                                                                 &quot;2&quot;
156 |                                                                             ],
157 |                                                                             &quot;zeroLineBorderDash&quot;:[&quot;2&quot;],
158 |                                                                             &quot;drawOnChartArea&quot;:false
159 |                                                                         },
160 |                                                                         &quot;ticks&quot;:{
161 |                                                                             &quot;fontColor&quot;:&quot;#858796&quot;,
162 |                                                                             &quot;padding&quot;:20
163 |                                                                         }
164 |                                                                     }
165 |                                                                 ],
166 |                                                                 &quot;yAxes&quot;:
167 |                                                                 [
168 |                                                                     {
169 |                                                                         &quot;gridLines&quot;:{
170 |                                                                             &quot;color&quot;:&quot;rgb(234, 236, 244)&quot;,
171 |                                                                             &quot;zeroLineColor&quot;:&quot;rgb(234, 236, 244)&quot;,
172 |                                                                             &quot;drawBorder&quot;:false,
173 |                                                                             &quot;drawTicks&quot;:false,
174 |                                                                             &quot;borderDash&quot;:[&quot;2&quot;],
175 |                                                                             &quot;zeroLineBorderDash&quot;:[&quot;2&quot;]
176 |                                                                         },
177 |                                                                         &quot;ticks&quot;:{
178 |                                                                             &quot;fontColor&quot;:&quot;#858796&quot;,
179 |                                                                             &quot;padding&quot;:20
180 |                                                                         }
181 |                                                                     }
182 |                                                                 ]
183 |                                                             }
184 |                                                         }
185 |                                                     }"></canvas>
186 |                                     </div>
187 |                                 </div>
188 |                             </div>
189 |                         </div>
190 |                         <div class="col-lg-5 col-xl-4" style="width: auto;">
191 |                             <div class="card shadow border-left-primary py-2">
192 |                                 <div class="card-body">
193 |                                     <div class="row align-items-center no-gutters">
194 |                                         <div class="col mr-2">
195 |                                             <div class="text-uppercase text-primary font-weight-bold text-xs mb-1"><span>Jumlah produk</span></div>
196 |                                             <div class="text-dark font-weight-bold h5 mb-0"><span><?= $row['totalbarang']?> Produk</span></div>
197 |                                         </div>
198 |                                         <div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div>
199 |                                     </div>
200 |                                 </div>
201 |                             </div>
202 |                             <div class="card shadow border-left-success py-2" style="margin-top: 10px;width: auto;">
203 |                                 <div class="card-body">
204 |                                     <div class="row align-items-center no-gutters">
205 |                                         <div class="col mr-2">
206 |                                             <div class="text-uppercase text-success font-weight-bold text-xs mb-1"><span>Omset hari ini</span></div>
207 |                                             <div class="text-dark font-weight-bold h5 mb-0"><span><?= number_format($row['hari'], 2) ?></span></div>
208 |                                         </div>
209 |                                         <div class="col-auto"><i class="fas fa-dollar-sign fa-2x text-gray-300"></i></div>
210 |                                     </div>
211 |                                 </div>
212 |                             </div>
213 |                             <div class="card shadow border-left-info py-2" style="margin-top: 10px;width: auto;">
214 |                                 <div class="card-body">
215 |                                     <div class="row align-items-center no-gutters">
216 |                                         <div class="col mr-2">
217 |                                             <div class="text-uppercase text-info font-weight-bold text-xs mb-1"><span>Omset Bulan ini</span></div>
218 |                                             <div class="row no-gutters align-items-center">
219 |                                                 <div class="col"><span><?= number_format($row['bulan'], 2) ?></span></div>
220 |                                             </div>
221 |                                         </div>
222 |                                         <div class="col-auto"><i class="fas fa-clipboard-list fa-2x text-gray-300"></i></div>
223 |                                     </div>
224 |                                 </div>
225 |                             </div>
226 |                         </div>
227 |                     </div>
228 |                 </div>
229 |             </div>
230 |             <footer class="bg-white sticky-footer">
231 |                 <div class="container my-auto">
232 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
233 |                 </div>
234 |             </footer>
235 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
236 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
237 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
238 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
239 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
240 |     <script src="assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
241 | </body>
242 | 
243 | </html>


--------------------------------------------------------------------------------
/pages/404.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <!DOCTYPE html>
  6 | <html>
  7 | 
  8 | <head>
  9 |     <meta charset="utf-8">
 10 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 11 |     <title>Page Not Found - msaifa</title>
 12 |     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
 13 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 14 |     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
 15 |     <link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
 16 |     <link rel="stylesheet" href="assets/css/untitled.css">
 17 | </head>
 18 | 
 19 | <body id="page-top">
 20 |     <div id="wrapper">
 21 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 22 |             <div class="container-fluid d-flex flex-column p-0">
 23 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 24 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 25 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 26 |                 </a>
 27 |                 <hr class="sidebar-divider my-0">
 28 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 29 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="index.html"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 30 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.html"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 31 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.html"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 32 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.html"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 33 |                     <li class="nav-item" role="presentation"></li>
 34 |                 </ul>
 35 |                                 <div class="text-center d-none d-md-inline">
 36 |                     <div class="row">
 37 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 38 |                     </div>
 39 |                 </div>
 40 |             </div>
 41 |         </nav>
 42 |         <div class="d-flex flex-column" id="content-wrapper">
 43 |             <div id="content">
 44 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top">
 45 |                     <div class="container-fluid"><button class="btn btn-link d-md-none rounded-circle mr-3" id="sidebarToggleTop" type="button"><i class="fas fa-bars"></i></button>
 46 |                         <form class="form-inline d-none d-sm-inline-block mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
 47 |                             <div class="input-group">
 48 |                                 <div class="input-group-append"></div>
 49 |                             </div>
 50 |                         </form>
 51 |                         <ul class="nav navbar-nav flex-nowrap ml-auto">
 52 |                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><i class="fas fa-search"></i></a>
 53 |                                 <div class="dropdown-menu dropdown-menu-right p-3 animated--grow-in" role="menu" aria-labelledby="searchDropdown">
 54 |                                     <form class="form-inline mr-auto navbar-search w-100">
 55 |                                         <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
 56 |                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
 57 |                                         </div>
 58 |                                     </form>
 59 |                                 </div>
 60 |                             </li>
 61 |                             <li class="nav-item dropdown no-arrow mx-1" role="presentation">
 62 |                                 <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"></a>
 63 |                                     <div class="dropdown-menu dropdown-menu-right dropdown-list dropdown-menu-right animated--grow-in" role="menu">
 64 |                                         <h6 class="dropdown-header">alerts center</h6>
 65 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
 66 |                                             <div class="mr-3">
 67 |                                                 <div class="bg-primary icon-circle"><i class="fas fa-file-alt text-white"></i></div>
 68 |                                             </div>
 69 |                                             <div><span class="small text-gray-500">December 12, 2019</span>
 70 |                                                 <p>A new monthly report is ready to download!</p>
 71 |                                             </div>
 72 |                                         </a>
 73 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
 74 |                                             <div class="mr-3">
 75 |                                                 <div class="bg-success icon-circle"><i class="fas fa-donate text-white"></i></div>
 76 |                                             </div>
 77 |                                             <div><span class="small text-gray-500">December 7, 2019</span>
 78 |                                                 <p>$290.29 has been deposited into your account!</p>
 79 |                                             </div>
 80 |                                         </a>
 81 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
 82 |                                             <div class="mr-3">
 83 |                                                 <div class="bg-warning icon-circle"><i class="fas fa-exclamation-triangle text-white"></i></div>
 84 |                                             </div>
 85 |                                             <div><span class="small text-gray-500">December 2, 2019</span>
 86 |                                                 <p>Spending Alert: We've noticed unusually high spending for your account.</p>
 87 |                                             </div>
 88 |                                         </a><a class="text-center dropdown-item small text-gray-500" href="#">Show All Alerts</a></div>
 89 |                                 </div>
 90 |                             </li>
 91 |                             <li class="nav-item dropdown no-arrow mx-1" role="presentation">
 92 |                                 <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"></a>
 93 |                                     <div class="dropdown-menu dropdown-menu-right dropdown-list dropdown-menu-right animated--grow-in" role="menu">
 94 |                                         <h6 class="dropdown-header">alerts center</h6>
 95 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
 96 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar4.jpeg">
 97 |                                                 <div class="bg-success status-indicator"></div>
 98 |                                             </div>
 99 |                                             <div class="font-weight-bold">
100 |                                                 <div class="text-truncate"><span>Hi there! I am wondering if you can help me with a problem I've been having.</span></div>
101 |                                                 <p class="small text-gray-500 mb-0">Emily Fowler - 58m</p>
102 |                                             </div>
103 |                                         </a>
104 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
105 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar2.jpeg">
106 |                                                 <div class="status-indicator"></div>
107 |                                             </div>
108 |                                             <div class="font-weight-bold">
109 |                                                 <div class="text-truncate"><span>I have the photos that you ordered last month!</span></div>
110 |                                                 <p class="small text-gray-500 mb-0">Jae Chun - 1d</p>
111 |                                             </div>
112 |                                         </a>
113 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
114 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar3.jpeg">
115 |                                                 <div class="bg-warning status-indicator"></div>
116 |                                             </div>
117 |                                             <div class="font-weight-bold">
118 |                                                 <div class="text-truncate"><span>Last month's report looks great, I am very happy with the progress so far, keep up the good work!</span></div>
119 |                                                 <p class="small text-gray-500 mb-0">Morgan Alvarez - 2d</p>
120 |                                             </div>
121 |                                         </a>
122 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
123 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar5.jpeg">
124 |                                                 <div class="bg-success status-indicator"></div>
125 |                                             </div>
126 |                                             <div class="font-weight-bold">
127 |                                                 <div class="text-truncate"><span>Am I a good boy? The reason I ask is because someone told me that people say this to all dogs, even if they aren't good...</span></div>
128 |                                                 <p class="small text-gray-500 mb-0">Chicken the Dog · 2w</p>
129 |                                             </div>
130 |                                         </a><a class="text-center dropdown-item small text-gray-500" href="#">Show All Alerts</a></div>
131 |                                 </div>
132 |                                 <div class="shadow dropdown-list dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown"></div>
133 |                             </li>
134 |                             <div class="d-none d-sm-block topbar-divider"></div>
135 |                             <li class="nav-item dropdown no-arrow" role="presentation">
136 |                                 <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><span class="d-none d-lg-inline mr-2 text-gray-600 small">Valerie Luna</span></a>
137 |                                     <div class="dropdown-menu shadow dropdown-menu-right animated--grow-in"
138 |                                         role="menu"><a class="dropdown-item" role="presentation" href="#"><i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Profile</a><a class="dropdown-item" role="presentation" href="#"><i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Settings</a>
139 |                                         <a
140 |                                             class="dropdown-item" role="presentation" href="#"><i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Activity log</a>
141 |                                             <div class="dropdown-divider"></div><a class="dropdown-item" role="presentation" href="#"><i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Logout</a></div>
142 |                                 </div>
143 |                             </li>
144 |                         </ul>
145 |                     </div>
146 |                 </nav>
147 |                 <div class="container-fluid">
148 |                     <div class="text-center mt-5">
149 |                         <p class="text-dark mb-5 lead">Ups... Sepertinya Anda tersesat</p>
150 |                         <p class="text-black-50 mb-0">Meri kembali ke jalan yang benar!</p><a href="/">← Back to Dashboard</a></div>
151 |                 </div>
152 |             </div>
153 |             <footer class="bg-white sticky-footer">
154 |                 <div class="container my-auto">
155 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
156 |                 </div>
157 |             </footer>
158 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
159 |     <script src="assets/js/jquery.min.js"></script>
160 |     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
161 |     <script src="assets/js/chart.min.js"></script>
162 |     <script src="assets/js/bs-init.js"></script>
163 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
164 |     <script src="assets/js/theme.js"></script>
165 | </body>
166 | 
167 | </html>


--------------------------------------------------------------------------------
/pages/about.php:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 |     created by msaifa
 3 |     @ 2020
 4 |  -->
 5 |  <!DOCTYPE html>
 6 | <html>
 7 | 
 8 | <head>
 9 |     <meta charset="utf-8">
10 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
11 |     <title>Tentang msaifa</title>
12 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
13 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
14 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
15 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
16 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
17 | </head>
18 | 
19 | <body id="page-top">
20 |     <div id="wrapper">
21 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
22 |             <div class="container-fluid d-flex flex-column p-0">
23 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
24 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
25 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
26 |                 </a>
27 |                 <hr class="sidebar-divider my-0">
28 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
29 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
30 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
31 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
32 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
33 |                     <li class="nav-item" role="presentation"><a class="nav-link active" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
34 |                 </ul>
35 |                 <div class="text-center d-none d-md-inline">
36 |                     <div class="row">
37 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
38 |                     </div>
39 |                 </div>
40 |             </div>
41 |         </nav>
42 |         <div class="d-flex flex-column" id="content-wrapper">
43 |             <div id="content">
44 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
45 |                 <div class="container-fluid">
46 |                     <h3 class="text-dark mb-4">Tentang msaifa</h3>
47 |                     <div class="row mb-3">
48 |                         <div class="col-lg-4">
49 |                             <div class="card mb-3">
50 |                                 <div class="card-body text-center shadow"><img class="rounded-circle mb-3 mt-4" src="../assets/img/about.png?h=a0a7d00bcd8e4f84f4d8ce636a8f94d4" width="160" height="160"></div>
51 |                             </div>
52 |                         </div>
53 |                         <div class="col-lg-8">
54 |                             <div class="row">
55 |                                 <div class="col">
56 |                                     <div class="card shadow mb-3"></div>
57 |                                     <header></header>
58 |                                     <div class="card">
59 |                                         <div class="card-body">
60 |                                             <h4 class="card-title">M SAIF ALIKHAN</h4>
61 |                                             <h6 class="text-muted card-subtitle mb-2" style="margin-bottom: 0px;">Fullstack Developer</h6>
62 |                                             <p class="card-text">asal Sidoarjo, Jawa Timur - Indonesia</p>
63 |                                             <p class="card-text">Contact us at&nbsp;</p><a class="card-link" href="https://github.com/msaifa">Github</a><a class="card-link" href="https://www.linkedin.com/in/msaifa/">Linkedin</a><a class="card-link" href="https://instagram.com/msaifa">Instagram</a></div>
64 |                                     </div>
65 |                                     <div class="card shadow"></div>
66 |                                 </div>
67 |                             </div>
68 |                         </div>
69 |                     </div>
70 |                 </div>
71 |             </div>
72 |             <footer class="bg-white sticky-footer">
73 |                 <div class="container my-auto">
74 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
75 |                 </div>
76 |             </footer>
77 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
78 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
79 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
80 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
81 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
82 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
83 | </body>
84 | 
85 | </html>


--------------------------------------------------------------------------------
/pages/barang-hapus.php:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 |     created by msaifa
 3 |     @ 2020
 4 |  -->
 5 |  <?php
 6 | 
 7 |     require '../conf/init.php' ;
 8 |     cek();
 9 | 
10 |     if (isset($_GET['i'])){
11 |         $proid = $_GET['i'];
12 | 
13 |         $sql = "DELETE FROM produk WHERE proid=$proid" ;
14 | 
15 |         if (query($sql)){
16 |             header("Location: {$base_url}pages/barang.php");
17 |         }
18 |     } else {
19 |         header("Location: {$base_url}pages/barang.php");
20 |     }
21 | 
22 | ?>
23 | 
24 | <!DOCTYPE html>
25 | <html>
26 | 
27 | <head>
28 |     <meta charset="utf-8">
29 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
30 |     <title>Page Not Found - msaifa</title>
31 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
32 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
33 |     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
34 |     <link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
35 |     <link rel="stylesheet" href="assets/css/untitled.css">
36 | </head>
37 | 
38 | <body id="page-top">
39 |     <div id="wrapper">
40 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
41 |             <div class="container-fluid d-flex flex-column p-0">
42 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
43 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
44 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
45 |                 </a>
46 |                 <hr class="sidebar-divider my-0">
47 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
48 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
49 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
50 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
51 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
52 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
53 |                     <li class="nav-item" role="presentation"></li>
54 |                 </ul>
55 |                                 <div class="text-center d-none d-md-inline">
56 |                     <div class="row">
57 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
58 |                     </div>
59 |                 </div>
60 |             </div>
61 |         </nav>
62 |         <div class="d-flex flex-column" id="content-wrapper">
63 |             <div id="content">
64 |                 <div class="container-fluid">
65 |                     <div class="text-center mt-5">
66 |                         <p class="text-dark mb-5 lead">Ups... Sepertinya Anda tersesat</p>
67 |                         <p class="text-black-50 mb-0">Meri kembali ke jalan yang benar!</p><a href="<?= $base_url?>">← Back to Dashboard</a></div>
68 |                 </div>
69 |             </div>
70 |             <footer class="bg-white sticky-footer">
71 |                 <div class="container my-auto">
72 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
73 |                 </div>
74 |             </footer>
75 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
76 |     <script src="../assets/js/jquery.min.js"></script>
77 |     <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
78 |     <script src="../assets/js/chart.min.js"></script>
79 |     <script src="../assets/js/bs-init.js"></script>
80 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
81 |     <script src="../assets/js/theme.js"></script>
82 | </body>
83 | 
84 | </html>


--------------------------------------------------------------------------------
/pages/barang-tambah.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 | 
  7 |     require '../conf/init.php' ;
  8 |     cek();
  9 | 
 10 |     if (isset($_POST['simpan'])){
 11 |         $pronama = $_POST['pronama'] ;
 12 |         $proharga = $_POST['proharga'] ;
 13 |         $projumlah = $_POST['projumlah'] ;
 14 | 
 15 |         if (empty($pronama) || empty($proharga) || empty($projumlah)){
 16 |             $ms = 'Harap masukkan data dengan benar' ;
 17 |         } else {
 18 |             $sql = "CALL sto_tambahProduk('$pronama',$proharga,$projumlah);" ;
 19 | 
 20 |             if (query($sql)){
 21 |                 header("Location: {$base_url}pages/barang.php");
 22 |             } else {
 23 |                 $ms = 'Gagal Menambah Data ! Harap masukkan data dengan benar' ;
 24 |             }
 25 |         }
 26 |     }
 27 | 
 28 | ?>
 29 | 
 30 | <!DOCTYPE html>
 31 | <html>
 32 | 
 33 | <head>
 34 |     <meta charset="utf-8">
 35 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 36 |     <title>Tambah Produk - msaifa</title>
 37 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 38 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 39 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 40 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 41 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 42 | </head>
 43 | 
 44 | <body id="page-top">
 45 |     <div id="wrapper">
 46 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 47 |             <div class="container-fluid d-flex flex-column p-0">
 48 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 49 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 50 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 51 |                 </a>
 52 |                 <hr class="sidebar-divider my-0">
 53 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 54 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 55 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 56 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 57 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 58 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 59 |                     <li class="nav-item" role="presentation"></li>
 60 |                 </ul>
 61 |                                 <div class="text-center d-none d-md-inline">
 62 |                     <div class="row">
 63 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 64 |                     </div>
 65 |                 </div>
 66 |             </div>
 67 |         </nav>
 68 |         <div class="d-flex flex-column" id="content-wrapper">
 69 |             <div id="content">
 70 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
 71 |                 <div class="container-fluid">
 72 |                     <h3 class="text-dark mb-4">Tambah Barang</h3>
 73 |                     <?= $msg ? '<h6 class="text-dark mb-4">'.$msg.'</h6>' : ""?>
 74 |                     <div class="row mb-3">
 75 |                         <div class="col-lg-8">
 76 |                             <div class="row">
 77 |                                 <div class="col">
 78 |                                     <div class="card shadow mb-3">
 79 |                                         <div class="card-body">
 80 |                                             <form method="POST">
 81 |                                                 <div class="form-row">
 82 |                                                     <div class="col">
 83 |                                                         <div class="form-group"><label for="email"><strong>Nama Produk</strong></label><input class="form-control" type="text" placeholder="Nama Produk" name="pronama"></div>
 84 |                                                     </div>
 85 |                                                 </div>
 86 |                                                 <div class="form-row">
 87 |                                                     <div class="col">
 88 |                                                         <div class="form-group"><label for="last_name"><strong>Harga</strong><br></label><input class="form-control" type="number" placeholder="Harga" name="proharga"></div>
 89 |                                                     </div>
 90 |                                                 </div>
 91 |                                                 <div class="form-row">
 92 |                                                     <div class="col">
 93 |                                                         <div class="form-group"><label for="last_name"><strong>Stok</strong></label><input class="form-control" type="number" placeholder="Sisa Stok" name="projumlah"></div>
 94 |                                                     </div>
 95 |                                                 </div>
 96 |                                                 <div class="form-group"><input class="btn btn-primary btn-sm" type="submit" name="simpan" style="margin-top: 10px;background-color: #1cc88a;" value="Simpan" /></div>
 97 |                                             </form>
 98 |                                         </div>
 99 |                                     </div>
100 |                                 </div>
101 |                             </div>
102 |                         </div>
103 |                     </div>
104 |                 </div>
105 |             </div>
106 |             <footer class="bg-white sticky-footer">
107 |                 <div class="container my-auto">
108 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
109 |                 </div>
110 |             </footer>
111 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
112 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
113 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
114 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
115 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
116 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
117 | </body>
118 | 
119 | </html>


--------------------------------------------------------------------------------
/pages/barang-ubah.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 | 
  7 |     require '../conf/init.php' ;
  8 |     cek();
  9 | 
 10 |     if (isset($_POST['simpan'])){
 11 |         $proid = $_GET['i'];
 12 |         $pronama = $_POST['pronama'] ;
 13 |         $proharga = $_POST['proharga'] ;
 14 |         $projumlah = $_POST['projumlah'] ;
 15 | 
 16 |         if (empty($pronama) || empty($proharga) || empty($projumlah)){
 17 |             echo 'Harap masukkan data dengan benar' ;
 18 |         } else {
 19 |             $sql = "update produk set pronama='$pronama',proharga=$proharga,projumlah=$projumlah where proid=$proid" ;
 20 |             echo $sql ;
 21 |             if (query($sql)){
 22 |                 header("Location: {$base_url}pages/barang.php");
 23 |             } else {
 24 |                 echo 'Gagal Mengubah Data ! Harap masukkan data dengan benar' ;
 25 |             }
 26 |         }
 27 |     }
 28 | 
 29 |     $proid = $_GET['i'] ;
 30 |     if (empty($proid)) header("Location: {$base_url}pages/barang.php");
 31 | 
 32 | 
 33 |     $sql = "SELECT * FROM produk WHERE proid=$proid" ;
 34 |     $res = query($sql) ;
 35 |     $tot = total($sql) ;
 36 | 
 37 |     if ($tot == 0) header("Location: {$base_url}pages/barang.php");
 38 | 
 39 |     $row = mysqli_fetch_assoc($res) ;
 40 | 
 41 | ?>
 42 | <!DOCTYPE html>
 43 | <html>
 44 | 
 45 | <head>
 46 |     <meta charset="utf-8">
 47 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 48 |     <title>Ubah Produk - msaifa</title>
 49 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 50 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 51 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 52 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 53 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 54 | </head>
 55 | 
 56 | <body id="page-top">
 57 |     <div id="wrapper">
 58 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 59 |             <div class="container-fluid d-flex flex-column p-0">
 60 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 61 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 62 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 63 |                 </a>
 64 |                 <hr class="sidebar-divider my-0">
 65 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 66 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 67 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 68 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 69 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 70 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 71 |                     <li class="nav-item" role="presentation"></li>
 72 |                 </ul>
 73 |                                 <div class="text-center d-none d-md-inline">
 74 |                     <div class="row">
 75 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 76 |                     </div>
 77 |                 </div>
 78 |             </div>
 79 |         </nav>
 80 |         <div class="d-flex flex-column" id="content-wrapper">
 81 |             <div id="content">
 82 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
 83 |                 <div class="container-fluid">
 84 |                     <h3 class="text-dark mb-4">Ubah Barang</h3>
 85 |                     <?= $msg ? '<h6 class="text-dark mb-4">'.$msg.'</h6>' : ""?>
 86 |                     <div class="row mb-3">
 87 |                         <div class="col-lg-8">
 88 |                             <div class="row">
 89 |                                 <div class="col">
 90 |                                     <div class="card shadow mb-3">
 91 |                                         <div class="card-body">
 92 |                                             <form method="POST">
 93 |                                                 <div class="form-row">
 94 |                                                     <div class="col">
 95 |                                                         <div class="form-group"><label for="email"><strong>Nama Produk</strong></label><input class="form-control" type="text" placeholder="Nama Produk" value="<?= $row['pronama'] ;?>" name="pronama"></div>
 96 |                                                     </div>
 97 |                                                 </div>
 98 |                                                 <div class="form-row">
 99 |                                                     <div class="col">
100 |                                                         <div class="form-group"><label for="last_name"><strong>Harga</strong><br></label><input class="form-control" type="number" placeholder="Harga" value="<?= $row['proharga'] ;?>" name="proharga"></div>
101 |                                                     </div>
102 |                                                 </div>
103 |                                                 <div class="form-row">
104 |                                                     <div class="col">
105 |                                                         <div class="form-group"><label for="last_name"><strong>Stok</strong></label><input class="form-control" type="number" placeholder="Sisa Stok" value="<?= $row['projumlah'] ;?>" name="projumlah"></div>
106 |                                                     </div>
107 |                                                 </div>
108 |                                                 <div class="form-group"><input class="btn btn-primary btn-sm" type="submit" name="simpan" style="margin-top: 10px;background-color: #1cc88a;" value="Simpan" /></div>
109 |                                             </form>
110 |                                         </div>
111 |                                     </div>
112 |                                 </div>
113 |                             </div>
114 |                         </div>
115 |                     </div>
116 |                 </div>
117 |             </div>
118 |             <footer class="bg-white sticky-footer">
119 |                 <div class="container my-auto">
120 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
121 |                 </div>
122 |             </footer>
123 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
124 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
125 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
126 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
127 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
128 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
129 | </body>
130 | 
131 | </html>


--------------------------------------------------------------------------------
/pages/barang.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 |     require '../conf/init.php' ;
  7 |     cek();
  8 | 
  9 |     $cari = "" ;
 10 |     if (isset($_GET['c'])){
 11 |         $cari = $_GET['c'];
 12 |     }
 13 | 
 14 |     $sql = "SELECT * FROM produk where pronama like '%$cari%'" ;
 15 |     $res = query($sql) ;
 16 |     $count = total($sql);
 17 | 
 18 | ?>
 19 | <!DOCTYPE html>
 20 | <html>
 21 | 
 22 | <head>
 23 |     <meta charset="utf-8">
 24 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 25 |     <title>Data Barang - msaifa</title>
 26 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 27 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 28 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 29 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 30 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 31 | </head>
 32 | 
 33 | <body id="page-top">
 34 |     <div id="wrapper">
 35 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 36 |             <div class="container-fluid d-flex flex-column p-0">
 37 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 38 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 39 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 40 |                 </a>
 41 |                 <hr class="sidebar-divider my-0">
 42 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 43 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 44 |                     <li class="nav-item" role="presentation"><a class="nav-link active" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 45 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 46 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 47 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 48 |                     <li class="nav-item" role="presentation"></li>
 49 |                 </ul>
 50 |                                 <div class="text-center d-none d-md-inline">
 51 |                     <div class="row">
 52 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 53 |                     </div>
 54 |                 </div>
 55 |             </div>
 56 |         </nav>
 57 |         <div class="d-flex flex-column" id="content-wrapper">
 58 |             <div id="content">
 59 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
 60 |                 <div class="container-fluid">
 61 |                     <h3 class="text-dark mb-4">Data Barang</h3>
 62 |                     <div class="card shadow">
 63 |                         <div class="card-body">
 64 |                             <div class="row">
 65 |                                 <div class="col-md-6 text-nowrap">
 66 |                                     <div id="dataTable_length" class="dataTables_length" aria-controls="dataTable"></div><a href="barang-tambah.php" class="btn btn-primary" type="button" style="background-color: #1cc88a;">Tambah Barang</a></div>
 67 |                                 <div class="col-md-6">
 68 |                                     <form>
 69 |                                         <div class="text-md-right dataTables_filter" id="dataTable_filter"><label><input type="search" class="form-control form-control-sm" value="<?= $cari?>" placeholder="Pencarian" name="c"></label></div>
 70 |                                     </form>
 71 |                                 </div>
 72 |                             </div>
 73 |                             <div class="table-responsive table mt-2" id="dataTable" role="grid" aria-describedby="dataTable_info">
 74 |                                 <table class="table my-0" id="dataTable">
 75 |                                     <thead>
 76 |                                         <tr>
 77 |                                             <th>Nama Barang</th>
 78 |                                             <th>Sisa Stok</th>
 79 |                                             <th>Harga</th>
 80 |                                             <th>Aksi</th>
 81 |                                             <th></th>
 82 |                                         </tr>
 83 |                                     </thead>
 84 |                                     <tbody>
 85 |                                         <?php
 86 | 
 87 |                                         $no = 1 ;
 88 |                                         while($row = mysqli_fetch_assoc($res)){
 89 |                                             ?>
 90 |                                                 <tr>
 91 |                                                     <td><?= $row['pronama'] ?></td>
 92 |                                                     <td><?= $row['projumlah'] ?></td>
 93 |                                                     <td><?= number_format($row['proharga'],2) ?></td>
 94 |                                                     <td><a href="barang-ubah.php?i=<?= $row['proid']?>" class="btn btn-primary" style="background-color: #36b9cc;">Ubah</a></td>
 95 |                                                     <td><a href="barang-hapus.php?i=<?= $row['proid']?>" class="btn btn-primary" style="background-color: #e74a3b;">Hapus</a></td>
 96 |                                                 </tr>
 97 |                                             <?php
 98 |                                             $no += 1 ;
 99 |                                         }
100 |                                         ?>
101 |                                     </tbody>
102 |                                 </table>
103 |                             </div>
104 |                             <div class="row">
105 |                                 <div class="col-md-6 align-self-center">
106 |                                     <p id="dataTable_info" class="dataTables_info" role="status" aria-live="polite">Menampilkan <?= $count ;?> Data</p>
107 |                                 </div>
108 |                                 <div class="col-md-6">
109 |                                     <nav class="d-lg-flex justify-content-lg-end dataTables_paginate paging_simple_numbers">
110 |                                         <ul class="pagination"></ul>
111 |                                     </nav>
112 |                                 </div>
113 |                             </div>
114 |                         </div>
115 |                     </div>
116 |                 </div>
117 |             </div>
118 |             <footer class="bg-white sticky-footer">
119 |                 <div class="container my-auto">
120 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
121 |                 </div>
122 |             </footer>
123 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
124 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
125 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
126 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
127 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
128 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
129 | </body>
130 | 
131 | </html>


--------------------------------------------------------------------------------
/pages/laporan.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 |     require '../conf/init.php' ;
  7 |     cek();
  8 | 
  9 |     $cari = "" ;
 10 |     if (isset($_GET['c'])){
 11 |         $cari = $_GET['c'];
 12 |     }
 13 | 
 14 |     $sql = "select trafaktur, trapelanggan, tratanggal, tratotal, (select count(trafaktur) from transaksi_detail where trafaktur=t.trafaktur ) as jumbarang, username
 15 |             from transaksi t 
 16 |             inner join user u on u.userid = t.userid order by tratanggal desc" ;
 17 |     $res = query($sql) ;
 18 |     $count = total($sql);
 19 | 
 20 | ?>
 21 | 
 22 | <!DOCTYPE html>
 23 | <html>
 24 | 
 25 | <head>
 26 |     <meta charset="utf-8">
 27 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 28 |     <title>Laporan Penjualan - msaifa</title>
 29 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 30 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 31 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 32 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 33 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 34 | </head>
 35 | 
 36 | <body id="page-top">
 37 |     <div id="wrapper">
 38 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 39 |             <div class="container-fluid d-flex flex-column p-0">
 40 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 41 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 42 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 43 |                 </a>
 44 |                 <hr class="sidebar-divider my-0">
 45 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 46 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 47 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 48 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 49 |                     <li class="nav-item" role="presentation"><a class="nav-link active" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 50 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 51 |                     <li class="nav-item" role="presentation"></li>
 52 |                 </ul>
 53 |                                 <div class="text-center d-none d-md-inline">
 54 |                     <div class="row">
 55 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 56 |                     </div>
 57 |                 </div>
 58 |             </div>
 59 |         </nav>
 60 |         <div class="d-flex flex-column" id="content-wrapper">
 61 |             <div id="content">
 62 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
 63 |                 <div class="container-fluid">
 64 |                     <h3 class="text-dark mb-4">Data Penjualan</h3>
 65 |                     <div class="card shadow">
 66 |                         <div class="card-body">
 67 |                             <div class="table-responsive table mt-2" id="dataTable" role="grid" aria-describedby="dataTable_info">
 68 |                                 <table class="table my-0" id="dataTable">
 69 |                                     <thead>
 70 |                                         <tr>
 71 |                                             <th>No</th>
 72 |                                             <th>No. Faktur</th>
 73 |                                             <th>Tanggal</th>
 74 |                                             <th>Pelanggan</th>
 75 |                                             <th>Jum. Barang</th>
 76 |                                             <th>Jum. Bayar</th>
 77 |                                             <th>Kasir</th>
 78 |                                         </tr>
 79 |                                     </thead>
 80 |                                     <tbody>
 81 |                                         <?php
 82 | 
 83 |                                         $no = 1 ;
 84 |                                         while($row = mysqli_fetch_assoc($res)){
 85 |                                             ?>
 86 |                                                 <tr>
 87 |                                                     <td><?= $no ?></td>
 88 |                                                     <td><?= $row['trafaktur'] ;?></td>
 89 |                                                     <td><?= $row['trapelanggan'] ;?></td>
 90 |                                                     <td><?= $row['tratanggal'] ;?></td>
 91 |                                                     <td><?= number_format($row['jumbarang'],2) ;?></td>
 92 |                                                     <td><?= number_format($row['tratotal'],2) ;?></td>
 93 |                                                     <td><?= $row['username'] ;?></td>
 94 |                                                 </tr>
 95 |                                             <?php
 96 |                                             $no += 1 ;
 97 |                                         }
 98 |                                         ?>
 99 |                                     </tbody>
100 |                                 </table>
101 |                             </div>
102 |                             <div class="row">
103 |                                 <div class="col-md-6 align-self-center">
104 |                                     <p id="dataTable_info" class="dataTables_info" role="status" aria-live="polite">Menampilkan <?= $count ;?> Data</p>
105 |                                 </div>
106 |                                 <div class="col-md-6">
107 |                                     <nav class="d-lg-flex justify-content-lg-end dataTables_paginate paging_simple_numbers">
108 |                                         <ul class="pagination"></ul>
109 |                                     </nav>
110 |                                 </div>
111 |                             </div>
112 |                         </div>
113 |                     </div>
114 |                 </div>
115 |             </div>
116 |             <footer class="bg-white sticky-footer">
117 |                 <div class="container my-auto">
118 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
119 |                 </div>
120 |             </footer>
121 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
122 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
123 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
124 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
125 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
126 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
127 | </body>
128 | 
129 | </html>


--------------------------------------------------------------------------------
/pages/login.php:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 |     created by msaifa
 3 |     @ 2020
 4 |  -->
 5 |  <?php
 6 | 
 7 |     require '../conf/init.php' ;
 8 | 
 9 |     if (isset($_POST['simpan'])){
10 |         $username = $_POST['username'] ;
11 |         $userpass = $_POST['userpass'] ;
12 | 
13 |         if (empty($username) || empty($userpass)){
14 |             $msg = 'Harap masukkan data dengan benar' ;
15 |         } else {
16 |             $sql = "SELECT * FROM user where username='$username' and userpass='$userpass'" ;
17 |             
18 |             if (total($sql) == 1){
19 |                 $res = query($sql);
20 |                 $_SESSION['user'] = mysqli_fetch_assoc($res);
21 |                 header("Location: {$base_url}");
22 |             } else {
23 |                 $msg = 'Login Gagal. Pastikan Username dan password benar!' ;
24 |             }
25 |         }
26 |     }
27 | 
28 | ?>
29 | 
30 | <!DOCTYPE html>
31 | <html>
32 | 
33 | <head>
34 |     <meta charset="utf-8">
35 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
36 |     <title>Login - msaifa</title>
37 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
38 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
39 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
40 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
41 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
42 | </head>
43 | 
44 | <body class="bg-gradient-primary">
45 |     <div class="container">
46 |         <div class="row justify-content-center">
47 |             <div class="col-md-9 col-lg-12 col-xl-10">
48 |                 <div class="card shadow-lg o-hidden border-0 my-5">
49 |                     <div class="card-body p-0">
50 |                         <div class="row">
51 |                             <div class="col-lg-6 d-none d-lg-flex">
52 |                                 <div class="flex-grow-1 bg-login-image" style="background-image: url(&quot;../assets/img/login.png?h=cbc3a40dae521ddee89bf6b026abde71&quot;);"></div>
53 |                             </div>
54 |                             <div class="col-lg-6">
55 |                                 <div class="p-5">
56 |                                     <div class="text-center">
57 |                                         <h4 class="text-dark mb-4">Selamat Datang!</h4>
58 |                                         <?= $msg ? '<h6 class="text-dark mb-4">'.$msg.'</h6>' : ""?>
59 |                                     </div>
60 |                                     <form class="user" method="POST">
61 |                                         <div class="form-group"><input class="form-control form-control-user" type="text" id="exampleInputEmail" placeholder="Username" name="username"></div>
62 |                                         <div class="form-group"><input class="form-control form-control-user" type="password" id="exampleInputPassword" placeholder="Password" name="userpass"></div>
63 |                                         <input class="btn btn-primary btn-block text-white btn-user" type="submit" name="simpan" />
64 |                                         <hr>
65 |                                     </form>
66 |                                 </div>
67 |                             </div>
68 |                         </div>
69 |                     </div>
70 |                 </div>
71 |             </div>
72 |         </div>
73 |     </div>
74 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
75 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
76 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
77 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
78 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
79 | </body>
80 | 
81 | </html>


--------------------------------------------------------------------------------
/pages/logout.php:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 |     created by msaifa
 3 |     @ 2020
 4 |  -->
 5 |  <?php
 6 | 
 7 |     require '../conf/init.php' ;
 8 |     logout();
 9 |     cek();
10 | 
11 | ?>
12 | 
13 | <!DOCTYPE html>
14 | <html>
15 | 
16 | <head>
17 |     <meta charset="utf-8">
18 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
19 |     <title>Page Not Found - msaifa</title>
20 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
21 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
22 |     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
23 |     <link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
24 |     <link rel="stylesheet" href="assets/css/untitled.css">
25 | </head>
26 | 
27 | <body id="page-top">
28 |     <div id="wrapper">
29 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
30 |             <div class="container-fluid d-flex flex-column p-0">
31 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
32 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
33 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
34 |                 </a>
35 |                 <hr class="sidebar-divider my-0">
36 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
37 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
38 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
39 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
40 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
41 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
42 |                     <li class="nav-item" role="presentation"></li>
43 |                 </ul>
44 |                                 <div class="text-center d-none d-md-inline">
45 |                     <div class="row">
46 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
47 |                     </div>
48 |                 </div>
49 |             </div>
50 |         </nav>
51 |         <div class="d-flex flex-column" id="content-wrapper">
52 |             <div id="content">
53 |                 <div class="container-fluid">
54 |                     <div class="text-center mt-5">
55 |                         <p class="text-dark mb-5 lead">Ups... Sepertinya Anda tersesat</p>
56 |                         <p class="text-black-50 mb-0">Meri kembali ke jalan yang benar!</p><a href="<?= $base_url?>">← Back to Dashboard</a></div>
57 |                 </div>
58 |             </div>
59 |             <footer class="bg-white sticky-footer">
60 |                 <div class="container my-auto">
61 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
62 |                 </div>
63 |             </footer>
64 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
65 |     <script src="../assets/js/jquery.min.js"></script>
66 |     <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
67 |     <script src="../assets/js/chart.min.js"></script>
68 |     <script src="../assets/js/bs-init.js"></script>
69 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
70 |     <script src="../assets/js/theme.js"></script>
71 | </body>
72 | 
73 | </html>


--------------------------------------------------------------------------------
/pages/penjualan-hapus.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 | 
  7 |     require '../conf/init.php' ;
  8 |     cek();
  9 | 
 10 |     if (isset($_GET['p'])){
 11 |         $p = $_GET['p'];
 12 | 
 13 |         $cart = $_SESSION['cart'] ;
 14 | 
 15 |         foreach($cart as $i => $val){
 16 |             if ($val['proid'] == $p){
 17 |                 unset($cart[$i]);
 18 |             }
 19 |         }
 20 | 
 21 |         $_SESSION['cart'] = $cart ;
 22 | 
 23 |         header("Location: {$base_url}pages/penjualan.php");
 24 |         
 25 |     } else {
 26 |         header("Location: {$base_url}pages/penjualan.php");
 27 |     }
 28 | 
 29 | ?>
 30 | 
 31 | <!DOCTYPE html>
 32 | <html>
 33 | 
 34 | <head>
 35 |     <meta charset="utf-8">
 36 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 37 |     <title>Page Not Found - msaifa</title>
 38 |     <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
 39 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 40 |     <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
 41 |     <link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
 42 |     <link rel="stylesheet" href="assets/css/untitled.css">
 43 | </head>
 44 | 
 45 | <body id="page-top">
 46 |     <div id="wrapper">
 47 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 48 |             <div class="container-fluid d-flex flex-column p-0">
 49 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 50 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 51 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 52 |                 </a>
 53 |                 <hr class="sidebar-divider my-0">
 54 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 55 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="index.html"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 56 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.html"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 57 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.html"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 58 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.html"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 59 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 60 |                     <li class="nav-item" role="presentation"></li>
 61 |                 </ul>
 62 |                                 <div class="text-center d-none d-md-inline">
 63 |                     <div class="row">
 64 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 65 |                     </div>
 66 |                 </div>
 67 |             </div>
 68 |         </nav>
 69 |         <div class="d-flex flex-column" id="content-wrapper">
 70 |             <div id="content">
 71 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top">
 72 |                     <div class="container-fluid"><button class="btn btn-link d-md-none rounded-circle mr-3" id="sidebarToggleTop" type="button"><i class="fas fa-bars"></i></button>
 73 |                         <form class="form-inline d-none d-sm-inline-block mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search">
 74 |                             <div class="input-group">
 75 |                                 <div class="input-group-append"></div>
 76 |                             </div>
 77 |                         </form>
 78 |                         <ul class="nav navbar-nav flex-nowrap ml-auto">
 79 |                             <li class="nav-item dropdown d-sm-none no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><i class="fas fa-search"></i></a>
 80 |                                 <div class="dropdown-menu dropdown-menu-right p-3 animated--grow-in" role="menu" aria-labelledby="searchDropdown">
 81 |                                     <form class="form-inline mr-auto navbar-search w-100">
 82 |                                         <div class="input-group"><input class="bg-light form-control border-0 small" type="text" placeholder="Search for ...">
 83 |                                             <div class="input-group-append"><button class="btn btn-primary py-0" type="button"><i class="fas fa-search"></i></button></div>
 84 |                                         </div>
 85 |                                     </form>
 86 |                                 </div>
 87 |                             </li>
 88 |                             <li class="nav-item dropdown no-arrow mx-1" role="presentation">
 89 |                                 <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"></a>
 90 |                                     <div class="dropdown-menu dropdown-menu-right dropdown-list dropdown-menu-right animated--grow-in" role="menu">
 91 |                                         <h6 class="dropdown-header">alerts center</h6>
 92 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
 93 |                                             <div class="mr-3">
 94 |                                                 <div class="bg-primary icon-circle"><i class="fas fa-file-alt text-white"></i></div>
 95 |                                             </div>
 96 |                                             <div><span class="small text-gray-500">December 12, 2019</span>
 97 |                                                 <p>A new monthly report is ready to download!</p>
 98 |                                             </div>
 99 |                                         </a>
100 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
101 |                                             <div class="mr-3">
102 |                                                 <div class="bg-success icon-circle"><i class="fas fa-donate text-white"></i></div>
103 |                                             </div>
104 |                                             <div><span class="small text-gray-500">December 7, 2019</span>
105 |                                                 <p>$290.29 has been deposited into your account!</p>
106 |                                             </div>
107 |                                         </a>
108 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
109 |                                             <div class="mr-3">
110 |                                                 <div class="bg-warning icon-circle"><i class="fas fa-exclamation-triangle text-white"></i></div>
111 |                                             </div>
112 |                                             <div><span class="small text-gray-500">December 2, 2019</span>
113 |                                                 <p>Spending Alert: We've noticed unusually high spending for your account.</p>
114 |                                             </div>
115 |                                         </a><a class="text-center dropdown-item small text-gray-500" href="#">Show All Alerts</a></div>
116 |                                 </div>
117 |                             </li>
118 |                             <li class="nav-item dropdown no-arrow mx-1" role="presentation">
119 |                                 <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"></a>
120 |                                     <div class="dropdown-menu dropdown-menu-right dropdown-list dropdown-menu-right animated--grow-in" role="menu">
121 |                                         <h6 class="dropdown-header">alerts center</h6>
122 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
123 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar4.jpeg">
124 |                                                 <div class="bg-success status-indicator"></div>
125 |                                             </div>
126 |                                             <div class="font-weight-bold">
127 |                                                 <div class="text-truncate"><span>Hi there! I am wondering if you can help me with a problem I've been having.</span></div>
128 |                                                 <p class="small text-gray-500 mb-0">Emily Fowler - 58m</p>
129 |                                             </div>
130 |                                         </a>
131 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
132 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar2.jpeg">
133 |                                                 <div class="status-indicator"></div>
134 |                                             </div>
135 |                                             <div class="font-weight-bold">
136 |                                                 <div class="text-truncate"><span>I have the photos that you ordered last month!</span></div>
137 |                                                 <p class="small text-gray-500 mb-0">Jae Chun - 1d</p>
138 |                                             </div>
139 |                                         </a>
140 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
141 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar3.jpeg">
142 |                                                 <div class="bg-warning status-indicator"></div>
143 |                                             </div>
144 |                                             <div class="font-weight-bold">
145 |                                                 <div class="text-truncate"><span>Last month's report looks great, I am very happy with the progress so far, keep up the good work!</span></div>
146 |                                                 <p class="small text-gray-500 mb-0">Morgan Alvarez - 2d</p>
147 |                                             </div>
148 |                                         </a>
149 |                                         <a class="d-flex align-items-center dropdown-item" href="#">
150 |                                             <div class="dropdown-list-image mr-3"><img class="rounded-circle" src="assets/img/avatars/avatar5.jpeg">
151 |                                                 <div class="bg-success status-indicator"></div>
152 |                                             </div>
153 |                                             <div class="font-weight-bold">
154 |                                                 <div class="text-truncate"><span>Am I a good boy? The reason I ask is because someone told me that people say this to all dogs, even if they aren't good...</span></div>
155 |                                                 <p class="small text-gray-500 mb-0">Chicken the Dog · 2w</p>
156 |                                             </div>
157 |                                         </a><a class="text-center dropdown-item small text-gray-500" href="#">Show All Alerts</a></div>
158 |                                 </div>
159 |                                 <div class="shadow dropdown-list dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown"></div>
160 |                             </li>
161 |                             <div class="d-none d-sm-block topbar-divider"></div>
162 |                             <li class="nav-item dropdown no-arrow" role="presentation">
163 |                                 <div class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><span class="d-none d-lg-inline mr-2 text-gray-600 small">Valerie Luna</span></a>
164 |                                     <div class="dropdown-menu shadow dropdown-menu-right animated--grow-in"
165 |                                         role="menu"><a class="dropdown-item" role="presentation" href="#"><i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Profile</a><a class="dropdown-item" role="presentation" href="#"><i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Settings</a>
166 |                                         <a
167 |                                             class="dropdown-item" role="presentation" href="#"><i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Activity log</a>
168 |                                             <div class="dropdown-divider"></div><a class="dropdown-item" role="presentation" href="#"><i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>&nbsp;Logout</a></div>
169 |                                 </div>
170 |                             </li>
171 |                         </ul>
172 |                     </div>
173 |                 </nav>
174 |                 <div class="container-fluid">
175 |                     <div class="text-center mt-5">
176 |                         <p class="text-dark mb-5 lead">Ups... Sepertinya Anda tersesat</p>
177 |                         <p class="text-black-50 mb-0">Meri kembali ke jalan yang benar!</p><a href="/">← Back to Dashboard</a></div>
178 |                 </div>
179 |             </div>
180 |             <footer class="bg-white sticky-footer">
181 |                 <div class="container my-auto">
182 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
183 |                 </div>
184 |             </footer>
185 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
186 |     <script src="assets/js/jquery.min.js"></script>
187 |     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
188 |     <script src="assets/js/chart.min.js"></script>
189 |     <script src="assets/js/bs-init.js"></script>
190 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
191 |     <script src="assets/js/theme.js"></script>
192 | </body>
193 | 
194 | </html>


--------------------------------------------------------------------------------
/pages/penjualan-pilih.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 |     require '../conf/init.php' ;
  7 |     cek();
  8 | 
  9 |     // mengecek adanya produk yang dipilih - start
 10 | 
 11 |     if (isset($_GET['p'])){
 12 |         $proid = $_GET['p'] ;
 13 |         $sql = "SELECT * FROM produk WHERE proid=$proid" ;
 14 | 
 15 |         $res = query($sql) ;
 16 |         $count = total($sql);
 17 | 
 18 |         if ($count == 0){
 19 |             $msg = 'Barang yang dipilih tidak ada !' ;
 20 |         } else {
 21 |             $produk = mysqli_fetch_assoc($res);
 22 |             $produk['jumlah'] = 1 ;
 23 |             $item[0]= $produk ;
 24 |             
 25 |             $cart = $_SESSION['cart'] ;
 26 |             if (empty($cart)) $cart = [] ;
 27 | 
 28 |             $replace = false ;
 29 |             foreach($cart as $key => $val){
 30 |                 if ($val['proid'] == $produk['proid']){
 31 |                     $cart[$key]['jumlah'] = $val['jumlah'] + 1; 
 32 |                     $replace = true ;
 33 |                 }
 34 |             }
 35 |             if (!$replace){
 36 |                 $cart = array_merge($cart,$item) ;
 37 |             }
 38 | 
 39 |             $_SESSION['cart'] = $cart ;
 40 | 
 41 |             header("Location:{$base_url}pages/penjualan.php") ;
 42 |         }
 43 |     }
 44 | 
 45 |     // end
 46 | 
 47 | 
 48 |     $cari = "" ;
 49 |     if (isset($_GET['c'])){
 50 |         $cari = $_GET['c'];
 51 |     }
 52 | 
 53 |     $sql = "SELECT * FROM produk where pronama like '%$cari%'" ;
 54 |     $res = query($sql) ;
 55 |     $count = total($sql);
 56 | 
 57 | ?>
 58 | 
 59 | <!DOCTYPE html>
 60 | <html>
 61 | 
 62 | <head>
 63 |     <meta charset="utf-8">
 64 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 65 |     <title>Pilih Item - msaifa</title>
 66 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 67 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 68 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 69 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 70 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 71 | </head>
 72 | 
 73 | <body id="page-top">
 74 |     <div id="wrapper">
 75 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 76 |             <div class="container-fluid d-flex flex-column p-0">
 77 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 78 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 79 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 80 |                 </a>
 81 |                 <hr class="sidebar-divider my-0">
 82 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 83 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 84 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 85 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 86 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 87 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 88 |                     <li class="nav-item" role="presentation"></li>
 89 |                 </ul>
 90 |                                 <div class="text-center d-none d-md-inline">
 91 |                     <div class="row">
 92 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 93 |                     </div>
 94 |                 </div>
 95 |             </div>
 96 |         </nav>
 97 |         <div class="d-flex flex-column" id="content-wrapper">
 98 |             <div id="content">
 99 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
100 |                 <div class="container-fluid">
101 |                     <h3 class="text-dark mb-4">Pilih Produk</h3>
102 |                     <?= $msg ? '<h6 class="text-dark mb-4">'.$msg.'</h6>' : ""?>
103 |                     <div class="card shadow">
104 |                         <div class="card-body">
105 |                             <div class="table-responsive table mt-2" id="dataTable" role="grid" aria-describedby="dataTable_info">
106 |                                 <table class="table my-0" id="dataTable">
107 |                                     <thead>
108 |                                         <tr>
109 |                                             <th>Nama Barang</th>
110 |                                             <th>Sisa Stok</th>
111 |                                             <th>Harga</th>
112 |                                             <th>Aksi</th>
113 |                                         </tr>
114 |                                     </thead>
115 |                                     <tbody>
116 |                                         <?php
117 | 
118 |                                         while($row = mysqli_fetch_assoc($res)){
119 |                                             ?>
120 |                                                 <tr>
121 |                                                     <td><?= $row['pronama'] ?></td>
122 |                                                     <td><?= $row['projumlah'] ?></td>
123 |                                                     <td><?= $row['proharga'] ?></td>
124 |                                                     <td><a href="?p=<?= $row['proid']?>" class="btn btn-primary" style="background-color: #36b9cc;">Pilih</a></td>
125 |                                                 </tr>
126 |                                             <?php
127 |                                         }
128 | 
129 |                                         ?>
130 |                                     </tbody>
131 |                                 </table>
132 |                             </div>
133 |                             <div class="row">
134 |                                 <div class="col-md-6 align-self-center">
135 |                                     <p id="dataTable_info" class="dataTables_info" role="status" aria-live="polite">Menampilkan <?= $count ;?> Data</p>
136 |                                 </div>
137 |                                 <div class="col-md-6">
138 |                                     <nav class="d-lg-flex justify-content-lg-end dataTables_paginate paging_simple_numbers">
139 |                                         <ul class="pagination"></ul>
140 |                                     </nav>
141 |                                 </div>
142 |                             </div>
143 |                         </div>
144 |                     </div>
145 |                 </div>
146 |             </div>
147 |             <footer class="bg-white sticky-footer">
148 |                 <div class="container my-auto">
149 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
150 |                 </div>
151 |             </footer>
152 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
153 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
154 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
155 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
156 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
157 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
158 | </body>
159 | 
160 | </html>


--------------------------------------------------------------------------------
/pages/penjualan.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 |     created by msaifa
  3 |     @ 2020
  4 |  -->
  5 |  <?php
  6 | 
  7 |     require('../conf/init.php');
  8 |     cek();
  9 |     $tanggal = date("Y-m-d") ;
 10 |     $trapelanggan = isset($_POST['trapelanggan']) ? $_POST['trapelanggan'] : "" ;
 11 | 
 12 |     if (isset($_POST['simpan'])){
 13 |         $cart = $_SESSION['cart'] ;
 14 |         $trafaktur = getFaktur() ;
 15 |         $user = $_SESSION['user'] ;
 16 |         $userid= $user['userid'] ;
 17 |         $err = 0 ;
 18 |         $grandtotal = 0 ;
 19 | 
 20 |         start() ;
 21 | 
 22 |         if (empty($trapelanggan)){
 23 |             $msg = 'Harap masukkan data dengan benar' ;
 24 |         } else if (count($cart) == 0){
 25 |             $msg = 'Keranjang Kosong' ;
 26 |         } else {
 27 |             
 28 |             for($i=0;$i <count($cart);$i++){
 29 |                 $proid = $cart[$i]['proid'];
 30 |                 $harga = $cart[$i]['proharga'];
 31 |                 $jumlah = $cart[$i]['jumlah'];
 32 |                 $sub = $harga ;
 33 |                 $sql = "INSERT INTO transaksi_detail (trafaktur,proid,tdjumlah,tdharga,tdsubtotal) values ('$trafaktur',$proid,$jumlah,$harga,$sub)" ;
 34 | 
 35 |                 if (!query($sql)){
 36 |                     $err += 1;
 37 |                 }
 38 |                 $grandtotal += $sub ;
 39 | 
 40 |                 // $msg = $sql . '<br>' ;
 41 |             }
 42 | 
 43 |             $sql = "INSERT INTO transaksi values ('$trafaktur','$tanggal','$trapelanggan',$grandtotal,$userid)" ;
 44 | 
 45 |             if (query($sql) && $err == 0){
 46 |                 commit();
 47 |                 unset($_SESSION['cart']);
 48 |                 $msg = 'Penjualan Berhasil disimpan' ;
 49 |             } else {
 50 |                 rollback();
 51 |                 $msg = 'GAGAL' ;
 52 |             }
 53 |         }
 54 |     }
 55 | 
 56 | ?>
 57 | 
 58 | <!DOCTYPE html>
 59 | <html>
 60 | 
 61 | <head>
 62 |     <meta charset="utf-8">
 63 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
 64 |     <title>Penjualan - msaifa</title>
 65 |     <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css?h=3c16114e461561544db42dd299b535e5">
 66 |     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
 67 |     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
 68 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css">
 69 |     <link rel="stylesheet" href="../assets/css/styles.min.css?h=d41d8cd98f00b204e9800998ecf8427e">
 70 | </head>
 71 | 
 72 | <body id="page-top">
 73 |     <div id="wrapper">
 74 |         <nav class="navbar navbar-dark align-items-start sidebar sidebar-dark accordion bg-gradient-primary p-0">
 75 |             <div class="container-fluid d-flex flex-column p-0">
 76 |                 <a class="navbar-brand d-flex justify-content-center align-items-center sidebar-brand m-0" href="#">
 77 |                     <div class="sidebar-brand-icon rotate-n-15"><i class="fas fa-laugh-wink"></i></div>
 78 |                     <div class="sidebar-brand-text mx-3"><span>msaifa</span></div>
 79 |                 </a>
 80 |                 <hr class="sidebar-divider my-0">
 81 |                 <ul class="nav navbar-nav text-light" id="accordionSidebar">
 82 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="../index.php"><i class="fas fa-tachometer-alt" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Dashboard</span></a></li>
 83 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="barang.php"><i class="icon-layers" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Data Barang</span></a></li>
 84 |                     <li class="nav-item" role="presentation"><a class="nav-link active" href="penjualan.php"><i class="icon-basket" style="font-size: 20px;"></i><span style="margin-left: 10px;font-size: 18px;">Penjualan</span></a></li>
 85 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="laporan.php"><i class="icon-list" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Laporan</span></a></li>
 86 |                     <li class="nav-item" role="presentation"><a class="nav-link" href="about.php"><i class="icon-info" style="font-size: 20px;"></i><span style="font-size: 18px;margin-left: 10px;">Tentang msaifa</span></a></li>
 87 |                     <li class="nav-item" role="presentation"></li>
 88 |                 </ul>
 89 |                                 <div class="text-center d-none d-md-inline">
 90 |                     <div class="row">
 91 |                         <div class="col"><a href="logout.php" class="btn btn-primary" style="background-color: #e74a3b;"><i class="icon-logout" style="margin-right: 10px;font-size: 18px;"></i>Logout</a></div>
 92 |                     </div>
 93 |                 </div>
 94 |             </div>
 95 |         </nav>
 96 |         <div class="d-flex flex-column" id="content-wrapper">
 97 |             <div id="content">
 98 |                 <nav class="navbar navbar-light navbar-expand bg-white shadow mb-4 topbar static-top"></nav>
 99 |                 <div class="container-fluid">
100 |                     <h3 class="text-dark mb-4">Penjualan</h3>
101 |                     <?= $msg ? '<h6 class="text-dark mb-4">'.$msg.'</h6>' : ""?>
102 |                     <form method="POST">
103 |                         <div class="row">
104 |                             <div class="col">
105 |                                 <div class="card shadow">
106 |                                     <div class="card-header py-3">
107 |                                         <p class="text-primary m-0 font-weight-bold">Detail Penjualan</p>
108 |                                     </div>
109 |                                     <div class="card-body">
110 |                                         <div class="form-group"><label for="address"><strong>Nama Pelanggan</strong><br></label><input class="form-control" type="text" placeholder="Nama Pelanggan" value="<?= $trapelanggan ?>" name="trapelanggan"></div>
111 |                                         <div class="form-row">
112 |                                             <div class="col">
113 |                                                 <div class="form-group"><label for="city"><strong>No Faktur</strong></label><input class="form-control" type="text" name="trafaktur" disabled value=<?= getFaktur() ?>></div>
114 |                                             </div>
115 |                                             <div class="col">
116 |                                                 <div class="form-group"><label for="country"><strong>Tanggal</strong></label><input class="form-control" type="text" disabled value=<?= $tanggal ?>></div>
117 |                                             </div>
118 |                                         </div>
119 |                                     </div>
120 |                                 </div>
121 |                             </div>
122 |                             <div class="col">
123 |                                 <div class="card">
124 |                                     <div class="card-header py-3">
125 |                                         <p class="text-primary m-0 font-weight-bold">Data Keranjang</p>
126 |                                     </div>
127 |                                     <div class="card-body">
128 |                                         <div class="table-responsive">
129 |                                             <table class="table">
130 |                                                 <thead>
131 |                                                     <tr>
132 |                                                         <th>Produk</th>
133 |                                                         <th>Jumlah</th>
134 |                                                         <th>Harga</th>
135 |                                                         <th>Aksi</th>
136 |                                                     </tr>
137 |                                                 </thead>
138 |                                                 <tbody>
139 |                                                     <?php
140 | 
141 |                                                     $cart = $_SESSION['cart'];
142 |                                                     $total = 0 ;
143 | 
144 |                                                     if ($cart){
145 |                                                         foreach($cart as $i => $val){
146 |                                                             ?>
147 |                                                                 <tr>
148 |                                                                     <td><?= $val['pronama'] ?></td>
149 |                                                                     <td><?= number_format($val['jumlah'],2) ?></td>
150 |                                                                     <td><?= number_format($val['proharga'],2) ?></td>
151 |                                                                     <td><a href="penjualan-hapus.php?p=<?= $val['proid']?>" class="btn btn-primary" style="background-color: #e74a3b;">Hapus</a></td>
152 |                                                                 </tr>
153 |                                                             <?php
154 |                                                             $total += $val['proharga'] * $val['jumlah'] ;
155 |                                                         }
156 |                                                     }
157 | 
158 |                                                     ?>
159 |                                                     <tr></tr>
160 |                                                 </tbody>
161 |                                                 <tfoot>
162 |                                                     <tr>
163 |                                                         <td>Jumlah Pembelanjaan : <?= number_format($total,2) ?></td>
164 |                                                     </tr>
165 |                                                 </tfoot>
166 |                                             </table>
167 |                                         </div>
168 |                                     </div>
169 |                                 </div>
170 |                                 <div class="row" style="margin-top: 10px;">
171 |                                     <div class="col"><a href="penjualan-pilih.php" class="btn btn-primary" style="width: 100%;background-color: #36b9cc;">Pilih Produk</a></div>
172 |                                     <div class="col"><input class="btn btn-primary" type="submit" style="width: 100%;background-color: #1cc88a;" name="simpan" value="Simpan" /></div>
173 |                                 </div>
174 |                             </div>
175 |                         </div>
176 |                     </form>
177 |                 </div>
178 |             </div>
179 |             <footer class="bg-white sticky-footer">
180 |                 <div class="container my-auto">
181 |                     <div class="text-center my-auto copyright"><span>Copyright © msaifa 2020</span></div>
182 |                 </div>
183 |             </footer>
184 |         </div><a class="border rounded d-inline scroll-to-top" href="#page-top"><i class="fas fa-angle-up"></i></a></div>
185 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
186 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
187 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.bundle.min.js"></script>
188 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.js"></script>
189 |     <script src="../assets/js/script.min.js?h=b86d882c5039df370319ea6ca19e5689"></script>
190 | </body>
191 | 
192 | </html>


--------------------------------------------------------------------------------
/screenshots/dashboard.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/screenshots/dashboard.jpg


--------------------------------------------------------------------------------
/screenshots/data-barang.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/screenshots/data-barang.jpg


--------------------------------------------------------------------------------
/screenshots/laporan-penjualan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/screenshots/laporan-penjualan.jpg


--------------------------------------------------------------------------------
/screenshots/penjualan.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/msaifa/simpel-kasir/ddd66234a2871a51e4c7f4abea7c8bb42cb54ed6/screenshots/penjualan.jpg


--------------------------------------------------------------------------------