118 lines
4.4 KiB
PHP
118 lines
4.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="shortcut icon" href="{{ url(asset('customer/img/short-icon.png')) }}">
|
|
<title>Gudang Jember Coffe Centre</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
|
|
<style>
|
|
body {
|
|
font-size: 18px;
|
|
font-family: poppins;
|
|
}
|
|
|
|
.container {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
table p {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
table .left {
|
|
width: 65%;
|
|
padding-bottom: 10px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
table .right {
|
|
width: 35%;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
table.detail-item .item-title,
|
|
table.detail-item .item-subtotal,
|
|
.order-detail {
|
|
font-weight: 600;
|
|
}
|
|
|
|
table.detail-item .item-price {
|
|
font-size: 16px;
|
|
}
|
|
</style>
|
|
</head>
|
|
</head>
|
|
|
|
<body style="width: 350px">
|
|
@foreach ($data as $item)
|
|
<div class="container">
|
|
<div class="identitas">
|
|
<h4 style="text-align: center">Gudang Jember Coffe Centre</h4>
|
|
<p class="text-center" style="margin: 0px; padding: 0px; font-size: 12px;">Jl. Teropong Bintang No.23 <br>
|
|
Kemiri Panti Jember</p>
|
|
</div>
|
|
<hr style="border-top: 2px dotted rgb(0, 0, 0)" class="mb-0">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="order">
|
|
<p style="margin-bottom: 1px;">Nama Customer</p>
|
|
<p style="margin-bottom: 1px;">Nama Kopi</p>
|
|
<p style="margin-bottom: 1px;">Jenis Kopi</p>
|
|
<p style="margin-bottom: 1px;">Tanggal Transaksi</p>
|
|
|
|
</div>
|
|
<div class="value">
|
|
<p style="margin-bottom: 1px; text-align: right;">
|
|
{{ $item->nama_customer }}
|
|
</p>
|
|
<p style="margin-bottom: 1px; text-align: right;">
|
|
{{ $item->nama_kopi }}
|
|
</p>
|
|
<p style="margin-bottom: 1px; text-align: right;">{{ $item->jenis_kopi }}</p>
|
|
<p style="margin-bottom: 1px; text-align: right;">{{ $item->tanggal_transaksi }}</p>
|
|
{{-- <p style="margin-bottom: 1px; text-align: right;">Admin</p> --}}
|
|
</div>
|
|
</div>
|
|
{{-- <hr class="mb-1 mt-0" style="border-top: 2px dotted rgb(0, 0, 0)">
|
|
|
|
<img src="data:image/png;base64,{{ $barcode }}" alt="barcode" width="100%"/> --}}
|
|
|
|
<hr style="border-top: 2px dotted rgb(0, 0, 0)" class="mb-2 mt-2">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="bayar">
|
|
<p class="mb-2" style="line-height: 1;">Jumlah(Kg)</p>
|
|
<p class="mb-2" style="line-height: 1;">Harga Kopi</p>
|
|
<p class="mb-2" style="line-height: 1;">Total</p>
|
|
|
|
</div>
|
|
<div class="value-bayar mb-1">
|
|
<p class="mb-2 order-detail" style="line-height: 1; text-align: right;">{{ $item->jumlah }}</p>
|
|
<p class="mb-2 order-detail" style="line-height: 1; text-align: right;">@currency($item->harga_kopi)</p>
|
|
<p class="mb-2 order-detail" style="line-height: 1; text-align: right;">@currency($item->total_harga)</p>
|
|
</div>
|
|
</div>
|
|
|
|
<hr style="border-top: 2px dotted rgb(0, 0, 0)" class="mt-1 mb-2">
|
|
<p class="text-center fw-bold mb-0 mt-1">Terima Kasih</p>
|
|
<p class="text-center fw-bold">Telah Membeli Produk Kopi Kami</p>
|
|
|
|
<hr style="border-top: 2px dotted rgb(0, 0, 0)" class="mt-1 mb-2">
|
|
|
|
</div>
|
|
@endforeach
|
|
|
|
|
|
<script>
|
|
window.print();
|
|
</script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous">
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|