<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
/* Set the background color of body to tan */
/* On screens that are 992px or less, set the background color to blue */
body{
font-size: 100px;
}
table{
min-height:200px;
font-size: 20px;
}
#delivery{
margin-top: 50px;
}
/* On screens that are 600px or less, set the background color to olive */
</style>
<style>
@media (max-width: 600px) {
table{
min-height:500px;
font-size: 10px;
}
#delivery{
margin-top: 50px;
}
}
@media only screen and (max-width:360px) {
p{
font-size: 10px !important;
}
}
</style>
<html>
<body style="font-size:13px;">
<div class="container" style="max-width: 780px; min-height:500px; margin:0 auto;border: thick dashed #556fb5; padding:10px">
<table width="80%">
<tr>
<td width="900px">
<div class="logotype" >
<div align="center">
<img src="https://proudlyafrican.co.uk/public/general/logos/africa png 2_013939.jpg" style="margin-left: 100px; color:#fff;max-width:130px; line-height: 75px; text-align: center; font-size:11px;" title="Logo">
</div>
</div>
</td>
</tr>
</table>
<div align="center">
<table width="40%">
<tr>
<div align="center">
<div style="background: #034c91;border-left: 15px solid #fff;font-size: 15px;font-weight: bold;letter-spacing: -1px;height: 73px;line-height: 75px;color:white">
<span align="center"><p>Order invoice</p></span>
</div>
</div>
</tr>
</table>
</div>
<table width="100%" style="border-collapse: collapse; margin-top:20px;">
<tr>
<td width="100%" style="background:#ededed;padding:20px;">
<strong>Invoice Number:{{ $invoice_number }}</strong> <br>
<strong>Date:</strong>
<?php $s = date("Y/m/d");
$date = strtotime($s);
?>
<?php echo date('d-M-Y', $date); ?>
<br><strong>Payment type:</strong> Credit<br><br>
</td>
</tr>
</table>
<br><table width="100%"><tr>
<td>
<table>
<tr>
<td style="vertical-align: text-top;">
<!-- <div style="background: #ededed url(https://cdn0.iconfinder.com/data/icons/commerce-line-1/512/comerce_delivery_shop_business-07-128.png);width: 50px;height: 50px;margin-right: 10px;background-position: center;background-size: 42px;"></div>-->
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td><div align="center" style="font-weight: bold"><b>Name:</b></div></td><td> {{ $first_name }}</td>
</tr>
<tr>
<tr>
<td><div align="center" style="font-weight: bold"><b>Delivery:</b></div></td>
<td>
{{ $address1 }}
</td>
</tr>
<tr>
<td></td>
<td>
{{ $address2 }}<br>
{{ $city }},{{ $zip }}<br>
</td>
</tr>
<tr>
<td><div align="center" style="font-weight: bold"><b>Phone:</b></div></td><td> {{ $phone }}</td>
</tr>
<tr>
<td><div align="center" style="font-weight: bold"><b>Email:</b></div></td><td> {{ $email }}</td>
</tr>
</table>
</td>
</tr></table>
<table width="100%" style="border-collapse: collapse;border-bottom:1px solid #eee; margin-top:30px;padding: 20px">
<tr style="padding: 20px">
<td width="40%" class="column-header" style="background:#eee;text-transform:uppercase;padding:15px;font-size:15px;border-right:1px solid #eee;"><b>Product</b></td>
<td width="20%" class="column-header" style="background:#eee;text-transform:uppercase;padding:15px;font-size:15px;border-right:1px solid #eee;"><b>Unit</b></td>
<td width="20%" class="column-header" style="background:#eee;text-transform:uppercase;padding:15px;font-size:15px;border-right:1px solid #eee;"><b>Price</b></td>
<td width="20%" class="column-header" style="background:#eee;text-transform:uppercase;padding:15px;font-size:15px;border-right:1px solid #eee;"><b>Total</b></td>
</tr>
@foreach($products as $product)
<tr style="padding: 20px">
<td class="row" style="padding:7px 14px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;">
{{ $product->product_name }}</td>
<td class="row" style="padding:7px 14px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;">{{ $product->secondquantity }} {{ $product->unit }}</td>
<td class="row" style="padding:7px 14px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;">{{ $product->quantity}} <span style="color:#777">X</span> £.{{ $product->amount }} </td>
<td class="row" style="padding:7px 14px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;">£.{{ $product->amount }}</td>
</tr>
@endforeach();
</table>
<style>
@media screen and (max-width: 992px){
.mytable {
min-height: 100px;
font-size: 20px;
}
}
</style>
<br>
<table width="100%" style="background:#eee;padding:10px; ">
<tr>
<td>
<table width="300px" style="float:right" class="mytable">
<tr style="padding: 300px">
<td>
<strong>Sub-total:</strong></td>
<td style="text-align:right">£. {{ $subtotal }}</td>
</tr>
<tr>
<td><strong>Shipping fee:</strong></td>
<td style="text-align:right"> £.{{ $shipping_charge }}</td>
</tr>
@if($tax_amount>0)
<tr>
<td>
<strong>Tax {{ $tax_percentage }}%:</strong></td>
<td style="text-align:right">£.{{ $tax_amount }}
</td>
</tr>
@else
@endif
@if($discount>0)
<tr>
<td>
<strong>Discount :</strong></td>
<td style="text-align:right">£.{{ $discount }}
</td>
</tr>
@else
@endif
<tr>
<td><strong>Grand total:</strong></td>
<td style="text-align:right">£.<?php echo number_format((float)$grandtotal, 2, '.', ''); ?></td>
</tr>
</table>
</td>
</tr></table>
<div class="alert" style="background: #ffd9e8;padding:20px;margin:20px 0;line-height:22px;color:#333"><span><strong>Description :</strong></span><br>
This Invoice details was sent by Proudly African, 212 Terminus Road Eastbourne, East Sussex, BN21 3DF. TEL :+447485108269.
</div>
<div class="socialmedia" style="background:#eee;padding:20px; display:inline-block">Follow us online <small>
@foreach($shared_socials as $social)
@if($social->facebook_status=='E')
<a href="{{ $social->facebook }}"><img src="https://i.imgur.com/uADHIil.png" style="width:20px"></a>
@endif
@if($social->twitter_status=='E')
<a href="{{ $social->twitter }}"><img src="https://i.imgur.com/SPEABBH.png" style="width:20px"></a>
@endif
@if($social->youtube_status=='E')
<a href="{{ $social->youtube }}"><img src="https://lh3.googleusercontent.com/j_RwVcM9d47aBDW5DS1VkdxUYCkDUCB6wZglv4x-9SmsxO0VaFs7Csh-FmKRCWz9r_Ef=w170" style="width:20px"></a>
@endif
@if($social->instagram_status=='E')
<a href="{{ $social->instagram }}"><img src="https://www.mchenryvillage.com/images/instagram-icon.png" style="width:20px"></a>
@endif
@if($social->tiktok_status=='E')
<a href="{{ $social->tiktok }}"><img src="https://cdn2.iconfinder.com/data/icons/social-media-2421/512/TikTok-512.png" style="width:20px"></a>
@endif
@endforeach
</small>
</div>
</div>
<!-- container -->
</body>
</html>
<!--<script>-->
<!-- $(document).ready(function(){-->
<!-- window.print();-->
<!-- });-->
<!--</script>-->
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell