Initial commit
This commit is contained in:
161
resources/views/admin/payments/receipt.blade.php
Normal file
161
resources/views/admin/payments/receipt.blade.php
Normal file
@@ -0,0 +1,161 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Payment Receipt #{{ $payment->id }}</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 2px solid #4F46E5;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.header h1 {
|
||||
margin: 0;
|
||||
color: #4F46E5;
|
||||
font-size: 28px;
|
||||
}
|
||||
.header p {
|
||||
margin: 5px 0;
|
||||
color: #666;
|
||||
}
|
||||
.receipt-details {
|
||||
margin: 30px 0;
|
||||
}
|
||||
.receipt-details table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.receipt-details td {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.receipt-details td:first-child {
|
||||
font-weight: bold;
|
||||
width: 40%;
|
||||
color: #555;
|
||||
}
|
||||
.amount-box {
|
||||
background-color: #F0FDF4;
|
||||
border: 2px solid #10B981;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
margin: 30px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.amount-box .label {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.amount-box .amount {
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
color: #10B981;
|
||||
}
|
||||
.footer {
|
||||
margin-top: 50px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #eee;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
.stamp {
|
||||
margin-top: 40px;
|
||||
text-align: right;
|
||||
}
|
||||
.stamp p {
|
||||
margin: 5px 0;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1>PAYMENT RECEIPT</h1>
|
||||
<p>Membership Payment Confirmation</p>
|
||||
<p>Receipt #{{ $payment->id }}</p>
|
||||
</div>
|
||||
|
||||
<div class="amount-box">
|
||||
<div class="label">Amount Paid</div>
|
||||
<div class="amount">${{ number_format($payment->amount, 2) }}</div>
|
||||
</div>
|
||||
|
||||
<div class="receipt-details">
|
||||
<table>
|
||||
<tr>
|
||||
<td>Payment Date:</td>
|
||||
<td>{{ $payment->paid_at ? $payment->paid_at->format('F d, Y') : 'N/A' }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Receipt Date:</td>
|
||||
<td>{{ now()->format('F d, Y') }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Payment Method:</td>
|
||||
<td>{{ $payment->method ?? 'N/A' }}</td>
|
||||
</tr>
|
||||
@if($payment->reference)
|
||||
<tr>
|
||||
<td>Reference Number:</td>
|
||||
<td>{{ $payment->reference }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="receipt-details">
|
||||
<h3 style="color: #4F46E5; margin-bottom: 15px;">Member Information</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Name:</td>
|
||||
<td>{{ $member->full_name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Email:</td>
|
||||
<td>{{ $member->email }}</td>
|
||||
</tr>
|
||||
@if($member->phone)
|
||||
<tr>
|
||||
<td>Phone:</td>
|
||||
<td>{{ $member->phone }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
@if($member->membership_started_at)
|
||||
<tr>
|
||||
<td>Membership Start:</td>
|
||||
<td>{{ $member->membership_started_at->format('F d, Y') }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
@if($member->membership_expires_at)
|
||||
<tr>
|
||||
<td>Membership Expires:</td>
|
||||
<td>{{ $member->membership_expires_at->format('F d, Y') }}</td>
|
||||
</tr>
|
||||
@endif
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="stamp">
|
||||
<p><strong>Issued by:</strong> {{ config('app.name') }}</p>
|
||||
<p><strong>Date:</strong> {{ now()->format('F d, Y \a\t H:i') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p>This is an official receipt for membership payment.</p>
|
||||
<p>Please keep this receipt for your records.</p>
|
||||
<p>For questions or concerns, please contact the membership office.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user