baodev0
6bb4a47bfb
- Created stubs for JavaScript and SASS assets. - Added stubs for channel, command, component, controller, event, factory, job, listener, mail, middleware, migration, model, notification, observer, policy, request, resource, route provider, seeder, and validation rule. - Implemented scaffolding for configuration, service provider, and Vite integration. - Included example views for module structure. - Introduced a module loader for Vite to handle asset paths dynamically.
99 lines
4.6 KiB
PHP
99 lines
4.6 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Yêu cầu nạp tiền chờ duyệt</title>
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
body { font-family: 'Segoe UI', Arial, sans-serif; background: #f0f4f8; margin: 0; padding: 0; }
|
|
.wrapper { max-width: 620px; margin: 30px auto; }
|
|
.card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
|
|
.header { background: linear-gradient(135deg, #b45309 0%, #f16723 100%); padding: 34px 40px; text-align: center; }
|
|
.header .icon { font-size: 44px; margin-bottom: 10px; }
|
|
.header h1 { color: #fff; margin: 0 0 6px; font-size: 22px; font-weight: 700; }
|
|
.header p { color: #ffedd5; margin: 0; font-size: 14px; }
|
|
.body { padding: 34px 40px; }
|
|
.section-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #9ca3af; margin: 24px 0 10px; }
|
|
.section-label:first-child { margin-top: 0; }
|
|
.info-table { width: 100%; border-collapse: collapse; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
|
|
.info-table td { padding: 11px 16px; font-size: 14px; border-bottom: 1px solid #f3f4f6; }
|
|
.info-table tr:last-child td { border-bottom: none; }
|
|
.info-table td:first-child { color: #6b7280; width: 42%; }
|
|
.info-table td:last-child { font-weight: 600; color: #111827; word-break: break-word; }
|
|
.amount-row td:last-child { font-size: 17px; font-weight: 800; color: #b45309; }
|
|
.badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #fff7ed; color: #c2410c; }
|
|
.proof-link { color: #1d4ed8; text-decoration: none; }
|
|
.notice { background: #fffbeb; border-left: 3px solid #f59e0b; padding: 12px 16px; border-radius: 0 6px 6px 0; font-size: 13px; color: #92400e; margin-top: 24px; line-height: 1.6; }
|
|
.footer { text-align: center; padding: 20px 40px; border-top: 1px solid #f3f4f6; font-size: 12px; color: #9ca3af; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="card">
|
|
<div class="header">
|
|
<div class="icon">🔔</div>
|
|
<h1>Yêu cầu nạp tiền chờ duyệt</h1>
|
|
<p>{{ $transaction_code ?? 'N/A' }} — {{ $created_at ?? now()->format('d/m/Y H:i:s') }}</p>
|
|
</div>
|
|
|
|
<div class="body">
|
|
<div class="section-label">Thông tin khách hàng</div>
|
|
<table class="info-table">
|
|
<tr>
|
|
<td>Tên khách hàng</td>
|
|
<td>{{ $customer_name ?? 'N/A' }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Email</td>
|
|
<td>{{ $customer_email ?? 'N/A' }}</td>
|
|
</tr>
|
|
@if(!empty($customer_phone))
|
|
<tr>
|
|
<td>Số điện thoại</td>
|
|
<td>{{ $customer_phone }}</td>
|
|
</tr>
|
|
@endif
|
|
@if(!empty($client_ip))
|
|
<tr>
|
|
<td>IP gửi yêu cầu</td>
|
|
<td>{{ $client_ip }}</td>
|
|
</tr>
|
|
@endif
|
|
</table>
|
|
|
|
<div class="section-label">Thông tin giao dịch</div>
|
|
<table class="info-table">
|
|
<tr>
|
|
<td>Mã giao dịch</td>
|
|
<td>{{ $transaction_code ?? 'N/A' }}</td>
|
|
</tr>
|
|
<tr class="amount-row">
|
|
<td>Số tiền</td>
|
|
<td>{{ number_format($amount ?? 0, 0, ',', '.') }} VNĐ</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Trạng thái</td>
|
|
<td><span class="badge">Đang chờ duyệt</span></td>
|
|
</tr>
|
|
@if(!empty($proof_image_url))
|
|
<tr>
|
|
<td>Chứng từ</td>
|
|
<td><a class="proof-link" href="{{ $proof_image_url }}">Xem chứng từ chuyển khoản</a></td>
|
|
</tr>
|
|
@endif
|
|
</table>
|
|
|
|
<div class="notice">
|
|
Vui lòng vào trang quản trị để kiểm tra chứng từ và duyệt hoặc từ chối giao dịch.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
© {{ date('Y') }} {{ $company_name ?? 'Portal Admin' }} — Email này được gửi tự động.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|