diff --git a/app/resources/views/pdf/pretty_monthly_invoice.blade.php b/app/resources/views/pdf/pretty_monthly_invoice.blade.php index 548fe80d0..b28dac94a 100755 --- a/app/resources/views/pdf/pretty_monthly_invoice.blade.php +++ b/app/resources/views/pdf/pretty_monthly_invoice.blade.php @@ -19,6 +19,9 @@ $paymentStatus = 'Paid'; } $logo = \App\Helpers\MainHelper::appLogo(); +if (strpos($logo, '/') === 0 && file_exists(public_path(ltrim($logo, '/')))) { + $logo = public_path(ltrim($logo, '/')); +} ?> @@ -55,13 +58,7 @@ } .muted { - color: { - { - $brandMuted - } - } - - ; + color: ; } .right { @@ -74,14 +71,7 @@ .brand-rule { height: 4px; - - background: { - { - $brandBlue - } - } - - ; + background: ; font-size: 1px; line-height: 1px; } @@ -109,28 +99,14 @@ font-size: 30px; line-height: 36px; font-weight: 700; - - color: { - { - $brandPrimary - } - } - - ; + color: ; letter-spacing: 0; } .statement-label { margin-top: 4px; font-size: 12px; - - color: { - { - $brandMuted - } - } - - ; + color: ; text-transform: uppercase; } @@ -139,14 +115,7 @@ padding: 6px 12px; border-radius: 16px; background: #fff7ed; - - color: { - { - $statusColor - } - } - - ; + color: ; font-size: 12px; font-weight: 700; text-transform: uppercase; @@ -168,51 +137,18 @@ .summary td { width: 33.333%; padding: 16px 18px; - - border-top: 1px solid { - { - $brandBorder - } - } - - ; - - border-bottom: 1px solid { - { - $brandBorder - } - } - - ; - - background: { - { - $brandBg - } - } - - ; + border-top: 1px solid ; + border-bottom: 1px solid ; + background: ; vertical-align: top; } .summary td:first-child { - border-left: 1px solid { - { - $brandBorder - } - } - - ; + border-left: 1px solid ; } .summary td:last-child { - border-right: 1px solid { - { - $brandBorder - } - } - - ; + border-right: 1px solid ; } .summary .label { @@ -220,14 +156,7 @@ margin-bottom: 6px; font-size: 10px; line-height: 14px; - - color: { - { - $brandMuted - } - } - - ; + color: ; text-transform: uppercase; letter-spacing: .6px; } @@ -237,26 +166,12 @@ font-size: 18px; line-height: 24px; font-weight: 700; - - color: { - { - $brandPrimary - } - } - - ; + color: ; } .summary .value.total { font-size: 22px; - - color: { - { - $brandBlue - } - } - - ; + color: ; } .two-col { @@ -270,13 +185,7 @@ } .panel { - border: 1px solid { - { - $brandBorder - } - } - - ; + border: 1px solid ; background: #ffffff; padding: 16px 18px; } @@ -285,14 +194,7 @@ margin-bottom: 10px; font-size: 12px; line-height: 16px; - - color: { - { - $brandPrimary - } - } - - ; + color: ; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; @@ -310,35 +212,14 @@ .meta-table .key { width: 42%; - - color: { - { - $brandMuted - } - } - - ; + color: ; } .section-title { margin: 24px 0 10px; padding-bottom: 8px; - - border-bottom: 2px solid { - { - $brandBlue - } - } - - ; - - color: { - { - $brandPrimary - } - } - - ; + border-bottom: 2px solid ; + color: ; font-size: 16px; line-height: 22px; font-weight: 700; @@ -348,26 +229,12 @@ width: 100%; border-collapse: collapse; margin-bottom: 16px; - - border: 1px solid { - { - $brandBorder - } - } - - ; + border: 1px solid ; } .data-table th { padding: 11px 12px; - - background: { - { - $brandSlate - } - } - - ; + background: ; color: #ffffff; font-size: 11px; line-height: 15px; @@ -379,14 +246,7 @@ .data-table td { padding: 12px; - - border-bottom: 1px solid { - { - $brandBorder - } - } - - ; + border-bottom: 1px solid ; font-size: 12px; line-height: 18px; vertical-align: top; @@ -398,82 +258,52 @@ .data-table .subtotal td, .data-table .total-row td { - background: { - { - $brandBg - } - } - - ; + background: ; font-weight: 700; + color: ; + } - color: { - { - $brandPrimary - } - } + .payment-summary { + width: 100%; + border-collapse: collapse; + margin-top: 2px; + } - ; + .payment-summary td { + vertical-align: top; } - .totals { - width: 48%; - margin-left: auto; - border-collapse: collapse; + .payment-note-cell { + width: 50%; + padding-right: 22px; + } - border: 1px solid { - { - $brandBorder - } - } + .payment-totals-cell { + width: 50%; + } - ; + .totals { + width: 100%; + border-collapse: collapse; + border: 1px solid ; } .totals td { padding: 10px 12px; - - border-bottom: 1px solid { - { - $brandBorder - } - } - - ; + border-bottom: 1px solid ; } .totals .grand td { - background: { - { - $brandBlue - } - } - - ; + background: ; color: #ffffff; font-size: 15px; font-weight: 700; } .note-box { - margin-top: 16px; padding: 14px 16px; - - background: { - { - $brandBg - } - } - - ; - - border-left: 4px solid { - { - $brandBlue - } - } - - ; + background: ; + border-left: 4px solid ; color: #374151; } @@ -482,23 +312,9 @@ left: 42px; right: 42px; bottom: -34px; - - color: { - { - $brandMuted - } - } - - ; + color: ; font-size: 10px; - - border-top: 1px solid { - { - $brandBorder - } - } - - ; + border-top: 1px solid ; padding-top: 8px; } @@ -611,25 +427,32 @@ @endif - +
- - - - - - - - - - + +
Total excluding tax{{MainHelper::toDollars($vars['invoice_amount_no_tax'])}}
{{$vars['tax_name']}} {{$vars['tax_percentage']}}{{MainHelper::toDollars($vars['tax_amount'])}}
Total payment due{{MainHelper::toDollars($vars['invoice_amount'])}} +
+ You can pay and review this invoice in the {{\App\Helpers\MainHelper::getSiteName()}} user portal. All amounts are billed in {{$customizations->default_currency}}. +
+
+ + + + + + + + + + + + + +
Total excluding tax{{MainHelper::toDollars($vars['invoice_amount_no_tax'])}}
{{$vars['tax_name']}} {{$vars['tax_percentage']}}{{MainHelper::toDollars($vars['tax_amount'])}}
Total payment due{{MainHelper::toDollars($vars['invoice_amount'])}}
+
-
- You can pay and review this invoice in the {{\App\Helpers\MainHelper::getSiteName()}} user portal. All amounts are billed in {{$customizations->default_currency}}. -
-
@@ -781,4 +604,4 @@
- \ No newline at end of file +