View difference between Paste ID: tZGifcPj and tLzEjkJv
SHOW: | | - or go back to the newest paste.
1-
<style>
1+
    <style>
2
    html,head,body{
3
    font-color:black;}
4
    </style>
5
    {% capture email_title %}
6
    {% endcapture %}
7
    {% capture email_body %}
8
      {% if has_pending_payment %}
9
        {% if buyer_action_required %}
10
            <p  style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >PLEASE NOTE: YOU’LL GET A CONFIRMATION EMAIL AFTER COMPLETING YOUR PAYMENT.</p>
11
        {% else %}
12
        <p  style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >PLEASE NOTE: YOUR PAYMENT IS BEING PROCESSED. YOU'LL GET AN EMAIL WHEN YOUR ORDER IS CONFIRMED.</p>
13
        {% endif %}
14
      {% else %}
15
        {% if requires_shipping %}
16
        {% case delivery_method %}
17
            {% when 'pick-up' %}
18
                <p  style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >PLEASE NOTE: YOU’LL RECEIVE AN EMAIL WHEN YOUR ORDER IS READY FOR PICKUP.<p>
19
            {% when 'local' %}
20
                <p  style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >HI {{ customer.first_name | upcase }}, WE'RE GETTING YOUR ORDER READY FOR DELIVERY.</p>
21
            {% else %}
22
            <p  style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" >PLEASE NOTE: YOU’LL RECEIVE AN EMAIL WHEN YOUR ORDER IS OUT FOR DELIVERY.<p>
23
          {% endcase %}
24
            {% if delivery_instructions != blank  %}
25
              <p  style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" ><b>Delivery information:</b> {{ delivery_instructions }}</p>
26
            {% endif %}
27
           {% if consolidated_estimated_delivery_time %}
28
           {% endif %}
29
        {% endif %}
30
      {% endif %}
31
      {% assign gift_card_line_items = line_items | where: "gift_card" %}
32
      {% assign found_gift_card_with_recipient_email = false %}
33
      {% for line_item in gift_card_line_items %}
34
        {% if line_item.properties["__shopify_send_gift_card_to_recipient"] and line_item.properties["Recipient email"] %}
35
          {% assign found_gift_card_with_recipient_email = true %}
36
          {% break %}
37
        {% endif %}
38
      {% endfor %}
39
      {% if found_gift_card_with_recipient_email %}
40
        <p  style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" >Your gift card recipient will receive an email with their gift card code.</p>
41
      {% elsif gift_card_line_items.first %}
42
      <p  style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" >You’ll receive separate emails for any gift cards.</p>
43
      {% endif %}
44
    {% endcapture %}
45
    <!DOCTYPE html>
46
    <html lang="en">
47
      <head>
48
      <title>{{ email_title }}</title>
49
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
50
      <meta name="viewport" content="width=device-width">
51
      <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
52
      <style>
53
        .button__cell { background: black; }
54
        a, a:hover, a:active, a:visited { color: black; }
55
      </style>
56
    </head>
57
      <body>
58
        <table class="body">
59
          <tr>
60
            <td>
61
              <table class="header row">
62
      <tr>
63
        <td class="header__cell">
64
          <center>
65
            <table class="container">
66
              <tr>
67
                <td>
68
                    <table class="row">
69
                        <tr  style="font-family:'Roboto Mono',monospace;outline-style:none;display: block;">
70
                          <td class="shop-name__cell" style="font-family:'Roboto Mono',monospace; outline-style:none; text-align: center; display: block;">
71
                        {%- if shop.email_logo_url %}
72
                          <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
73
                        {%- else %}
74
                          <h1 class="shop-name__text" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:30px; text-align: center;display: block; color:black; !important; text-decoration:none; outline-style:none; text-transform:uppercase">
75
                            <a href="{{shop.url}}">{{ shop.name }}</a>
76
                          </h1>
77
                        {%- endif %}
78
                      </td>
