mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
fix invoice and estimate templates
This commit is contained in:
@ -688,7 +688,7 @@ export default {
|
|||||||
isValid = false
|
isValid = false
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
if (this.$v.newEstimate.$invalid === false && isValid === true) {
|
if (!this.$v.selectedCustomer.$invalid && this.$v.newEstimate.$invalid === false && isValid === true) {
|
||||||
return true
|
return true
|
||||||
}
|
}
|
||||||
return false
|
return false
|
||||||
|
|||||||
@ -519,14 +519,6 @@ export default {
|
|||||||
...mapActions('item', [
|
...mapActions('item', [
|
||||||
'fetchItems'
|
'fetchItems'
|
||||||
]),
|
]),
|
||||||
isEmpty (obj) {
|
|
||||||
for (let key in obj) {
|
|
||||||
if (obj.hasOwnProperty(key)) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return true
|
|
||||||
},
|
|
||||||
selectFixed () {
|
selectFixed () {
|
||||||
if (this.newInvoice.discount_type === 'fixed') {
|
if (this.newInvoice.discount_type === 'fixed') {
|
||||||
return
|
return
|
||||||
|
|||||||
@ -72,6 +72,7 @@
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -244,6 +245,8 @@
|
|||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
padding: 0px 30px 0 30px;
|
padding: 0px 30px 0 30px;
|
||||||
|
page-break-before: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table2 hr {
|
.table2 hr {
|
||||||
@ -257,7 +260,7 @@
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.main-table-header td {
|
tr.main-table-header th {
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -284,28 +287,33 @@
|
|||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.padd2 {
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
.table3 {
|
.table3 {
|
||||||
border: 1px solid #EAF1FB;
|
|
||||||
border-top: none;
|
border-top: none;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 230px;
|
width: 630px;
|
||||||
height: 100px;
|
page-break-inside: avoid;
|
||||||
position: absolute;
|
page-break-before: auto;
|
||||||
right: -25;
|
page-break-after: auto;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-per-item-table3 {
|
.total-border-left {
|
||||||
border: 1px solid #EAF1FB;
|
border: 1px solid #E8E8E8!important;
|
||||||
border-top: none;
|
border-right: 0px !important;
|
||||||
padding-right: 30px;
|
padding-top: 0px;
|
||||||
box-sizing: border-box;
|
padding:8px !important;
|
||||||
width: 260px;
|
|
||||||
/* height: 100px; */
|
|
||||||
position: absolute;
|
|
||||||
right: -25;
|
|
||||||
}
|
}
|
||||||
|
.total-border-right {
|
||||||
|
border: 1px solid #E8E8E8!important;
|
||||||
|
border-left: 0px !important;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding:8px !important;
|
||||||
|
|
||||||
|
}
|
||||||
.inv-item {
|
.inv-item {
|
||||||
border-color: #d9d9d9;
|
border-color: #d9d9d9;
|
||||||
}
|
}
|
||||||
@ -322,8 +330,6 @@
|
|||||||
margin-top:7px;
|
margin-top:7px;
|
||||||
color:rgba(0, 0, 0, 0.85);
|
color:rgba(0, 0, 0, 0.85);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@ -74,6 +74,7 @@
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
padding-top: 110px;
|
||||||
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -245,6 +246,8 @@
|
|||||||
margin-top: 200px;
|
margin-top: 200px;
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
padding: 0px 30px 0 30px;
|
padding: 0px 30px 0 30px;
|
||||||
|
page-break-before: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table2 hr {
|
.table2 hr {
|
||||||
@ -258,7 +261,7 @@
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.main-table-header td {
|
tr.main-table-header th {
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -295,27 +298,21 @@
|
|||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.padd2 {
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
.table3 {
|
.table3 {
|
||||||
border: 1px solid #EAF1FB;
|
border: 1px solid #EAF1FB;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 230px;
|
width: 630px;
|
||||||
height: 100px;
|
page-break-inside: avoid;
|
||||||
position: absolute;
|
page-break-before: auto;
|
||||||
right: -25;
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-per-item-table3 {
|
|
||||||
border: 1px solid #EAF1FB;
|
|
||||||
border-top: none;
|
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 260px;
|
|
||||||
/* height: 100px; */
|
|
||||||
position: absolute;
|
|
||||||
right: -25;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inv-item {
|
.inv-item {
|
||||||
border-color: #d9d9d9;
|
border-color: #d9d9d9;
|
||||||
|
|||||||
@ -80,6 +80,7 @@
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
padding-top: 110px;
|
||||||
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -233,7 +234,7 @@
|
|||||||
.main-table-header {
|
.main-table-header {
|
||||||
border-bottom: 1px solid red;
|
border-bottom: 1px solid red;
|
||||||
}
|
}
|
||||||
tr.main-table-header td {
|
tr.main-table-header th {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -249,6 +250,8 @@
|
|||||||
margin-top: 188px;
|
margin-top: 188px;
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
padding: 0px 30px 0 30px;
|
padding: 0px 30px 0 30px;
|
||||||
|
page-break-before: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table2 hr {
|
.table2 hr {
|
||||||
@ -284,26 +287,19 @@
|
|||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table3 {
|
.padd2 {
|
||||||
border: 1px solid #EAF1FB;
|
padding-top: 2px;
|
||||||
border-top: none;
|
padding-bottom: 2px;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 230px;
|
|
||||||
height: 100px;
|
|
||||||
position: absolute;
|
|
||||||
right: -25;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-per-item-table3 {
|
.table3 {
|
||||||
border: 1px solid #EAF1FB;
|
border: 1px solid #EAF1FB;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 260px;
|
width: 630px;
|
||||||
/* height: 100px; */
|
page-break-inside: avoid;
|
||||||
position: absolute;
|
page-break-before: auto;
|
||||||
right: -25;
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.estimate-total1 {
|
td.estimate-total1 {
|
||||||
|
|||||||
@ -1,47 +1,54 @@
|
|||||||
<table width="100%" class="table2" cellspacing="0" border="0">
|
<table width="100%" class="table2" cellspacing="0" border="0">
|
||||||
<tr class="main-table-header">
|
<tr class="main-table-header">
|
||||||
<td width="40%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 0px">Items</td>
|
@if($estimate->discount_per_item === 'NO')
|
||||||
<td width="17%" class="ItemTableHeader" style="text-align: right; color: #55547A; padding-right: 20px">Quantity</td>
|
<th width="80%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 0px">Items</th>
|
||||||
<td width="18%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 40px">Price</td>
|
@else
|
||||||
<td width="10%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 10px">Discount</td>
|
<th width="40%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 0px">Items</th>
|
||||||
<td width="15%" class="ItemTableHeader" style="text-align: right; color: #55547A;">Amount</td>
|
@endif
|
||||||
|
<th width="17%" class="ItemTableHeader" style="text-align: right; color: #55547A; padding-right: 20px">Quantity</th>
|
||||||
|
<th width="18%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 40px">Price</th>
|
||||||
|
@if($estimate->discount_per_item === 'YES')
|
||||||
|
<th width="10%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 10px">Discount</th>
|
||||||
|
@endif
|
||||||
|
<th width="15%" class="ItemTableHeader" style="text-align: right; color: #55547A;">Amount</th>
|
||||||
</tr>
|
</tr>
|
||||||
@foreach ($estimate->items as $item)
|
@foreach ($estimate->items as $item)
|
||||||
<tr class="item-details">
|
<tr class="item-details">
|
||||||
<td width="40%" class="inv-item items" style="text-align: left; color: #040405;padding-left: 0px">
|
<td class="inv-item items" style="text-align: left; color: #040405;padding-left: 0px">
|
||||||
<span>{{ $item->name }}</span><br>
|
<span>{{ $item->name }}</span><br>
|
||||||
<span style="text-align: left; color: #595959; font-size: 9px; font-weight:300; line-height: 12px;">{{ $item->description }}</span>
|
<span style="text-align: left; color: #595959; font-size: 9px; font-weight:300; line-height: 12px;">{{ $item->description }}</span>
|
||||||
</td>
|
</td>
|
||||||
<td width="17%" class="inv-item items" style="text-align: right; color: #040405; padding-right: 20px">{{$item->quantity}}</td>
|
<td class="inv-item items" style="text-align: right; color: #040405; padding-right: 20px">{{$item->quantity}}</td>
|
||||||
<td width="18%" class="inv-item items" style="text-align: left; color: #040405; padding-left: 40px">{{$item->price/100}}</td>
|
<td class="inv-item items" style="text-align: left; color: #040405; padding-left: 40px">{{$item->price/100}}</td>
|
||||||
{{-- <td width="10%" class="inv-item items" style="text-align: left; color: #040405; padding-left: 10px">{{$item->discount/100}}%</td> --}}
|
@if($estimate->discount_per_item === 'YES')
|
||||||
<td width="10%" class="inv-item items" style="text-align: left; color: #040405; padding-left: 10px">
|
<td class="inv-item items" style="text-align: left; color: #040405; padding-left: 10px">
|
||||||
@if($item->discount_type === 'fixed')
|
@if($item->discount_type === 'fixed')
|
||||||
{{$item->discount_val/100}}
|
{{$item->discount_val/100}}
|
||||||
@endif
|
@endif
|
||||||
@if($item->discount_type === 'percentage')
|
@if($item->discount_type === 'percentage')
|
||||||
{{$item->discount}}%
|
{{$item->discount}}%
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
<td width="15%" class="inv-item items" style="text-align: right; color: #040405">{{$item->total/100}}</td>
|
@endif
|
||||||
|
<td class="inv-item items" style="text-align: right; color: #040405">{{$item->total/100}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table width="100%" cellspacing="0px" border="0" class="text-per-item-table3 @if(count($estimate->items) > 12) page-break @endif">
|
<table width="100%" style="margin-left:420px" cellspacing="0px" border="0" class="table3">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-borde" style="color: #55547A; padding-left:10px; line-height: 18px; font-size:12px;">Subtotal</td>
|
<td class="no-borde" style="color: #55547A; padding-left:10px; font-size:12px;">Subtotal</td>
|
||||||
<td class="no-border items"
|
<td class="no-border items"
|
||||||
style="padding-right:10px; text-align: right; line-height: 18px; font-size:12px; color: #040405; font-weight: 500;">{!! format_money_pdf($estimate->sub_total) !!}</td>
|
style="padding-right:10px; text-align: right; font-size:12px; color: #040405; font-weight: 500;">{!! format_money_pdf($estimate->sub_total) !!}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@if ($estimate->tax_per_item === 'YES')
|
@if ($estimate->tax_per_item === 'YES')
|
||||||
@for ($i = 0; $i < count($labels); $i++)
|
@for ($i = 0; $i < count($labels); $i++)
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; line-height: 18px; color: #55547A;">
|
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
||||||
{{$labels[$i]}}
|
{{$labels[$i]}}
|
||||||
</td>
|
</td>
|
||||||
<td class="no-border items padd8" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; line-height: 18px; color: #040405">
|
<td class="no-border items padd2" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
||||||
{!! format_money_pdf($taxes[$i]) !!}
|
{!! format_money_pdf($taxes[$i]) !!}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -49,10 +56,10 @@
|
|||||||
@else
|
@else
|
||||||
@foreach ($estimate->taxes as $tax)
|
@foreach ($estimate->taxes as $tax)
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; line-height: 18px; color: #55547A;">
|
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
||||||
{{$tax->name.' ('.$tax->percent.'%)'}}
|
{{$tax->name.' ('.$tax->percent.'%)'}}
|
||||||
</td>
|
</td>
|
||||||
<td class="no-border items padd8" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; line-height: 18px; color: #040405">
|
<td class="no-border items padd2" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
||||||
{!! format_money_pdf($tax->amount) !!}
|
{!! format_money_pdf($tax->amount) !!}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -62,29 +69,33 @@
|
|||||||
@if ($estimate->discount_per_item === 'NO')
|
@if ($estimate->discount_per_item === 'NO')
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
||||||
Discount
|
Discount ({{$estimate->discount}}%)
|
||||||
</td>
|
</td>
|
||||||
<td class="no-border items padd8" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
<td class="no-border items padd2" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
||||||
@if($estimate->discount_type === 'fixed')
|
@if($estimate->discount_type === 'fixed')
|
||||||
{!! format_money_pdf($estimate->discount_val) !!}
|
{!! format_money_pdf($estimate->discount_val) !!}
|
||||||
@endif
|
@endif
|
||||||
@if($estimate->discount_type === 'percentage')
|
@if($estimate->discount_type === 'percentage')
|
||||||
{{$estimate->discount}}% ({!! format_money_pdf($estimate->discount_val) !!})
|
{!! format_money_pdf($estimate->discount_val) !!}
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endif
|
@endif
|
||||||
<tr >
|
<tr>
|
||||||
|
<td style="padding:3px 0px"></td>
|
||||||
|
<td style="padding:3px 0px"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
<td class="no-border total-border-left"
|
<td class="no-border total-border-left"
|
||||||
style="padding-left:10px; padding-bottom:10px; text-align:left; padding-top:20px; font-size:12px; line-height: 18px; color: #55547A;"
|
style="padding-left:10px; padding-bottom:10px; text-align:left; padding-top:20px; font-size:12px; color: #55547A;"
|
||||||
>
|
>
|
||||||
<label class="total-bottom"> Total </label>
|
<label class="total-bottom"> Total </label>
|
||||||
</td>
|
</td>
|
||||||
<td
|
<td
|
||||||
class="no-border total-border-right items padd8"
|
class="no-border total-border-right items padd8"
|
||||||
style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; line-height: 18px; padding-top:20px; color: #5851DB"
|
style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; padding-top:20px; color: #5851DB"
|
||||||
>
|
>
|
||||||
{!! format_money_pdf($estimate->total)!!}
|
{!! format_money_pdf($estimate->total)!!}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
@ -72,6 +72,7 @@
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -244,6 +245,8 @@
|
|||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
padding: 0px 30px 0 30px;
|
padding: 0px 30px 0 30px;
|
||||||
|
page-break-before: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table2 hr {
|
.table2 hr {
|
||||||
@ -257,7 +260,7 @@
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.main-table-header td {
|
tr.main-table-header th {
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -284,26 +287,36 @@
|
|||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table3 {
|
.padd2 {
|
||||||
border: 1px solid #EAF1FB;
|
padding-top: 2px;
|
||||||
border-top: none;
|
padding-bottom: 2px;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 230px;
|
|
||||||
height: 100px;
|
|
||||||
position: absolute;
|
|
||||||
right: -25;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-per-item-table3 {
|
.table3 {
|
||||||
border: 1px solid #EAF1FB;
|
/* border: 1px solid #EAF1FB; */
|
||||||
border-top: none;
|
border-top: none;
|
||||||
padding-right: 30px;
|
/* padding-right: 30px; */
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 260px;
|
width: 630px;
|
||||||
/* height: 100px; */
|
/* position: absolute;
|
||||||
position: absolute;
|
right: -25; */
|
||||||
right: -25;
|
page-break-inside: avoid;
|
||||||
|
page-break-before: auto;
|
||||||
|
page-break-after: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.total-border-left {
|
||||||
|
border: 1px solid #E8E8E8!important;
|
||||||
|
border-right: 0px !important;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding:8px !important;
|
||||||
|
}
|
||||||
|
.total-border-right {
|
||||||
|
border: 1px solid #E8E8E8!important;
|
||||||
|
border-left: 0px !important;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding:8px !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.inv-item {
|
.inv-item {
|
||||||
|
|||||||
@ -74,6 +74,7 @@
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
padding-top: 110px;
|
||||||
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -245,6 +246,8 @@
|
|||||||
margin-top: 200px;
|
margin-top: 200px;
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
padding: 0px 30px 0 30px;
|
padding: 0px 30px 0 30px;
|
||||||
|
page-break-before: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table2 hr {
|
.table2 hr {
|
||||||
@ -258,7 +261,7 @@
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.main-table-header td {
|
tr.main-table-header th {
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -295,15 +298,19 @@
|
|||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.padd2 {
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
.table3 {
|
.table3 {
|
||||||
border: 1px solid #EAF1FB;
|
border: 1px solid #EAF1FB;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 230px;
|
width: 630px;
|
||||||
height: 100px;
|
page-break-inside: avoid;
|
||||||
position: absolute;
|
page-break-before: auto;
|
||||||
right: -25;
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-per-item-table3 {
|
.text-per-item-table3 {
|
||||||
|
|||||||
@ -80,6 +80,7 @@
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
display: block;
|
display: block;
|
||||||
padding-top: 110px;
|
padding-top: 110px;
|
||||||
|
padding-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.address {
|
.address {
|
||||||
@ -233,7 +234,7 @@
|
|||||||
.main-table-header {
|
.main-table-header {
|
||||||
border-bottom: 1px solid red;
|
border-bottom: 1px solid red;
|
||||||
}
|
}
|
||||||
tr.main-table-header td {
|
tr.main-table-header th {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -249,6 +250,8 @@
|
|||||||
margin-top: 188px;
|
margin-top: 188px;
|
||||||
border-bottom: 1px solid #EAF1FB;
|
border-bottom: 1px solid #EAF1FB;
|
||||||
padding: 0px 30px 0 30px;
|
padding: 0px 30px 0 30px;
|
||||||
|
page-break-before: avoid;
|
||||||
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table2 hr {
|
.table2 hr {
|
||||||
@ -284,15 +287,19 @@
|
|||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.padd2 {
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
.table3 {
|
.table3 {
|
||||||
border: 1px solid #EAF1FB;
|
border: 1px solid #EAF1FB;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
padding-right: 30px;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 230px;
|
width: 630px;
|
||||||
height: 100px;
|
page-break-inside: avoid;
|
||||||
position: absolute;
|
page-break-before: auto;
|
||||||
right: -25;
|
page-break-after: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-per-item-table3 {
|
.text-per-item-table3 {
|
||||||
|
|||||||
@ -1,46 +1,54 @@
|
|||||||
<table width="100%" class="table2" cellspacing="0" border="0">
|
<table width="100%" class="table2" cellspacing="0" border="0">
|
||||||
<tr class="main-table-header">
|
<tr class="main-table-header">
|
||||||
<td width="40%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 0px">Items</td>
|
@if($invoice->discount_per_item === 'NO')
|
||||||
<td width="17%" class="ItemTableHeader" style="text-align: right; color: #55547A; padding-right: 20px">Quantity</td>
|
<th width="80%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 0px">Items</th>
|
||||||
<td width="18%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 40px">Price</td>
|
@else
|
||||||
<td width="10%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 10px">Discount</td>
|
<th width="40%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 0px">Items</th>
|
||||||
<td width="15%" class="ItemTableHeader" style="text-align: right; color: #55547A;">Amount</td>
|
@endif
|
||||||
|
<th width="17%" class="ItemTableHeader" style="text-align: right; color: #55547A; padding-right: 20px">Quantity</th>
|
||||||
|
<th width="18%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 40px">Price</th>
|
||||||
|
@if($invoice->discount_per_item === 'YES')
|
||||||
|
<th width="10%" class="ItemTableHeader" style="text-align: left; color: #55547A; padding-left: 10px">Discount</th>
|
||||||
|
@endif
|
||||||
|
<th width="15%" class="ItemTableHeader" style="text-align: right; color: #55547A;">Amount</th>
|
||||||
</tr>
|
</tr>
|
||||||
@foreach ($invoice->items as $item)
|
@foreach ($invoice->items as $item)
|
||||||
<tr class="item-details">
|
<tr class="item-details">
|
||||||
<td width="40%" class="inv-item items" style="text-align: left; color: #040405;padding-left: 0px">
|
<td class="inv-item items" style="text-align: left; color: #040405;padding-left: 0px">
|
||||||
<span>{{ $item->name }}</span><br>
|
<span>{{ $item->name }}</span><br>
|
||||||
<span style="text-align: left; color: #595959; font-size: 9px; font-weight:300; line-height: 12px;">{{ $item->description }}</span>
|
<span style="text-align: left; color: #595959; font-size: 9px; font-weight:300; line-height: 12px;">{{ $item->description }}</span>
|
||||||
</td>
|
</td>
|
||||||
<td width="17%" class="inv-item items" style="text-align: right; color: #040405; padding-right: 20px">{{$item->quantity}}</td>
|
<td class="inv-item items" style="text-align: right; color: #040405; padding-right: 20px">{{$item->quantity}}</td>
|
||||||
<td width="18%" class="inv-item items" style="text-align: left; color: #040405; padding-left: 40px">{{$item->price/100}}</td>
|
<td class="inv-item items" style="text-align: left; color: #040405; padding-left: 40px">{{$item->price/100}}</td>
|
||||||
<td width="10%" class="inv-item items" style="text-align: left; color: #040405; padding-left: 10px">
|
@if($invoice->discount_per_item === 'YES')
|
||||||
@if($item->discount_type === 'fixed')
|
<td class="inv-item items" style="text-align: left; color: #040405; padding-left: 10px">
|
||||||
{{$item->discount_val/100}}
|
@if($item->discount_type === 'fixed')
|
||||||
@endif
|
{{$item->discount_val/100}}
|
||||||
@if($item->discount_type === 'percentage')
|
@endif
|
||||||
{{$item->discount}}%
|
@if($item->discount_type === 'percentage')
|
||||||
@endif
|
{{$item->discount}}%
|
||||||
</td>
|
@endif
|
||||||
<td width="15%" class="inv-item items" style="text-align: right; color: #040405">{{$item->total/100}}</td>
|
</td>
|
||||||
|
@endif
|
||||||
|
<td class="inv-item items" style="text-align: right; color: #040405">{{$item->total/100}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endforeach
|
@endforeach
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table width="100%" cellspacing="0px" border="0" class="text-per-item-table3 @if(count($invoice->items) > 12) page-break @endif">
|
<table width="100%" cellspacing="0px" style="margin-left:420px" border="0" class="table3 @if(count($invoice->items) > 12) page-break @endif">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-borde" style="color: #55547A; padding-left:10px; line-height: 18px; font-size:12px;">Subtotal</td>
|
<td class="no-borde" style="color: #55547A; padding-left:10px; font-size:12px;">Subtotal</td>
|
||||||
<td class="no-border items"
|
<td class="no-border items"
|
||||||
style="padding-right:10px; text-align: right; line-height: 18px; font-size:12px; color: #040405; font-weight: 500;">{!! format_money_pdf($invoice->sub_total) !!}</td>
|
style="padding-right:10px; text-align: right; font-size:12px; color: #040405; font-weight: 500;">{!! format_money_pdf($invoice->sub_total) !!}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
@if ($invoice->tax_per_item === 'YES')
|
@if ($invoice->tax_per_item === 'YES')
|
||||||
@for ($i = 0; $i < count($labels); $i++)
|
@for ($i = 0; $i < count($labels); $i++)
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; line-height: 18px; color: #55547A;">
|
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
||||||
{{$labels[$i]}}
|
{{$labels[$i]}}
|
||||||
</td>
|
</td>
|
||||||
<td class="no-border items padd8" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; line-height: 18px; color: #040405">
|
<td class="no-border items padd2" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
||||||
{!! format_money_pdf($taxes[$i]) !!}
|
{!! format_money_pdf($taxes[$i]) !!}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -48,10 +56,10 @@
|
|||||||
@else
|
@else
|
||||||
@foreach ($invoice->taxes as $tax)
|
@foreach ($invoice->taxes as $tax)
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; line-height: 18px; color: #55547A;">
|
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
||||||
{{$tax->name.' ('.$tax->percent.'%)'}}
|
{{$tax->name.' ('.$tax->percent.'%)'}}
|
||||||
</td>
|
</td>
|
||||||
<td class="no-border items padd8" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; line-height: 18px; color: #040405">
|
<td class="no-border items padd2" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
||||||
{!! format_money_pdf($tax->amount) !!}
|
{!! format_money_pdf($tax->amount) !!}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@ -61,27 +69,31 @@
|
|||||||
@if ($invoice->discount_per_item === 'NO')
|
@if ($invoice->discount_per_item === 'NO')
|
||||||
<tr>
|
<tr>
|
||||||
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
<td class="no-border" style="padding-left:10px; text-align:left; font-size:12px; color: #55547A;">
|
||||||
Discount
|
Discount ({{$invoice->discount}}%)
|
||||||
</td>
|
</td>
|
||||||
<td class="no-border items padd8" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
<td class="no-border items padd2" style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; color: #040405">
|
||||||
@if($invoice->discount_type === 'fixed')
|
@if($invoice->discount_type === 'fixed')
|
||||||
{!! format_money_pdf($invoice->discount_val) !!}
|
{!! format_money_pdf($invoice->discount_val) !!}
|
||||||
@endif
|
@endif
|
||||||
@if($invoice->discount_type === 'percentage')
|
@if($invoice->discount_type === 'percentage')
|
||||||
{{$invoice->discount}}% ({!! format_money_pdf($invoice->discount_val) !!})
|
{!! format_money_pdf($invoice->discount_val) !!}
|
||||||
@endif
|
@endif
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@endif
|
@endif
|
||||||
<tr style="border: 1px solid;" >
|
<tr>
|
||||||
|
<td style="padding:3px 0px"></td>
|
||||||
|
<td style="padding:3px 0px"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
<td class="no-border total-border-left"
|
<td class="no-border total-border-left"
|
||||||
style="padding-left:10px; padding-bottom:10px; text-align:left; padding-top:20px; font-size:12px; line-height: 18px; color: #55547A;"
|
style="padding-left:10px; padding-bottom:10px; text-align:left; padding-top:20px; font-size:12px; color: #55547A;"
|
||||||
>
|
>
|
||||||
<label class="total-bottom"> Total </label>
|
<label class="total-bottom"> Total </label>
|
||||||
</td>
|
</td>
|
||||||
<td
|
<td
|
||||||
class="no-border total-border-right items padd8"
|
class="no-border total-border-right items padd8"
|
||||||
style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; line-height: 18px; padding-top:20px; color: #5851DB"
|
style="padding-right:10px; font-weight: 500; text-align: right; font-size:12px; padding-top:20px; color: #5851DB"
|
||||||
>
|
>
|
||||||
{!! format_money_pdf($invoice->total)!!}
|
{!! format_money_pdf($invoice->total)!!}
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
Reference in New Issue
Block a user