<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nota Langganan</title>
<style>
body {
font-family: 'Times New Roman', Times, serif;
font-size: 12px;
}
.nota-container {
width: 80%;
margin: 0 auto;
padding: 20px;
border: 1px solid #333;
}
.header,
.details {
margin-bottom: 20px;
}
.header div {
margin-bottom: 5px;
}
table {
width: 100%;
border-collapse: collapse;
}
th,
td {
padding: 8px;
text-align: left;
border: none;
/* Remove border from table cells */
}
.total {
margin-top: 10px;
font-weight: bold;
text-align: right;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.title {
text-align: center;
}
</style>
</head>
<body class="nota-container">
<div style="margin: 0; padding: 0;">
<img style="height: 60px; width: 60px; margin-left:10px; object-fit: cover;"
@if (isset($store->logo_aplikasi)) src="{{ public_path('images/logo/' . $store->logo_aplikasi) }}"
@else
src="{{ public_path('assets/static/images/samples/1.png') }}" @endif>
<div>
<h3>{{ $store->nama_aplikasi }}</h3>
</div>
</div>
<div class="title" style="vertical-align: middle;">
<h1>Nota Langganan</h1>
</div>
<div class="header">
<table style=" width: 100%; table-layout: fixed;">
<thead>
<tr>
<th colspan="4"
style="text-align: left; padding: 10px; background-color: #f2f2f2; font-size: 18px; font-weight: bold;">
Informasi Langganan
</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 8px; width: 25%;"><strong>Nama Pelanggan </strong></td>
<td style="padding: 8px; width: 25%;">: {{ $langganan->user->profile->nama_lengkap }}</td>
<td style="padding: 8px; width: 25%;"><strong>No Langganan </strong></td>
<td style="padding: 8px; width: 25%;">: {{ $langganan->no_langganan }}</td>
</tr>
<tr>
<td style="padding: 8px; width: 25%;"><strong>Nama Paket :</strong></td>
<td style="padding: 8px; width: 25%;">: {{ $langganan->paket->nama_paket }}</td>
<td style="padding: 8px; width: 25%;"><strong>Tanggal Mulai </strong></td>
<td style="padding: 8px; width: 25%;">:
{{ $langganan->tgl_mulai ? \Carbon\Carbon::parse($langganan->tgl_mulai)->format('d-m-Y') : '-' }}
</td>
</tr>
<tr>
<td style="padding: 8px; width: 25%;"><strong>Status Langganan </strong></td>
<td style="padding: 8px; width: 25%;"> : {{ $langganan->status }}</td>
<td style="padding: 8px; width: 25%;"><strong>Tanggal Kadaluwarsa </strong></td>
<td style="padding: 8px; width: 25%;">:
{{ $langganan->tgl_selesai ? \Carbon\Carbon::parse($langganan->tgl_selesai)->format('d-m-Y') : '-' }}
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td style="padding: 8px; "><strong>Deskripsi Paket</strong></td>
<td style="padding: 8px; ">: {{ $langganan->paket->keterangan }}</td>
</tr>
</tbody>
</table>
<div class="details" style="margin-top: 10px">
<table style="border: 1px solid #333; width: 100%; table-layout: fixed;">
<thead>
<tr>
<th class="text-center" style="border: 1px solid #000;">Nama Item</th>
<th class="text-center" style="border: 1px solid #000;">Harga Item</th>
</tr>
</thead>
<tbody>
@foreach($langganan->paket->detail as $detail)
<tr>
<td style="border: 1px solid #000;">{{$detail->item->nama_item }}</td>
<td class="text-right" style="border: 1px solid #000;">Rp {{number_format($detail->item->harga_item)}}</td>
</tr>
@endforeach
<tr>
<td style="border: 1px solid #000;"></td>
<td class="text-right" style="border: 1px solid #000;"><strong>Total Harga : Rp {{{number_format($langganan->paket->getTotal())}}}</strong>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]