79
                        <td class="order-number__cell" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:30px; text-align: center;display: block; color:black;!important; text-decoration:none; font-family:'Roboto Mono',monospace; outline-style:none; text-transform:uppercase">
80
                          <span class="order-number__text">
81
                            <p  style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align: center;display: block; color:black;">ORDER {{ order_name }}</p>
82
                          </span>
83
                        </td>
84
                    </tr>
85
                  </table>
86
                </td>
87
              </tr>
88
            </table>
89
          </center>
90
        </td>
91
      </tr>
92
    </table>
93
              <table class="row content">
94
      <tr>
95
        <td class="content__cell">
96
          <center>
97
            <table class="container">
98
              <tr>
99
                <td>
100
                <h2>{{ email_title }}</h2>
101
                <p>{{ email_body }}</p>
102
                {% assign transaction_count = transactions | size %}
103
      {% if transaction_count > 0 %}
104
        {% for transaction in transactions %}
105
          {% if transaction.show_buyer_pending_payment_instructions? %}
106
            <p> {{transaction.buyer_pending_payment_notice}} </p>
107
            <p>
108
            <table class="row">
109
              <tr>
110
                {% for instruction in transaction.buyer_pending_payment_instructions %}
111
                  <td>{{ instruction.header }}</td>
112
                {% endfor %}
113
                <td>Amount</td>
114
              </tr>
115
              <tr>
116
                {% for instruction in transaction.buyer_pending_payment_instructions %}
117
                  <td>{{ instruction.value }}</td>
118
                {% endfor %}
119
                <td>{{transaction.amount | money}}</td>
120
              </tr>
121
            </table>
122
            </p>
123
          {% endif %}
124
        {% endfor%}
125
      {% endif %}
126
                {% if order_status_url %}
127
                  <table class="row actions">
128
      <tr>
129
        <td class="empty-line">&nbsp;</td>
130
      </tr>
131
      <tr>
132
        <td class="actions__cell">
133
          <table class="link secondary-action-cell"  style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" >
134
            <tr>
135
              <td class="link__cell"><a style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" href="{{ order_status_url }}" class="link__cell">VIEW YOUR ORDER</a></td>
136
            </tr>
137
          </table>
138
          {% if shop.url %}
139
        <table class="link secondary-action-cell" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" >
140
          <tr>
141
            <td class="link__cell"><a style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" href="{{ shop.url }}">VISIT OUR STORE</a></td>
142
          </tr>
143
        </table>
144
    {% endif %}
145
        </td>
146
      </tr>
147
    </table>
148
                {% else %}
149
                  {% if shop.url %}
150
        <table class="row actions"  style="font-family:'Roboto Mono',monospace;outline-style:none;width: 100% !important">
151
          <tr>
152
            <td class="actions__cell">
153
              <table class="button main-action-cell">
154
                <tr>
155
                  <td class="button__cell"><a   style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" href="{{ shop.url }}" class="button__text"  style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100% !important" >VISIT OUR STORE</a></td>
156
                </tr>
157
              </table>
158
            </td>
159
          </tr>
160
        </table>
161
    {% endif %}
162
                {% endif %}
163
                </td>
164
              </tr>
165
        </td>
166
      </tr>
167
              <table class="row section">
168
      <tr>
169
        <td class="section__cell">
170
            <table class="container">
171
              <tr>
172
                <td>
173
                  <h3  style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; color:black !important">ORDER SUMMARY</h3>
174
                </td>
175
              </tr>
176
            </table>
177
            <table class="container">
178
              <tr>
179
                <td>
180
    <table class="row">
181
      {% for line in subtotal_line_items %}
182
      <tr class="order-list__item">
183
        <td class="order-list__item__cell">
184
          <table>
185
            <td>
186
              {% if line.image %}
187
                <img src="{{ line | img_url: 'compact_cropped' }}"  style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center;" width="60" height="60" class="order-list__product-image"/>
188
              {% endif %}
189
            </td>
190
            <td class="order-list__product-description-cell">
191
              {% if line.product.title %}
192
                {% assign line_title = line.product.title %}
