Untitled
unknown
plain_text
2 years ago
21 kB
6
Indexable
<!DOCTYPE html>
<html class="no-js" lang="en" style="-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; color: #777777; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5em; overflow-x: hidden; background-color: #f5f7ff;">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="ThemeMarch">
<!-- Site Title -->
<title>Tixcorner Invoice</title>
<link rel="stylesheet" href="assets/css/style.css">
<style>
@media print {
.cs-hide_print {
display: none !important;
}
}
@media (max-width: 767px) {
.cs-mobile_hide {
display: none;
}
.cs-invoice.cs-style1 {
padding: 30px 20px;
}
.cs-invoice.cs-style1 .cs-right_footer {
width: 100%;
}
.cs-logo img {
display: block;
margin-left: auto;
width: 40% !important;
}
}
@media (max-width: 500px) {
.cs-invoice.cs-style1 .cs-logo {
margin-bottom: 10px;
}
.cs-logo img {
display: block;
margin: auto;
width: 40% !important;
}
.cs-invoice.cs-style1 .cs-invoice_head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cs-invoice.cs-style1 .cs-invoice_head.cs-type1 {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.cs-invoice.cs-style1 .cs-invoice_head .cs-text_right {
text-align: left;
}
.cs-list.cs-style2 li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cs-list.cs-style2 li > * {
padding: 5px 20px;
}
.cs-grid_row {
grid-gap: 0px;
}
.cs-col_2,
.cs-col_3,
.cs-col_4 {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.cs-table.cs-style1.cs-type1 {
padding: 0px 20px;
}
.cs-box2_wrap {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
.cs-box.cs-style1.cs-type1 {
max-width: 100%;
width: 100%;
}
.cs-invoice.cs-style1 .cs-invoice_left {
max-width: 100%;
}
}
</style></head>
<body style="-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; color: #777777; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5em; overflow-x: hidden; background-color: #f5f7ff;">
<div class="cs-container" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; max-width: 880px; padding: 30px 15px; margin-left: auto; margin-right: auto;">
<div class="cs-invoice cs-style1" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; background: #fff; border-radius: 10px; padding: 50px;">
<div class="cs-invoice_in" id="download_section" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em;">
<div class="cs-invoice_head cs-type1 cs-mb25" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;">
<div class="cs-invoice_left" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; max-width: 55%;">
<p class="cs-invoice_number cs-primary_color cs-mb0 cs-f16" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; font-size: 16px; margin-bottom: 0px; color: #111111;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Invoice No:</b> #{{ $details['order_reference'] }}</p>
</div>
<div class="cs-invoice_right cs-text_right" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; text-align: right;">
<div class="cs-logo cs-mb5" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 5px;">
<img src="http://172.93.48.40/emailAssset/assetInvoice/assets/img/irs-transparant.png" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-style: none; border: 0; max-width: 100%; height: auto; vertical-align: middle; width: 30%;" alt="Logo-invoice"></div>
</div>
</div>
<div class="cs-heading cs-style1 cs-f18 cs-primary_color cs-mb25 cs-semi_bold" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; font-size: 18px; font-weight: 600; margin-bottom: 25px; color: #111111; line-height: 1.5em; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 10px 0;">Order Information</div>
<ul class="cs-grid_row cs-col_2 cs-mb5" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 25px 0; padding-left: 20px; margin-bottom: 5px; display: -ms-grid; display: grid; grid-gap: 20px; list-style: none; padding: 0; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);">
<li style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<p class="cs-mb20" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 20px;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Event Name:</b> <br style="-webkit-box-sizing: border-box; box-sizing: border-box;"><span class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; color: #111111;">Indonesia Retail Summit 2022</span></p>
<p class="cs-mb20" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 20px;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Event Onsite Location:</b> <br style="-webkit-box-sizing: border-box; box-sizing: border-box;"><span class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; color: #111111;">Sarinah Building Jakarta, 4<sup style="-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em;">th</sup> & 5<sup style="-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em;">th</sup> Fl., Indonesia.</span></p>
<p class="cs-mb20" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 20px;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Event Schedule:</b> <br style="-webkit-box-sizing: border-box; box-sizing: border-box;"><span class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; color: #111111;">15-16 August 2022</span></p>
</li>
<li style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<p class="cs-mb20" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 20px;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Invoice Status:</b> <br style="-webkit-box-sizing: border-box; box-sizing: border-box;"><span class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; color: #111111;">Paid</span></p>
<p class="cs-mb20" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 20px;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Invoice Date:</b> <br style="-webkit-box-sizing: border-box; box-sizing: border-box;"><span class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; color: #111111;">{{ $details['invoice_date'] }}</span></p>
<p class="cs-mb20" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; margin-bottom: 20px;"><b class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #111111;">Payment Type:</b> <br style="-webkit-box-sizing: border-box; box-sizing: border-box;"><span class="cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; color: #111111;">{{$details['datapaymentduitku'] }}</span></p>
</li>
</ul>
<div class="cs-table cs-style1" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em;">
<div class="cs-round_border" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; border: 1px solid #eaeaea; overflow: hidden; border-radius: 6px;">
<div class="cs-table_responsive" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; overflow-x: auto;">
<table style="-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; caption-side: bottom; border-collapse: collapse; min-width: 600px;" width="100%">
<thead style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<tr style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<th class="cs-width_1 cs-semi_bold cs-primary_color cs-focus_bg" style="-webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 8.33333333%; color: #111111; background: #f6f6f6;" width="8.33333333%" align="left">Item</th>
<th class="cs-width_1 cs-semi_bold cs-primary_color cs-focus_bg" style="-webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 8.33333333%; color: #111111; background: #f6f6f6;" width="8.33333333%" align="left">Qty</th>
<th class="cs-width_1 cs-semi_bold cs-primary_color cs-focus_bg" style="-webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 8.33333333%; color: #111111; background: #f6f6f6;" width="8.33333333%" align="left">Price</th>
<th class="cs-width_1 cs-semi_bold cs-primary_color cs-focus_bg cs-text_right" style="-webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 8.33333333%; color: #111111; background: #f6f6f6; text-align: right;" width="8.33333333%" align="right">Total</th>
</tr>
</thead>
<tbody style="-webkit-box-sizing: border-box; box-sizing: border-box;">
@foreach($details['order_detail'] as $ticket)
<tr style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; width: 8.33333333%;" width="8.33333333%">{{{$ticket['title']}}}</td>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; width: 8.33333333%;" width="8.33333333%">{{$ticket['quantity']}}</td>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; width: 8.33333333%;" width="8.33333333%">
{{number_format($ticket['unit_price'],2)}} IDR
</td>
<td class="cs-width_1 cs-text_right" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; width: 8.33333333%; text-align: right;" width="8.33333333%" align="right">
{{number_format(((int)$ticket['quantity'] * (int) $ticket['unit_price']),2)}} IDR
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
{{-- new --}}
<div class="cs-table_responsive" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; overflow-x: auto;">
<table style="-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; caption-side: bottom; border-collapse: collapse; min-width: 600px;" width="100%">
<tbody style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<tr>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 60%; color: #111111; background: #f6f6f6;" width="8.33333333%">Sub Total</td>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 40%; color: #111111; background: #f6f6f6;text-align: right;" width="8.33333333%">
<?php
if ($details['promoCode']!=null &&$details['promoCode']!=0 &&$details['promoCode']!="null" && $details['promoCode']!="") {
$fix = (int)$details['order_total']+(int)$details['discount'];
echo number_format($fix,2)." IDR";
}else{
// echo "0";
echo number_format($details['order_total'],2) ." IDR";
}
?>
</td>
</tr>
@if ($details['discount'] > 0)
<tr>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 60%; color: #111111; background: #f6f6f6;" width="8.33333333%">
Discount
@if ($details['promoCode']!=null &&$details['promoCode']!=0 &&$details['promoCode']!="null" && $details['promoCode']!="")
({{ $details['promoCode']}} Applied)
@endif
</td>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 40%; color: #111111; background: #f6f6f6;text-align: right;" width="8.33333333%">
-{{number_format($details['discount'],2)}} IDR
</td>
</tr>
@endif
<tr>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 60%; color: #111111; background: #f6f6f6;" width="8.33333333%">Total Amount</td>
<td class="cs-width_1" style="-webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eaeaea; padding: 10px 15px; line-height: 1.55em; font-weight: 600; width: 40%; color: #111111; background: #f6f6f6;text-align: right;" width="8.33333333%">
{{number_format($details['order_total'],2)}} IDR
</td>
</tr>
</tbody>
</table>
</div>
{{--end new --}}
</div>
{{-- <div class="cs-invoice_footer" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex;">
<div class="cs-left_footer cs-mobile_hide" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; width: 55%; padding: 10px 15px;"></div>
<div class="cs-right_footer" style="-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; line-height: 1.5em; width: 46%;">
<table style="-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; caption-side: bottom; border-collapse: collapse; margin-top: -1px;" width="100%">
<tbody style="-webkit-box-sizing: border-box; box-sizing: border-box;">
<tr class="cs-border_none" style="-webkit-box-sizing: border-box; box-sizing: border-box; border: none;">
<td class="cs-width_3 cs-border_top_0 cs-bold cs-f16 cs-primary_color" style="-webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; line-height: 1.55em; font-size: 16px; font-weight: 700; width: 25%; color: #111111; border-top: 0;" width="25%">Total Amount</td>
<td class="cs-width_3 cs-border_top_0 cs-bold cs-f16 cs-primary_color cs-text_right" style="-webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; line-height: 1.55em; font-size: 16px; font-weight: 700; width: 25%; color: #111111; text-align: right; border-top: 0;" width="25%" align="right">{{number_format($details['order_total'],2)}} IDR</td>
</tr>
</tbody>
</table>
</div>
</div> --}}
</div>
</div>
<div class="cs-invoice_btns cs-hide_print" style="width:100%;
margin-top: 8%;">
<a href="http://tixcorner.com/invoice/download/{{$details['reference']}}" class="cs-invoice_btn cs-color1" style="-webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; font-weight: 600; padding: 8px 20px; cursor: pointer; color: #111111; background: #EAEFF7; border-radius: 0 5px 5px 0; margin-left: 42%;">
{{-- <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512" style="-webkit-box-sizing: border-box; box-sizing: border-box; width: 24px; margin-right: 5px;"><path d="M384 368h24a40.12 40.12 0 0040-40V168a40.12 40.12 0 00-40-40H104a40.12 40.12 0 00-40 40v160a40.12 40.12 0 0040 40h24" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" style="-webkit-box-sizing: border-box; box-sizing: border-box;"/><rect x="128" y="240" width="256" height="208" rx="24.32" ry="24.32" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" style="-webkit-box-sizing: border-box; box-sizing: border-box;"/><path d="M384 128v-24a40.12 40.12 0 00-40-40H168a40.12 40.12 0 00-40 40v24" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" style="-webkit-box-sizing: border-box; box-sizing: border-box;"/><circle cx="392" cy="184" r="24" style="-webkit-box-sizing: border-box; box-sizing: border-box;"/></svg> --}}
<span style="-webkit-box-sizing: border-box; box-sizing: border-box;">Print</span>
</a>
</div>
</div>
<p style="-webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5em; margin-bottom: 15px; text-align: center; margin-top: 10px; font-size: 11px;">Powered by
<a href="https://tixcorner.com" style="-webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;">Tixcorner</a></p>
</div>
</body>
</html>Editor is loading...