| 1 |
<style> |
| 2 |
* { |
| 3 |
padding: 0; |
| 4 |
margin: 0; |
| 5 |
box-sizing: border-box; |
| 6 |
} |
| 7 |
|
| 8 |
.bp__email__template__footer { |
| 9 |
max-width: 640px; |
| 10 |
margin: 30px auto; |
| 11 |
text-align: center; |
| 12 |
} |
| 13 |
|
| 14 |
.bp__email__template__footer ul { |
| 15 |
padding: 0; |
| 16 |
margin: 0; |
| 17 |
margin-bottom: 20px; |
| 18 |
list-style: none; |
| 19 |
display: flex; |
| 20 |
justify-content: center; |
| 21 |
align-items: center; |
| 22 |
} |
| 23 |
|
| 24 |
.bp__email__template__footer ul li:not(:last-child) { |
| 25 |
margin-right: 10px; |
| 26 |
} |
| 27 |
|
| 28 |
.bp__email__template__footer ul li a { |
| 29 |
height: 40px; |
| 30 |
width: 40px; |
| 31 |
border-radius: 50%; |
| 32 |
background: #5f5f5f; |
| 33 |
color: #fff; |
| 34 |
line-height: 42px; |
| 35 |
text-align: center; |
| 36 |
display: inline-block; |
| 37 |
text-decoration: none; |
| 38 |
} |
| 39 |
|
| 40 |
.bp__email__template__footer ul li a.icon__facebook { |
| 41 |
background: #1877f2; |
| 42 |
} |
| 43 |
|
| 44 |
.bp__email__template__footer ul li a.icon__twitter { |
| 45 |
background: #1da1f2; |
| 46 |
} |
| 47 |
|
| 48 |
.bp__email__template__footer ul li a.icon__youtube { |
| 49 |
background: #ff0000; |
| 50 |
} |
| 51 |
|
| 52 |
.bp__email__template__footer ul li a.icon__wordpress { |
| 53 |
background: #0087be; |
| 54 |
} |
| 55 |
|
| 56 |
.bp__email__template__footer ul li a.icon__github { |
| 57 |
background: #4078c0; |
| 58 |
} |
| 59 |
</style> |
| 60 |
<div class="bp__email__template" style="width: 60%;margin:auto; |
| 61 |
background-color: #f3f3f3; |
| 62 |
padding: 50px; |
| 63 |
min-height: 100vh; |
| 64 |
font-family: 'DM Sans', sans-serif; |
| 65 |
"> |
| 66 |
<div class="bp__email__template__body" style=" |
| 67 |
max-width: 640px; |
| 68 |
margin: 0 auto 30px; |
| 69 |
background: #fff; |
| 70 |
border-radius: 5px; |
| 71 |
box-shadow: 0 0 0 20px rgba(0, 0, 0 0, 1); |
| 72 |
padding: 30px; |
| 73 |
"> |
| 74 |
<table style="width: 100%;background: #fff;"> |
| 75 |
<tr> |
| 76 |
<td> |
| 77 |
<p style="text-align: center;padding-top: 10px; |
| 78 |
color: #9095A2; |
| 79 |
margin-bottom: 10px; |
| 80 |
font-size: 14px; |
| 81 |
line-height: 1.7; |
| 82 |
"> <?php //_e('Powered By', 'better-payment') ?> |
| 83 |
<br><img src="<?php echo esc_url(BETTER_PAYMENT_ASSETS . '/img/logo.svg'); ?>" alt="Better Payment"> |
| 84 |
</p> |
| 85 |
</td> |
| 86 |
<td> |
| 87 |
|
| 88 |
</td> |
| 89 |
</tr> |
| 90 |
<tr> |
| 91 |
<td> |
| 92 |
<?php if($type === 'customer') : ?> |
| 93 |
<p style="color: #222;"> <?php printf('Dear %s,', $customer_name) ?> </p> |
| 94 |
<p> <?php printf('This is to acknowledge that we have received the payment of %s %s on %s <br><br>Here\'s your transaction ID: <b>%s</b>', esc_html($amount), esc_html($currency), esc_html($payment_date), esc_html($transaction_id) ); ?></p> |
| 95 |
<?php else : ?> |
| 96 |
<p style="color: #222;"> <?php _e('Howdy there,', 'better-payment') ?> <span class="username" style="display: none;"> <?php _e('Admin', 'better-payment') ?> </span></p> |
| 97 |
<p> <?php _e('Great News! You have received a new transaction through Better Payment', 'better-payment') ?> 🎉.</p> |
| 98 |
<?php endif; ?> |
| 99 |
|
| 100 |
<?php if( !$is_empty_email_body && $type !== 'customer' ) : ?> |
| 101 |
<h4 style="margin-bottom: 15px;font-weight:normal;"> <?php _e('Below is the Transaction Summary:', 'better-payment') ?> </h4> |
| 102 |
<?php endif; ?> |
| 103 |
|
| 104 |
<?php if($type === 'admin') : ?> |
| 105 |
<?php echo wp_kses( $bp_form_fields_html_content, wp_kses_allowed_html( 'post' ) ); ?> |
| 106 |
<?php endif; ?> |
| 107 |
</td> |
| 108 |
</tr> |
| 109 |
</table> |
| 110 |
<div style="text-align: center;display:none;"> |
| 111 |
<p style="margin-bottom: 0;"> <?php _e('You can also find the transaction details visiting below link.', 'better-payment') ?> </p> |
| 112 |
<a href="<?php echo esc_url($referer_content_page_link); ?>" class="button" |
| 113 |
style="text-align: center; |
| 114 |
padding: 12px 30px; |
| 115 |
line-height: 1; |
| 116 |
color: #fff; |
| 117 |
border: 1px solid transparent; |
| 118 |
background: #6E58F7; |
| 119 |
font-size: 14px; |
| 120 |
font-weight: 500; |
| 121 |
font-family: 'DM Sans', sans-serif; |
| 122 |
overflow: hidden; |
| 123 |
z-index: 1; |
| 124 |
border-radius: 10px; |
| 125 |
display: inline-block; |
| 126 |
text-decoration: none; |
| 127 |
margin-top: 15px;" |
| 128 |
> <?php _e('View Transaction', 'better-payment') ?> </a> |
| 129 |
</div> |
| 130 |
</div> |
| 131 |
<div class="bp__email__template__footer"> |
| 132 |
<p style="margin-bottom: 0; |
| 133 |
color: #9095A2; |
| 134 |
font-size: 14px; |
| 135 |
line-height: 1.7; |
| 136 |
display:none; |
| 137 |
"> <?php _e('@Better Payment. Pay Easy, Pay Safe!', 'better-payment') ?> </p> |
| 138 |
<p style="margin-bottom: 20px; |
| 139 |
color: #9095A2; |
| 140 |
font-size: 14px; |
| 141 |
line-height: 1.7; |
| 142 |
display:none; |
| 143 |
"> <?php _e('Feel free to suggest us and make Better Payment even better', 'better-payment') ?> 😍</p> |
| 144 |
<p style="text-align: center;padding-top: 10px; |
| 145 |
color: #9095A2; |
| 146 |
margin-bottom: 10px; |
| 147 |
font-size: 14px; |
| 148 |
line-height: 1.7; |
| 149 |
display:none; |
| 150 |
"> <?php _e('Powered By', 'better-payment') ?> |
| 151 |
<br><img src="<?php echo esc_url(BETTER_PAYMENT_ASSETS . '/img/logo.svg'); ?>" alt="Better Payment"> |
| 152 |
</p> |
| 153 |
</div> |
| 154 |
</div> |
