Files
KevKemChiroDocker/resources/views/email-order-success.blade.php
CHIEFSOFT\ameye e321bb1498 remove picstures
2024-01-27 11:00:44 -05:00

434 lines
27 KiB
PHP

@extends('layouts.master')
@section('title')
Order Success Email Template
@endsection
@section('css')
<!-- extra css -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
@endsection
@section('content')
<section
style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #06283D;">
<div
style="max-width: 650px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;border: 1px solid #eef1f5;overflow: hidden;background-color: #fff;">
<div style="padding: 1.5rem;background-color: #fafafa;">
<a href="index"><img src="{{ URL::asset('build/images/logo-dark.png') }}" alt="" height="28"
style="display: block;margin: 0 auto;"></a>
</div>
<div style="padding: 1.5rem;">
<h5
style="font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;">
Your Order Confirmed!</h5>
<h6 style="font-size: 16px;font-weight: 500;margin-bottom: 12px;margin-top: 0px;line-height: 1.2;">Hello,
Edward</h6>
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 0px;">Your order has been Confirmed and
will be shipping soon.</p>
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Order Date</p>
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">01
Jan, 2023</h6>
</td>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Order ID</p>
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
HY45120010</h6>
</td>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Payment</p>
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
Cash On Delivery</h6>
</td>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Address</p>
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">USA
</h6>
</td>
</tr>
</table>
<h6
style="font-family: 'Inter', sans-serif; font-size: 15px;font-weight: 600; text-decoration-line: underline;margin-bottom: 16px;margin-top: 20px;">
Her'e what you ordered:</h6>
<table style="width: 100%;border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tr>
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
<div
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="38">
</div>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;">
Noise NoiseFit Endure Smart Watch</h6>
<p
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
Graphic Print Men & Women Sweatshirt</p>
<p
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
<span>Color: Red</span> <span style="margin-left: 15px;">Size: 8 (US)</span></p>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;">Qty
5</h6>
</td>
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$599.99</h6>
</td>
</tr>
<tr>
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
<div
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" height="38">
</div>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;">
Striped High Neck Men Orange Sweater</h6>
<p
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
Graphic Print Men & Women Sweatshirt</p>
<p
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
<span>Color: Orange</span> <span style="margin-left: 15px;">Size: M</span></p>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;">Qty
1</h6>
</td>
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$62.40</h6>
</td>
</tr>
<tr>
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
<div
style="border: 1px solid #eaeef4;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
AAAA <img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" height="38">
</div>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;">
Girls Mint Green Solid Open Flats</h6>
<p
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
Women Footwear</p>
<p
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
<span>Color: Mint Green</span> <span style="margin-left: 15px;">Size: 10 (US)</span></p>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;">Qty
3</h6>
</td>
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$43.00</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #e9ebec;">
Subtotal
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #e9ebec;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$334.97</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
Shipping Charge
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$9.50</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
Taxs (18.00%)
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$15.26</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
Discount (Toner50)
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$50.00</h6>
</th>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #e9ebec;">
Total Amount
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #e9ebec;">
<h6 style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;">
$338.95</h6>
</td>
</tr>
</table>
<p style="color: #878a99; margin-bottom: 20px;margin-top: 15px;">We'll send you shipping Confirmation when
your item(s) are on the way! We appreciate your business, and hope you enjoy your purchase.</p>
<div style="text-align: right;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 500;font-size: 17px; font-family: 'Inter', sans-serif;">
Thank you!</h6>
<p style="color: #878a99; margin-bottom: 0;margin-top: 8px;">Themesbrand</p>
</div>
</div>
<div style="padding: 1.5rem;background-color: #fafafa;">
<div style="display: flex;gap: 5px;justify-content: space-between;">
<p style="color: #878a99; margin: 0;">Questions? Contact Our <a href="#!"
style="text-decoration: none;"> Customer Support</a></p>
<p style="color: #878a99; margin: 0;">
<script>
document.write(new Date().getFullYear())
</script> © Toner.
</p>
</div>
</div>
</div>
</section>
<section
style="font-family: 'Inter', sans-serif; box-sizing: border-box; font-size: 15px; width: 100%; background-color: transparent; margin: 35px 0;color: #fafafa;">
<div
style="max-width: 650px;margin:auto; box-shadow: rgba(135, 138, 153, 0.10) 0 5px 20px -6px;border-radius: 6px;overflow: hidden;background-color: #06283D;">
<div style="padding: 1.5rem;background-color: #0f3146;">
<a href="index">
<img src="{{ URL::asset('build/images/logo-light.png') }}" alt="" height="28"
style="display: block;margin: 0 auto;">
</a>
</div>
<div style="padding: 1.5rem;">
<h5
style="font-size: 18px;font-family: 'Inter', sans-serif;font-weight: 600;margin-bottom: 18px;margin-top: 0px;line-height: 1.2;color: #fafafa;">
Your Order Confirmed!</h5>
<h6
style="font-size: 16px;font-weight: 500;margin-bottom: 12px;margin-top: 0px;line-height: 1.2;color: #fafafa;">
Hello, Edward</h6>
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 0px;">Your order has been Confirmed
and will be shipping soon.</p>
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<tr>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Order Date</p>
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
01 Jan, 2023</h6>
</td>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Order ID</p>
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
HY45120010</h6>
</td>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Payment</p>
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
Cash On Delivery</h6>
</td>
<td style="padding: 5px; vertical-align: top;">
<p
style="color: #878a99 !important; margin-bottom: 12px; font-size: 13px; text-transform: uppercase;font-weight: 500;margin-top: 0px;">
Address</p>
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
USA</h6>
</td>
</tr>
</table>
<h6
style="font-family: 'Inter', sans-serif; font-size: 15px;font-weight: 600; text-decoration-line: underline;margin-bottom: 16px;margin-top: 20px;color: #fafafa;">
Her'e what you ordered:</h6>
<table style="width: 100%;border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tr>
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
<div
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
<img src="{{ URL::asset('build/images/products/img-5.png') }}" alt="" height="38">
</div>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;color: #fafafa;">
Noise NoiseFit Endure Smart Watch</h6>
<p
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
Graphic Print Men & Women Sweatshirt</p>
<p
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
<span>Color: Red</span> <span style="margin-left: 15px;">Size: 8 (US)</span></p>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;color: #fafafa;">
Qty 5</h6>
</td>
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$599.99</h6>
</td>
</tr>
<tr>
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
<div
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
<img src="{{ URL::asset('build/images/products/img-6.png') }}" alt="" height="38">
</div>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;color: #fafafa;">
Striped High Neck Men Orange Sweater</h6>
<p
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
Graphic Print Men & Women Sweatshirt</p>
<p
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
<span>Color: Orange</span> <span style="margin-left: 15px;">Size: M</span></p>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;color: #fafafa;">
Qty 1</h6>
</td>
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$62.40</h6>
</td>
</tr>
<tr>
<td style="padding: 12px 5px; vertical-align: top;width: 65px;">
<div
style="border: 1px solid #ffffff14;height: 64px;width: 64px;display: flex; align-items: center;justify-content: center;border-radius: 6px;">
BBBBBB <img src="{{ URL::asset('build/images/products/img-4.png') }}" alt="" height="38">
</div>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 500; font-family: 'Inter', sans-serif;color: #fafafa;">
Girls Mint Green Solid Open Flats</h6>
<p
style="color: #878a99 !important; margin-bottom: 10px; font-size: 13px;font-weight: 500;margin-top: 6px;">
Women Footwear</p>
<p
style="color: #878a99 !important; margin-bottom: 0px; font-size: 13px;font-weight: 500;margin-top: 0;">
<span>Color: Mint Green</span> <span style="margin-left: 15px;">Size: 10 (US)</span></p>
</td>
<td style="padding: 12px 5px; vertical-align: top;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 400; font-family: 'Inter', sans-serif;color: #fafafa;">
Qty 3</h6>
</td>
<td style="padding: 12px 5px; vertical-align: top;text-align: end;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$43.00</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #ffffff14;">
Subtotal
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #ffffff14;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$334.97</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
Shipping Charge
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$9.50</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
Taxs (18.00%)
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$15.26</h6>
</td>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;">
Discount (Toner50)
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; ">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$50.00</h6>
</th>
</tr>
<tr>
<td colspan="3" style="padding: 12px 8px; font-size: 15px;border-top: 1px solid #ffffff14;">
Total Amount
</td>
<td style="padding: 12px 8px; font-size: 15px;text-align: end; border-top: 1px solid #ffffff14;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 600; font-family: 'Inter', sans-serif;color: #fafafa;">
$338.95</h6>
</td>
</tr>
</table>
<p style="color: #878a99 !important; margin-bottom: 20px;margin-top: 15px;">We'll send you shipping
Confirmation when your item(s) are on the way! We appreciate your business, and hope you enjoy your
purchase.</p>
<div style="text-align: right;">
<h6
style="font-size: 15px; margin: 0px;font-weight: 500;font-size: 17px; font-family: 'Inter', sans-serif;color: #fafafa;">
Thank you!</h6>
<p style="color: #878a99 !important; margin-bottom: 0;margin-top: 8px;">Themesbrand</p>
</div>
</div>
<div style="padding: 1.5rem;background-color: #0f3146;">
<div style="display: flex;gap: 5px;justify-content: space-between;">
<p style="color: #878a99 !important; margin: 0;">Questions? Contact Our <a href="#!"
style="text-decoration: none;color: #fff;"> Customer Support</a></p>
<p style="color: #878a99 !important; margin: 0;">
<script>
document.write(new Date().getFullYear())
</script> © Toner.
</p>
</div>
</div>
</div>
</section>
@endsection