193
              {% else %}
194
                {% assign line_title = line.title %}
195
              {% endif %}
196
              {% if line.quantity < line.quantity %}
197
                {% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
198
              {% else %}
199
                {% assign line_display = line.quantity  %}
200
              {% endif %}
201
              <span class="order-list__item-title">{{ line_title }}&nbsp;&times;&nbsp;{{ line_display }}</span><br/>
202
              {% if line.variant.title != 'Default Title' %}
203
                <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
204
              {% endif %}
205
              {% for group in line.groups %}
206
                <span class="order-list__item-variant">PART OF: {{ group.display_title }}</span><br/>
207
              {% endfor %}
208
                {% if line.gift_card and line.properties["__shopify_send_gift_card_to_recipient"] %}
209
                  {% for property in line.properties %}
210
      {% assign property_first_char = property.first | slice: 0 %}
211
      {% if property.last != blank and property_first_char != '_' %}
212
        <div class="order-list__item-property">
213
          <dt>{{ property.first }}:</dt>
214
          <dd>
215
          {% if property.last contains '/uploads/' %}
216
            <a href="{{ property.last }}" class="link" target="_blank">
217
            {{ property.last | split: '/' | last }}
218
            </a>
219
          {% else %}
220
            {{ property.last }}
221
          {% endif %}
222
          </dd>
223
        </div>
224
      {% endif %}
225
    {% endfor %}
226
                {% endif %}
227
              {% if line.selling_plan_allocation %}
228
                <span class="order-list__item-variant">{{ line.selling_plan_allocation.selling_plan.name }}</span><br/>
229
              {% endif %}
230
              {% if line.refunded_quantity > 0 %}
231
                <span class="order-list__item-refunded" style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Refunded</span>
232
              {% endif %}
233
              {% if line.discount_allocations %}
234
                {% for discount_allocation in line.discount_allocations %}
235
                  {% if discount_allocation.discount_application.target_selection != 'all' %}
236
                    <span class="order-list__item-discount-allocation">
237
                      <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
238
                      <span>
239
                        {{ discount_allocation.discount_application.title | upcase }}
240
                        (-{{ discount_allocation.amount | money }})
241
                      </span>
242
                    </span>
243
                  {% endif %}
244
                {% endfor %}
245
              {% endif %}
246
            </td>
247
              <td class="order-list__price-cell">
248
                {% if line.original_line_price != line.final_line_price %}
249
                  <del class="order-list__item-original-price">{{ line.original_line_price | money }}</del>
250
                {% endif %}
251
                <p class="order-list__item-price">
252
                  {% if line.final_line_price > 0 %}
253
                    {{ line.final_line_price | money }}
254
                  {% else %}
255
                    FREE
256
                  {% endif %}
257
                </p>
258
              </td>
259
          </table>
260
        </td>
261
      </tr>{% endfor %}
262
    </table>
263
                <table class="row subtotal-lines">
264
      <tr>
265
        <td class="subtotal-spacer"></td>
266
        <td>
267
          <table class="row subtotal-table">
268
            {% for discount_application in discount_applications %}
269
              {% if discount_application.target_selection == 'all' %}
270
                {% capture discount_title %}
271
                  {% if discount_application.title %}
272
                    {{ discount_application.title | upcase }}
273
                  {% else %}
274
                    Discount
275
                  {% endif %}
276
                {% endcapture %}
277
    <tr class="subtotal-line">
278
      <td class="subtotal-line__title">
279
        <p>
280
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Discount</span>
281
            <span class="subtotal-line__discount">
282
              <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
283
              <span class="subtotal-line__discount-title" style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase;  !important">{{ discount_title }}</span>
284
            </span>
285
        </p>
286
      </td>
287
      <td class="subtotal-line__value">
288
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">-{{ discount_application.total_allocated_amount | money }}</strong>
289
      </td>
290
    </tr>
291
              {% endif %}
292
            {% endfor %}
293
    <tr class="subtotal-line">
294
      <td class="subtotal-line__title">
295
        <p>
296
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Subtotal</span>
297
        </p>
298
      </td>
299
      <td class="subtotal-line__value">
300
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">{{ subtotal_price | money }}</strong>
301
      </td>
302
    </tr>
303
            {% if delivery_method == 'pick-up' %}
304
    <tr class="subtotal-line">
305
      <td class="subtotal-line__title">
306
        <p>
307
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Pickup</span>
308
        </p>
309
      </td>
310
      <td class="subtotal-line__value">
311
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">{{ shipping_price | money }}</strong>
312
      </td>
313
    </tr>
314
            {% else %}
315
    <tr class="subtotal-line">
316
      <td class="subtotal-line__title">
317
        <p>
318
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Shipping</span>
319
        </p>
320
      </td>
321
      <td class="subtotal-line__value">
322
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">{{ shipping_price | money }}</strong>
323
      </td>
324
    </tr>
325
            {% endif %}
326
            {% if total_duties %}
327
    <tr class="subtotal-line">
328
      <td class="subtotal-line__title">
329
        <p>
330
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase;  !important">Duties</span>
331
        </p>
332
      </td>
333
      <td class="subtotal-line__value">
334
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">{{ total_duties | money }}</strong>
335
      </td>
336
    </tr>
337
            {% endif %}
338
    <tr class="subtotal-line">
339
      <td class="subtotal-line__title">
340
        <p>
341
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase;  !important">Taxes</span>
342
        </p>
343
      </td>
344
      <td class="subtotal-line__value">
345
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">{{ tax_price | money }}</strong>
346
      </td>
347
    </tr>
348
            {% if total_tip and total_tip > 0 %}
349
    <tr class="subtotal-line">
350
      <td class="subtotal-line__title">
351
        <p>
352
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase;  !important">Tip</span>
353
        </p>
354
      </td>
355
      <td class="subtotal-line__value">
356
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase;  !important">{{ total_tip | money }}</strong>
357
      </td>
358
    </tr>
359
            {% endif %}
360
          </table>
361
          {% assign transaction_size = 0 %}
362
          {% assign transaction_amount = 0 %}
363
          {% for transaction in transactions %}
364
            {% if transaction.status == "success" %}
365
            {% unless transaction.kind == "authorization" or transaction.kind == "void" %}
366
              {% assign transaction_size = transaction_size | plus: 1 %}
367
              {% assign transaction_amount = transaction_amount | plus: transaction.amount %}
368
            {% endunless %}
369
            {% endif %}
370
          {% endfor %}
371
          <table class="row subtotal-table subtotal-table--total">
372
          {% if payment_terms and payment_terms.automatic_capture_at_fulfillment == false or b2b?%}
373
            {% assign due_at_date = payment_terms.next_payment.due_at | date: "%b %d, %Y" %}
374
    <tr class="subtotal-line">
375
      <td class="subtotal-line__title">
376
        <p>
377
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase;  !important">Total paid today</span>
378
        </p>
379
      </td>
380
      <td class="subtotal-line__value">
381
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase; font-size:16px; !important">{{ transaction_amount | money_with_currency }}</strong>
382
      </td>
383
    </tr>
384
            <div class="payment-terms">
385
    <tr class="subtotal-line">
386
      <td class="subtotal-line__title">
387
        <p>
388
          <span>Total due {{ due_at_date }}</span>
389
        </p>
390
      </td>
391
      <td class="subtotal-line__value">
392
        <strong>{{ payment_terms.next_payment.amount_due | money_with_currency }}</strong>
393
      </td>
394
    </tr>
395
            </div>
396
          {% else %}
397
    <tr class="subtotal-line">
398
      <td class="subtotal-line__title">
399
        <p>
400
          <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase;  !important">Total</span>
401
        </p>
402
      </td>
403
      <td class="subtotal-line__value">
404
        <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase; font-size:16px; !important">{{ total_price | money_with_currency }}</strong>
405
      </td>
406
    </tr>
407
          {% endif %}
408
          </table>
409
          {% if total_discounts > 0 %}
410
            <p class="total-discount" style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase;  !important">
411
              You saved <span class="total-discount--amount"  style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase;color:#777;  !important">{{ total_discounts | money }}</span>
412
            </p>
413
          {% endif %}
414
          {% unless payment_terms %}
415
          {% if transaction_size > 1 or transaction_amount < total_price %}
416
            <table class="row subtotal-table">
417
              <tr><td colspan="2" class="subtotal-table__line"></td></tr>
418
              <tr><td colspan="2" class="subtotal-table__small-space"></td></tr>
419
              {% for transaction in transactions %}
420
                {% if transaction.status == "success" and transaction.kind == "capture" or transaction.kind == "sale" %}
421
                  {% if transaction.payment_details.credit_card_company %}
422
                    {% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (ENDING IN {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
423
                  {% else %}
424
                    {% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %}
425
                  {% endif %}
426
    <tr class="subtotal-line">
427
      <td class="subtotal-line__title">
428
        <p>
429
          <span>{{transaction_name}}</span>
430
        </p>
431
      </td>
432
      <td class="subtotal-line__value">
433
        <strong>{{ transaction.amount | money }}</strong>
434
      </td>
435
    </tr>
436
                {% endif %}
437
                {% if transaction.kind == 'refund' %}
438
                  {% if transaction.payment_details.credit_card_company %}
439
                    {% assign refund_method_title = transaction.payment_details.credit_card_company %}
440
                  {% else %}
441
                    {% assign refund_method_title = transaction.gateway %}
442
                  {% endif %}
443
    <tr class="subtotal-line">
444
      <td class="subtotal-line__title">
445
        <p>
446
          <span>Refund</span>
447
            <br>
448
            <small>{{ refund_method_title | capitalize }}</small>
449
        </p>
450
      </td>
451
      <td class="subtotal-line__value">
452
        <strong>- {{ transaction.amount | money }}</strong>
453
      </td>
454
    </tr>
455
                {% endif %}
456
              {% endfor %}
457
            </table>
458
          {% endif %}
459
          {% endunless %}
460
        </td>
461
      </tr>
462
    </table>
463
                </td>
464
              </tr>
465
            </table>
466
          </center>
467
        </td>
468
      </tr>
469
    </table>
470
              <table class="row section">
471
      <tr>
472
        <td class="section__cell">
473
          <center>
474
            <table class="container">
475
              <tr>
476
                <td>
477
                  <h3  style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; color:black !important">CUSTOMER INFORMATION</h3>
478
                </td>
479
              </tr>
480
            </table>
481
            <table class="container">
482
              <tr>
483
                <td>
484
                <table class="row">
485
                  <tr>
486
                    {% if requires_shipping and shipping_address %}
487
                      <td class="customer-info__item"  style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; text-transform:uppercase; color:black; !important">
488
                        <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center; color:black; !important">DELIVERY ADDRESS</h4>
489
                        {{ shipping_address | format_address }}
490
                      </td>
491
                    {% endif %}
492
                    {% if billing_address %}
493
                      <td class="customer-info__item"  style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; text-transform:uppercase; color:black; !important">
494
                        <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center; color:black; !important">BILLING ADDRESS</h4>
495
                        {{ billing_address | format_address }}
496
                      </td>
497
                    {% endif %}
498
                  </tr>
499
                </table>
500
                <table class="row">
501
                  <tr>
502
                    {% if company_location %}
503
                      <td class="customer-info__item">
504
                        <h4 style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase;  !important">Location</h4>
505
                        <p style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold;  color:black; text-transform:uppercase; font-size:16px; !important">
506
                          {{ company_location.name }}
507
                        </p>
508
                      </td>
509
                    {% endif %}
510
                    {% if transaction_size > 0 or payment_terms and payment_terms.automatic_capture_at_fulfillment == false or b2b? %}
511
                      <td class="customer-info__item">
512
                        <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center; color:black; !important">PAYMENT METHOD</h4>
513
                        <p class="customer-info__item-content">
514
                          {% if payment_terms %}
515
                            {% assign due_date = payment_terms.next_payment.due_at | default: nil %}
516
                            {% if payment_terms.type == 'receipt' or payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil %}
517
                              {{ payment_terms.translated_name }}<br>
518
                            {% else %}
519
                              {{ payment_terms.translated_name }}: DUE {{ due_date | date: format: 'date' }}<br>
520
                            {% endif %}
521
                          {% endif %}
522
                          {% if transaction_size > 0 %}
523
                            {% for transaction in transactions %}
524
                              {% if transaction.status == "success" or transaction.status == "pending" %}
525
                                {% if transaction.kind == "capture" or transaction.kind == "sale" %}
526
                                  {% if transaction.payment_details.credit_card_company %}
527
                                    <img src="{{ transaction.payment_details.credit_card_company | payment_icon_png_url  }}" class="customer-info__item-credit" height="24" alt="{{ transaction.payment_details.credit_card_company }}">
528
                                    <span>ENDING WITH {{ transaction.payment_details.credit_card_last_four_digits }}</span><br>
529
                                  {% elsif transaction.gateway_display_name == "Gift card" %}
530
                                    <img src="{{ transaction.gateway_display_name | downcase | replace: ' ', '-'  | payment_type_img_url }}" class="customer-info__item-credit" height="24">
531
                                    ENDING WITH {{ transaction.payment_details.gift_card.last_four_characters | upcase }}<br>
532
                                      &emsp;&emsp;&emsp;&nbsp;GIFT CARD BALANCE - <b>{{ transaction.payment_details.gift_card.balance |  money }}</b>
533
                                  {% elsif transaction.gateway_display_name != "Shop Cash" %}
534
                                    {{ transaction.gateway_display_name }}<br>
535
                                  {% endif %}
536
                                {% elsif transaction.kind == "authorization" and transaction.gateway_display_name == "Shop Cash" %}
537
                                  <span style="font-family:'Roboto Mono',monospace;outline-style:none;font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; color:black !important">SHOP CASH - <b>{{ transaction.amount | money }}</b></span>
538
                                {% endif %}
539
                              {% endif %}
540
                            {% endfor %}
541
                          {% endif %}
542
                        </p>
543
                      </td>
544
                    {% endif %}
545
                  </tr>
546
                  <tr>
547
                    {% if requires_shipping and shipping_address %}
548
                      {% if shipping_method %}
549
                        <td class="customer-info__item" style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center;">
550
                          <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-family:'Roboto Mono',monospace;outline-style:none; font-weight:bold; text-align:center; color:black !important">DELIVERY METHOD</h4>
551
                            <p style="font-family:'Roboto Mono',monospace; text-transform:uppercase; outline-style:none;text-align:center; color:#777; !important">
552
                              {% if delivery_promise_branded_shipping_line %}
553
                                {{ delivery_promise_branded_shipping_line }}
554
                              {% else %}
555
                                {{ shipping_method.title }}
556
                              {% endif %}
557
                            </p>
558
                        </td>
559
                      {% endif %}
560
                    {% endif %}
561
                  </tr>
562
                </table>
563
                </td>
564
              </tr>
565
            </table>
566
          </center>
567
        </td>
568
      </tr>
569
    </table>
570
              <table class="row footer">
571
      <tr>
572
        <td class="footer__cell">
573
          <center>
574
            <table class="container">
575
              <tr>
576
                <td>
577
                  <p class="disclaimer__subtext"  style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center;" >IF YOU HAVE ANY QUESTIONS, REPLY TO THIS EMAIL OR CONTACT US AT <br><a href="mailto:[email protected]">[email protected]</a></p>
578
                </td>
579
              </tr>
580
            </table>
581
          </center>
582
        </td>
583
      </tr>
584
    </table>
585
    <img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />
586
            </td>
587
          </tr>
588
        </table>
589
      </body>
590
    </html>