84 lines
2.6 KiB
PHP
84 lines
2.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Laporan Barang</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
@media print {
|
|
.no-print {
|
|
display: none;
|
|
}
|
|
.logo {
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
.logo img {
|
|
max-width: 100%; /* Sesuaikan ukuran gambar sesuai kebutuhan */
|
|
height: auto;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<div class="col">
|
|
<img style="width: 100%;" src="http://127.0.0.1:8000/logo.png" alt="Logo Perusahaan">
|
|
<h1 class="text-center mb-4">Daftar Barang Stok Dibawah ROP</h1>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5">
|
|
<div class="col">
|
|
{{-- <h3 class="mb-3">Data Barang</h3> --}}
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr class="text-left">
|
|
<th class="p-3">No</th>
|
|
<th class="p-3">Kode Barang</th>
|
|
<th class="p-3">Nama Barang</th>
|
|
<th class="p-3">Kategori</th>
|
|
<th class="p-3">Ukuran</th>
|
|
<th class="p-3">ROP</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
@foreach($data as $index => $item)
|
|
|
|
<tr class="text-left border-b border-gray-200">
|
|
<td class="p-3">{{ $index + 1 }}</td>
|
|
<td class="p-3">{{ $item->kode }}</td>
|
|
<td class="p-3">{{ $item->nama }}</td>
|
|
<td class="p-3">{{ $item->kategori }}</td>
|
|
<td class="p-3">{{ $item->ukuran }}</td>
|
|
<td class="p-3">{{ $item->rop }} Pcs</td>
|
|
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- jQuery and Bootstrap JS -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
window.print();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |