<?php 
include "koneksi.php";
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Warehouse Sistem</title>
        <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
        <!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
        <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
        <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="css/styles.css" rel="stylesheet" />
		
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css" />
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    </head>
    <body id="page-top">
	
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
            <div class="container">
                <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/mhi.png" alt="" /></a>
                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    Menu
                    <i class="fas fa-bars ml-1"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav text-uppercase ml-auto">
					
                        <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#services">Master Barang & Stock Barang</a></li>
						<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#team">Profile</a></li>
                        <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Update Barang</a></li>
                        <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">Abouts</a></li>
                    </ul>
                </div>
            </div>
        </nav>
		<!--Pemberitahuan-->
	<?php
				if (isset($_GET["p"]))
				{
					$p=mysqli_real_escape_string($con,$_GET["p"]);
					if ($p=="1")
					{
						?>
						
							<div class="section-subheading text-muted" role="alert">
							 "Stock Barang Masuk Berhasil Ditambah!"
							</div>
						
						<?php
					}
					else if ($p=="2")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Stock Barang Masuk Gagal Ditambah!"
							</div>
						<?php
					}
					else if ($p=="3")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Stock Barang Masuk Berhasil Dikurang!"
							</div>
						<?php
					}
					else if ($p=="4")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Stock Barang Masuk Gagal Dikurang!"
							</div>
						<?php
					}
					else if ($p=="5")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Master Barang Berhasil Ditambah!"
							</div>
						<?php
					}
					else if ($p=="6")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Master Barang Berhasil Dikurang!"
							</div>
						<?php
					}
					else if ($p=="7")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Master Barang Berhasil Dihapus!"
							</div>
						<?php
					}
					else if ($p=="8")
					{
						?>
							<div class="section-subheading text-muted" role="alert">
								"Master Barang Berhasil Dihapus!"
							</div>
						<?php
					}
				}
	?>
        <!-- Masthead-->
        <header class="masthead">
            <div class="container">
                <div class="masthead-subheading">Welcome To MHB Warehouse!</div>
                <div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
                <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Lihat Stok Barang</a>
            </div>
        </header>
		
        <!-- Services-->
        <section class="page-section" id="services">
            <div class="container">
                <div class="text-center">
                    <h2 class="section-heading text-uppercase">Master Barang & Stok Barang</h2>
                    <h3 class="section-subheading text-muted">Melihat Semua Barang Yang Ada Pada Warehouse.</h3>
                </div>
                <div class="row text-center">
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                        <span class="fa-stack fa-4x">
                            <i class="fas fa-circle fa-stack-2x text-primary"></i>
                            <i class="fas fa-handpone fa-stack-1x fa-inverse"></i>
                        </span>
                        <h4 class="my-3">Stock Akhir Consumable Warehouse 2021</h4>
                        <p class="text-muted">No Dokumen : 0, No Revisi :0,</p> <p class="text-muted"> Tgl Berlaku :  1 Jan 2021.</p>
                    </div>
                    <div class="col-md-4">
                    </div>
                </div>
             
            <table id="tabel-data" class="cell-border compact stripe">
    <thead>
            <tr>
                <th>No.</th>
                <th>Kode</th>
                <th>Nama</th>
                <th>Size</th>
                <th>Merk</th>
                <th>Stock Akir</th>
                <th>Remarks</th>
				<th>Lokasi</th>
            </tr>
        </thead>
		
		<tbody>
			<?php
			$conn = new mysqli("localhost", "root", "", "warehouse");
			if ($conn->connect_errno) {
				echo "Failed to connect to MySQL: " . $conn->connect_error;
			}
			
			$no = 1;
			$res = $conn->query("SELECT * FROM master_barang");
			while($row = $res->fetch_assoc()){
				echo '
				<tr>
					<td>'.$no.'</td>
					<td>'.$row['kode'].'</td>
					<td>'.$row['nama'].'</td>
					<td>'.$row['size'].'</td>
					<td>'.$row['merk'].'</td>
					<td>'.$row['stock_akhir'].$row['jenis_stock'].'</td>
					<td>'.$row['remarks'].'</td>
					<td>'.$row['lokasi'].'</td>
				</tr>
				';
				$no++;
			}
			?>
		</tbody>

    <script>
	$(document).ready( function () {
	   var table = $('#tabel-data').DataTable({
	   "columnDefs": [
		   { "width": "20px", "targets": 0 },
		   { "width": "250px", "targets": 1 },
		   { "width": "250px", "targets": 2 },
		   { "width": "250px", "targets": 3 },
		   { "width": "250px", "targets": 4 },
		   { "width": "250px", "targets": 5 },
		   { "width": "250px", "targets": 6 },
		   
		   
		]
	  });
	});
	
