Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/invoices/ |
@inject('service', 'App\library\InjectService')
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Order Invoice</title>
{{--<link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">--}}
<style type="text/css">
@page {
margin-top: 20px !important;
margin-bottom: 20px !important;
margin-left: 0px !important;
margin-right: 0px!important;
padding-left: 0px !important;
}
body {
font-family: 'Source Sans Pro',sans-serif;
}
.text-left {
text-align:left;
}
.text-right {
text-align:right;
}
table {
width:100%;
margin-top:-20px;
padding-left:12px;
padding-right:12px;
}
th.width10 {
width: 10%;
}
th.width20 {
width: 20%;
}
th.width40 {
width: 40%;
}
th.width300 {
width: 120px;
}
.row-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
main {
margin-top:-20px;
}
.col {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.printinvoice-temp-outter {
clear: both;
}
.invoice-div {
}
#invoice-temp{
padding: 30px;
max-width: 100%;
}
.invoice-temp {
position: relative;
background-color: #ffffff;
padding: 5px;
}
.invoice-temp-logo img {
margin-top:-10px;
max-width: 50%;
width: 50%;
height:auto;
}
.invoice-temp header {
padding-top: 10px;
padding-bottom: -20px;
}
.invoice-temp .company-details {
text-align: right;
font-size:12px;
}
.invoice-temp .company-details .name {
margin-top: 0;
margin-bottom: 0;
font-size:20px;
}
.invoice-temp .invoice-temp-to {
text-align: left;
font-size: 12px;
}
.invoice-temp .invoice-temp-to .to {
margin-top: 0;
margin-bottom: 0;
}
.invoice-temp .invoice-temp-details {
text-align: right;
}
.invoice-temp .invoice-temp-details .invoice-temp-id {
margin-top: 0;
color: #a9140f;
}
.invoice-temp .invoice-temp-details h1.invoice-temp-id {
font-size: 20px;
text-align:right;
}
.invoice-temp .invoice-temp-details .date {
font-size: 12px;
margin-top: -10px;
}
.invoice-temp .invoice-temp-details .ddate {
font-size: 12px;
margin-top: 0px;
}
.invoice-temp .invoice-temp-details .invoice-temp-cancelled {
margin-top: 0;
color: #777777;
border: 2px solid #777777;
border-right: 60px solid #777777;
border-left: 60px solid #777777;
text-align: center;
font-size: 25px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-pending {
margin-top: 0;
color: #ffc107;
border: 2px solid #ffc107;
border-right: 60px solid #ffc107;
border-left: 60px solid #ffc107;
text-align: center;
font-size: 25px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-unpaid {
margin-top: 0;
color: #a9140f;
border: 2px solid #a9140f;
border-right: 60px solid #a9140f;
border-left: 60px solid #a9140f;
text-align: center;
font-size: 25px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-paid {
margin-top: 0;
color: #0d9737;
border: 2px solid #0d9737;
border-right: 60px solid #0d9737;
border-left: 60px solid #0d9737;
text-align: center;
font-size: 25px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-awaiting {
margin-top: 0;
color: #8E44AD;
border: 2px solid #8E44AD;
border-right: 60px solid #8E44AD;
border-left: 60px solid #8E44AD;
text-align: center;
font-size: 25px;
line-height: 1.2;
}
.invoice-temp main {
padding-bottom: 50px;
}
.invoice-temp .notices .invoice-delivery {
margin-top: 0;
color: #a9140f;
}
.invoice-temp .notices h1.invoice-delivery {
padding-top: 2px;
font-size: 20px;
}
.invoice-temp main .notices {
padding-left: 6px;
border-left: 5px solid #a9140f;
margin-left:15px;
margin-top:-30px;
margin-bottom: 40px;
}
.invoice-temp main .notices .notice {
font-size: 12px;
margin-top:-15px;
padding-bottom: 2px;
}
.invoice-temp table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
}
.invoice-temp table td,.invoice-temp table th {
padding: 15px;
background: #eeeeee;
border-bottom: 1px solid #fff;
}
.invoice-temp table th {
white-space: nowrap;
font-weight: 400;
font-size: 12px;
}
.invoice-temp table td h3 {
margin: 0;
font-weight: 400;
color: #a9140f;
font-size: 12px;
text-align:left;
}
.invoice-temp table .maintitle {
text-align: right;
font-size: 12px;
}
.invoice-temp table .qty,.invoice-temp table .total,.invoice-temp table .unit {
text-align: right;
font-size: 12px;
}
.invoice-temp table .no {
color: #000000;
font-size: 14px;
background: #dddddd;
}
.invoice-temp table .unit {
background: #dddddd;
}
.invoice-temp table .total {
background: #dddddd;
color: #000000;
}
.invoice-temp table tbody tr:last-child td {
border: none;
}
.invoice-temp table tfoot td {
background: 0 0;
border-bottom: none;
white-space: nowrap;
text-align: right;
padding: 10px 20px;
font-size: 12px;
border-top: 1px solid #ffffff;
font-weight: bold;
}
.invoice-temp table tfoot tr:first-child td {
border-top: 1px solid #ffffff;
}
.invoice-temp table tfoot tr:last-child td {
color: #a9140f;
font-size: 12px;
border-top: 1px solid #a9140f;
}
.invoice-temp table tfoot tr td:first-child {
border: none;
}
.invoice-temp footer {
width: 100%;
text-align: center;
color: #777;
border-top: 1px solid #aaaaaa;
padding: 8px 0;
}
td.footertotal {
background-color: #f6f6f6 !important;
}
td.white {
background-color: #fff !important;
}
#footer { position: fixed; left: 0; bottom: 10px; right: 0; height: 50px; }
#footer .page:after { content: counter(page, upper-number); }
#footer p{margin: 0 !important;}
</style>
</head>
<body>
<div id="invoice-temp">
<div class="invoice-temp overflow-auto">
<div class="invoice-div">
<header>
<div class="row row-flex">
<div class="col invoice-temp-logo">
@if(isset($setting) && !empty($setting->header_logo))
<img src="img/images_uploaded/{{$setting->header_logo}}" alt="{{ config('app.name') }}" data-holder-rendered="true" />
@endif
</div>
<div class="col company-details">
<h2 class="name">{{ $contact_info['contact_name'] }}</h2>
<div>{{ $contact_info['address'] }}</div>
<div>{{ $contact_info['phone'] }}</div>
<div>{{ $contact_info['email'] }}</div>
</div>
</div>
</header>
<main>
<div class="row row-flex contacts status">
<div class="col invoice-temp-details">
@if($order['order_status'] == '0')
<h1 class="@if($status->name == 'paid') invoice-temp-paid @elseif($status->name == 'pending') invoice-temp-pending @elseif($status->name == 'awaiting payment') invoice-temp-awaiting @elseif($status->name == 'cancelled') invoice-temp-cancelled @else invoice-temp-unpaid @endif">
{{ strtoupper($status->name)}}
</h1>
@elseif($order['order_status'] == '1' && $status->name == 'paid')
<h1 class="@if($status->name == 'paid') invoice-temp-paid @elseif($status->name == 'pending') invoice-temp-pending @elseif($status->name == 'awaiting payment') invoice-temp-awaiting @elseif($status->name == 'cancelled') invoice-temp-cancelled @else invoice-temp-unpaid @endif">
{{strtoupper($status->name)}}
</h1>
@else
<h1 class="invoice-temp-cancelled">
DELIVERED
</h1>
@endif
</div>
</div>
<div class="row row-flex contacts">
<div class="col invoice-temp-to">
<div class="text-gray-light">INVOICE TO:</div>
<h2 class="to">{{ $customer['name'] }}</h2>
<div class="address">{{$order['address']->address_1}}, <?php if (!empty($order['address']->address_2)) { echo $order['address']->address_2.','; } ?> {{$order['address']->town}}, {{$order['address']->county}}, {{$order['address']->zip}}</div>
<div class="email">{{ $customer['email'] }}</div>
</div>
<div class="col invoice-temp-details">
<h1 class="invoice-temp-id">INVOICE #{{$order['id']}}</h1>
<div class="date">Date of Invoice: {{ date('d/m/Y', strtotime($order['updated_at'])) }}</div>
@if( $order['oil_type_order'] == 1 )
<div class="ddate">Date of Delivery: {{ date('d/m/Y', strtotime($order['delivery_date'])) }}</div>
@endif
</div>
</div>
<div class="notices">
<h1 class="invoice-delivery">DELIVERY ADDRESS:</h1>
<div class="notice">
{{ $address->address_1 }}{{ ( $address->address_2 != '' ) ? ', ' . $address->address_2: '' }}{{ ( $address->town != '' ) ? ', ' . $address->town: '' }}{{ ( $address->county != '' ) ? ', ' . $address->county: '' }}{{ ( $address->zip != '' ) ? ', ' . $address->zip: '' }}
</div>
</div>
<table border="0" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="width10">#</th>
<th class="text-left width40">DESCRIPTION</th>
<th class="text-right width10">VAT</th>
<th class="text-right width20">QTY</th>
<th class="text-right width20">TOTAL</th>
</tr>
</thead>
<tbody>
@foreach ($order['products'] as $product)
<tr>
<td class="no">{{ $product['id'] }}</td>
<td class="text-left maintitle"><h3>{{ $product['name'] }}</h3></td>
@if( $order['oil_type_order'] == 1 )
<td class="unit">{{ floatval($order['tax_percentage']) }}%</td>
@else
<?php
$productId = $product['pivot']['product_id'];
$productDetails = \DB::table('products')->where('id', $productId)->first();
?>
<td class="unit">{{ floatval($productDetails->tax) }}%</td>
@endif
<td class="qty">{{ $product['pivot']['quantity'] }}</td>
@if($order['oil_type_order'] == 1)
<td class="total">{{ config('cart.currency_symbol') }}{{ number_format((($order['total_paid']+$order['discounts']) - $order['tax_value']), 2) }}</td>
@else
<td class="total">{{ config('cart.currency_symbol') }}{{ number_format(($product['pivot']['product_price'] * $product['pivot']['quantity']), 2) }}</td>
@endif
</tr>
@endforeach
</tbody>
<tfoot>
<tr>
<td colspan="3" class="white"></td>
<td class="footertotal width20">SUBTOTAL</td>
<td class="footertotal width20">{{ config('cart.currency_symbol') }}{{ number_format((($order['total_paid']+$order['discounts']) - $order['tax_value']), 2) }}</td>
</tr>
<tr>
<td colspan="3" class="white"></td>
<td class="footertotal width20">
@if( $order['oil_type_order'] == 1 )
VAT @ {{ floatval($order['tax_percentage']) }}%
@else
VAT
@endif
</td>
<td class="footertotal">{{ config('cart.currency_symbol') }}{{ number_format($order['tax_value'], 2) }}</td>
</tr>
<tr>
<td colspan="3" class="white"></td>
<td class="footertotal width20">DISCOUNT</td>
<td class="footertotal width20">{{ config('cart.currency_symbol') }}{{ number_format($order['discounts'], 2) }}</td>
</tr>
<tr>
<td colspan="3" class="white"></td>
<td class="footertotal">GRAND TOTAL</td>
<td class="footertotal">{{ config('cart.currency_symbol') }}{{ number_format($order['total_paid'], 2) }}</td>
</tr>
</tfoot>
</table>
<div style="font-size: 12px;">
<?php $footerContent = $service->getInvoiceContent("invoice_footer"); ?>
@if($footerContent)
{!! $footerContent->message !!}
@endif
</div>
</main>
</div>
<div></div>
</div>
</div>
</body>
</html>