</script>

</table>
<center>
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#contact">Input Tambah Master Barang</a>
<br>
</br>
 <a class="btn btn-danger" data-toggle="modal" href="#portfolioModal1">HAPUS</a>
                                
</center>
			
            </div>
        </section>
        <!-- Portfolio Grid-->
        <section class="page-section bg-light" id="portfolio">
            <div class="container">
                <div class="text-center">
                    <h2 class="section-heading text-uppercase">Update Barang</h2>
                    <h3 class="section-subheading text-muted">Mengupdate setiap barang yang keluar dan masuk.</h3>
                </div>
                <div class="row">
                    
                    <div class="col-lg-4 col-sm-6 mb-4">
                        <div class="portfolio-item">
                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal2">
                                <div class="portfolio-hover">
                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="assets/img/portfolio/01-thumbnail.jpg" alt="" />
                            </a>
                            <div class="portfolio-caption">
                                <div class="portfolio-caption-heading">Barang Masuk</div>
                                <div class="portfolio-caption-subheading text-muted">diwajibkan setiap barang yang masuk untuk tetap diupdate</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 mb-4">
                        <div class="portfolio-item">
                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal3">
                                <div class="portfolio-hover">
                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="assets/img/portfolio/02-thumbnail.jpg" alt="" />
                            </a>
                            <div class="portfolio-caption">
                                <div class="portfolio-caption-heading">Finish</div>
                                <div class="portfolio-caption-subheading text-muted">Identity</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
                        <div class="portfolio-item">
                            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal5">
                                <div class="portfolio-hover">
                                    <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                                </div>
                                <img class="img-fluid" src="assets/img/portfolio/05-thumbnail.jpg" alt="" />
                            </a>
                            <div class="portfolio-caption">
                                <div class="portfolio-caption-heading">Barang Keluar</div>
                                <div class="portfolio-caption-subheading text-muted">diwajibkan setiap barang yang masuk untuk tetap diupdate</div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>
        <!-- About-->
        <section class="page-section" id="about">
            <div class="container">
                <div class="text-center">
                    <h2 class="section-heading text-uppercase">About</h2>
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                </div>
                <ul class="timeline">
                    <li>
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="" /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>aa</h4>
                                <h4 class="subheading">11</h4>
                            </div>
                            <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt="" /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>bb</h4>
                                <h4 class="subheading">22</h4>
                            </div>
                            <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                        </div>
                    </li>
                    <li>
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="" /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>cc</h4>
                                <h4 class="subheading">33</h4>
                            </div>
                            <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg" alt="" /></div>
                        <div class="timeline-panel">
                            <div class="timeline-heading">
                                <h4>dd</h4>
                                <h4 class="subheading">44</h4>
                            </div>
                            <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                        </div>
                    </li>
                    <li class="timeline-inverted">
                        <div class="timeline-image">
                            <h4>
                                Be Part
                                <br />
                                Of Our
                                <br />
                                Story!
                            </h4>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <!-- Team-->
        <section class="page-section bg-light" id="team">
            <div class="container">
                <div class="text-center">
                    <h2 class="section-heading text-uppercase">Our Amazing Team</h2>
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="team-member">
                            <img class="mx-auto rounded-circle" src="assets/img/team/0.jpg" alt="" />
                            <h4>Kay Garland</h4>
                            <p class="text-muted">Lead Designer</p>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="team-member">
                            <img class="mx-auto rounded-circle" src="assets/img/team/0.jpg" alt="" />
                            <h4>Larry Parker</h4>
                            <p class="text-muted">Lead Marketer</p>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="team-member">
                            <img class="mx-auto rounded-circle" src="assets/img/team/0.jpg" alt="" />
                            <h4>Diana Petersen</h4>
                            <p class="text-muted">Lead Developer</p>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p></div>
                </div>
            </div>
        </section>
        <!-- Clients-->
        <div class="py-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6 my-3">
                        <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/mhi.png" alt="" /></a>
                    </div>
                    <div class="col-md-3 col-sm-6 my-3">
                        <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/designmodo.jpg" alt="" /></a>
                    </div>
                    <div class="col-md-3 col-sm-6 my-3">
                        <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/themeforest.jpg" alt="" /></a>
                    </div>
                    <div class="col-md-3 col-sm-6 my-3">
                        <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/creative-market.jpg" alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Contact-->
        <section class="page-section" id="contact">
            <div class="container">
                <div class="text-center">
                    <h2 class="section-heading text-uppercase">Input Tambah Master Barang</h2>
                    <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                </div>
				<form method="POST" action="simpanTambahMasterBarang.php">
                    <div class="row align-items-stretch mb-5">
                        <div class="col-md-6">
                            <div class="form-group">
							    <input type="text" class="form-control" placeholder="Kode *" required="required" data-validation-required-message="Please enter your text." name="kode" >
                                <p class="help-block text-danger"></p>
                            </div>
                            <div class="form-group">
							    <input type="text" class="form-control" placeholder="Nama *" required="required" data-validation-required-message="Please enter your text." name="nama" >
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
						<div class="col-md-6">
						    <div class="form-group">
							    <input type="text" class="form-control" placeholder="Size *" required="required" data-validation-required-message="Please enter your text." name="size" >
                                <p class="help-block text-danger"></p>
                            </div>
                            <div class="form-group mb-md-2">
							    <input type="text" class="form-control" placeholder="Merk *" required="required" data-validation-required-message="Please enter your text." name="merk" >
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
						
                       
                    </div>
                    <div class="text-center">
                        <div id="success"></div>
                        <button class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
						</div>
                </form>
            </div>
        </section>
        <!-- Footer-->
        <footer class="footer py-4">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-4 text-lg-left">Copyright ©satriopringgondani2021</div>
                    <div class="col-lg-4 my-3 my-lg-0">
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                    <div class="col-lg-4 text-lg-right">
                        <a class="mr-3" href="#!">Privacy Policy</a>
                        <a href="#!">Terms of Use</a>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Portfolio Modals-->
        <!-- Modal 1-->
        <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="modal-body">
                                    <!-- Project Details Go Here-->
                                    <h2 class="text-uppercase">Hapus Master Barang</h2>
                                    <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="" />
									
									<form method="POST" action="simpanHapusMasterBarang.php">
                   
				   <div class="row align-items-stretch mb-5">
                        <div class="col-md-6">
						<div>Select Your ID Barang before delete
						</div>
							<div class="form-group" center>
							<select name="kode" class="form-control">
							  <?php
								$sql="select * from master_barang";

								$hasil=mysqli_query($con,$sql);
								$no=0;
								while ($data = mysqli_fetch_array($hasil)) {
								$no++;
							   ?>
								<option value="<?php echo $data['kode'];?>"><?php echo $data['kode'];?></option>
							  <?php 
								}
							  ?>
							</select>
							</div>
                        </div> 
                    </div>
					</center>
                    <div class="text-center">
                        <div id="success"></div>
                        <button class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
						</div>
                </form>
									
                                    <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                    <ul class="list-inline">
                                        <li>Date: January 2020</li>
                                        <li>Client: Threads</li>
                                        <li>Category: Illustration</li>
                                    </ul>
                                    <button class="btn btn-primary" data-dismiss="modal" type="button">
                                        <i class="fas fa-times mr-1"></i>
                                        Close Project
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal 2-->
        <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="modal-body">
                                    <!-- Project Details Go Here-->
                                    <h2 class="text-uppercase">Tambah Barang</h2>
                                    <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-thumbnail.jpg" alt="" />
									
													
				<form method="POST" action="simpanTambahBarang.php">
                    <div class="row align-items-stretch mb-5">
                        <div class="col-md-6">
							<div class="form-group">
							<select name="kode" class="form-control">
							  <?php
								$sql="select * from master_barang";

								$hasil=mysqli_query($con,$sql);
								$no=0;
								while ($data = mysqli_fetch_array($hasil)) {
								$no++;
							   ?>
								<option value="<?php echo $data['kode'];?>"><?php echo $data['nama'];?></option>
							  <?php 
								}
							  ?>
							</select>
							</div>
                        </div>
						<div class="col-md-6">
						    <div class="form-group">
							    <input type="text" class="form-control" placeholder="Stock *" required="required" data-validation-required-message="Please enter your text." name="stock" >
                                <p class="help-block text-danger"></p>
                            </div>
							
							<div class="form-group mb-md-2">
							<select name="jenis" class="form-control">
								<option value="pcs">Pcs</option>
								<option value="roll">Roll</option>
								<option value="kotak">Kotak</option>
								<option value="belt">Belt</option>
								<option value="meter">Meter</option>
								<option value="tabung">Tabung</option>
								<option value="kaleng">Kaleng</option>
								<option value="liter">Liter</option>
								<option value="can">Can</option>
								<option value="kg">Kg</option>
								<option value="kotak">Kotak</option>
								<option value="pair">Pair</option>
								<option value="jerigen">Jerigen</option>
								<option value="box">Box</option>
								<option value="batang">Batang</option>
								<option value="botol">Botol</option>
								<option value="bungkus">Bungkus</option>
								<option value="karung">Karung</option>
								<option value="set">Set</option>
                            </select>
							<p class="help-block text-danger"></p>
							</div>
							<div class="form-group mb-md-2">
							    <input type="text" class="form-control" placeholder="Remarks *" required="required" data-validation-required-message="Please enter your text." name="remarks" >
                                <p class="help-block text-danger"></p>
                            </div>
							<div class="form-group mb-md-2">
							    <input type="text" class="form-control" placeholder="Lokasi *" required="required" data-validation-required-message="Please enter your text." name="lokasi" >
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
						
                       
                    </div>
                    <div class="text-center">
                        <div id="success"></div>
                        <button class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
						</div>
                </form>
									
									
									
                                    <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                    <ul class="list-inline">
                                        <li> Date : <?php echo date('l, d-m-Y');?></li>
                                        <li>Client : Warehouse</li>
                                        <li>Design By: satrio</li>
                                    </ul>
                                    <button class="btn btn-primary" data-dismiss="modal" type="button">
                                        <i class="fas fa-times mr-1"></i>
                                        Close
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal 3-->
        <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="modal-body">
                                    <!-- Project Details Go Here-->
                                    <h2 class="text-uppercase">Kosong</h2>
                                    <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="" />
                                    <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                    <ul class="list-inline">
                                        <li> Date : <?php echo date('l, d-m-Y');?></li>
                                        <li>Client : Warehouse</li>
                                        <li>Design By: satrio</li>
                                    </ul>
                                    <button class="btn btn-primary" data-dismiss="modal" type="button">
                                        <i class="fas fa-times mr-1"></i>
                                        Close Project
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal 4-->
        <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="modal-body">
                                    <!-- Project Details Go Here-->
                                    <h2 class="text-uppercase">Kurangi Barang</h2>
                                    <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="" />
                                    <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                    <ul class="list-inline">
                                        <li> Date : <?php echo date('l, d-m-Y');?></li>
                                        <li>Client : Warehouse</li>
                                        <li>Design By: satrio</li>
                                    </ul>
                                    <button class="btn btn-primary" data-dismiss="modal" type="button">
                                        <i class="fas fa-times mr-1"></i>
                                        Close Project
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal 5-->
        <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="modal-body">
                                    <!-- Project Details Go Here-->
                                    <h2 class="text-uppercase">Kurangi Barang</h2>
                                    <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                    <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="" />
									<!--input-->
									<form method="POST" action="simpanKurangBarang.php">
                    <div class="row align-items-stretch mb-5">
                        <div class="col-md-6">
							<div class="form-group">
							<select name="kode" class="form-control">
							  <?php
								$sql="select * from master_barang";

								$hasil=mysqli_query($con,$sql);
								$no=0;
								while ($data = mysqli_fetch_array($hasil)) {
								$no++;
							   ?>
								<option value="<?php echo $data['kode'];?>"><?php echo $data['nama'];?></option>
							  <?php 
								}
							  ?>
							</select>
							</div>
                        </div>
						<div class="col-md-6">
						    <div class="form-group">
							    <input type="text" class="form-control" placeholder="Stock *" required="required" data-validation-required-message="Please enter your text." name="stock" >
                                <p class="help-block text-danger"></p>
                            </div>
							<div class="form-group mb-md-2">
							    <input type="text" class="form-control" placeholder="Remarks *" required="required" data-validation-required-message="Please enter your text." name="remarks" >
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
						
                       
                    </div>
                    <div class="text-center">
                        <div id="success"></div>
                        <button class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
						</div>
                </form>
                                    <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                    <ul class="list-inline">
                                        <li> Date : <?php echo date('l, d-m-Y');?></li>
                                        <li>Client : Warehouse</li>
                                        <li>Design By: satrio</li>
                                    </ul>
                                    <button class="btn btn-primary" data-dismiss="modal" type="button">
                                        <i class="fas fa-times mr-1"></i>
                                        Close Project
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Bootstrap core JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Third party plugin JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <!-- Contact form JS-->
        <script src="assets/mail/jqBootstrapValidation.js"></script>
        <script src="assets/mail/contact_me.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
		
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css" />
		<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" />

		<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
		<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
		
    </body>
</html>
<script>
$(document).ready(function()
{
	 $('.table-bordered').DataTable();
});
</script>
