diff --git a/app/Ninja/Reports/AbstractReport.php b/app/Ninja/Reports/AbstractReport.php
index e327c60b7170..511872be178e 100644
--- a/app/Ninja/Reports/AbstractReport.php
+++ b/app/Ninja/Reports/AbstractReport.php
@@ -14,6 +14,7 @@ class AbstractReport
     public $totals = [];
     public $columns = [];
     public $data = [];
+    public $columns_labeled = [];
 
     public function __construct($startDate, $endDate, $isExport, $options = false)
     {
@@ -52,9 +53,7 @@ class AbstractReport
         $this->totals[$currencyId][$dimension][$field] += $value;
     }
 
-    public function tableHeader()
-    {
-        $str = '';
+    public function tableHeaderArray() {
 
         foreach ($this->columns as $key => $val) {
             if (is_array($val)) {
@@ -75,8 +74,18 @@ class AbstractReport
 
             $class = count($class) ? implode(' ', $class) : 'group-false';
             $label = trans("texts.{$field}");
-            $str .= "<th class=\"{$class}\">{$label}</th>";
+
+            $this->columns_labeled[] = ['label' => $label, 'class' => $class, 'key' => $field];
         }
+    }
+
+    public function tableHeader()
+    {
+        $this->tableHeaderArray();
+        $str = '';
+
+        foreach ($this->columns_labeled as $field => $attr)
+            $str .= "<th class=\"{$attr['class']}\">{$attr['label']}</th>";
 
         return $str;
     }
diff --git a/resources/lang/en/texts.php b/resources/lang/en/texts.php
index ca224373f276..135b42a0ca00 100644
--- a/resources/lang/en/texts.php
+++ b/resources/lang/en/texts.php
@@ -2389,6 +2389,7 @@ $LANG = array(
     'currency_peruvian_sol' => 'Peruvian Sol',
 
     'use_english_version' => 'Make sure to use the English version of the files.<br/>We use the column headers to match the fields.',
+	'download_pdf' => 'Download PDF'
 
 );
 
diff --git a/resources/views/reports/chart_builder.blade.php b/resources/views/reports/chart_builder.blade.php
index 99bbbd3cfd64..6e6fab97c6f4 100644
--- a/resources/views/reports/chart_builder.blade.php
+++ b/resources/views/reports/chart_builder.blade.php
@@ -1,7 +1,7 @@
 @extends('header')
 
 @section('head')
-	@parent
+    @parent
 
     <script src="{{ asset('js/daterangepicker.min.js') }}" type="text/javascript"></script>
     <link href="{{ asset('css/daterangepicker.css') }}" rel="stylesheet" type="text/css"/>
@@ -9,42 +9,47 @@
     <link href="{{ asset('css/tablesorter.css') }}" rel="stylesheet" type="text/css"/>
     <script src="{{ asset('js/tablesorter.min.js') }}" type="text/javascript"></script>
 
-	<style type="text/css">
-		table.tablesorter th {
-			color: white;
-			background-color: #777 !important;
-		}
+    <style type="text/css">
+        table.tablesorter th {
+            color: white;
+            background-color: #777 !important;
+        }
 
-	</style>
+    </style>
 
+    @foreach ($account->getFontFolders() as $font)
+        <script src="{{ asset('js/vfs_fonts/'.$font.'.js') }}" type="text/javascript"></script>
+    @endforeach
+    <script src="{{ asset('pdf.built.js') }}?no_cache={{ NINJA_VERSION }}" type="text/javascript"></script>
 @stop
 
 @section('content')
 
-	@if (!Utils::isPro())
-	    <div class="alert alert-warning" style="font-size:larger;">
-	    <center>
-	        {!! trans('texts.pro_plan_reports', ['link'=>'<a href="javascript:showUpgradeModal()">' . trans('texts.pro_plan_remove_logo_link') . '</a>']) !!}
-	    </center>
-	    </div>
-	@endif
+    @if (!Utils::isPro())
+        <div class="alert alert-warning" style="font-size:larger;">
+            <center>
+                {!! trans('texts.pro_plan_reports', ['link'=>'<a href="javascript:showUpgradeModal()">' . trans('texts.pro_plan_remove_logo_link') . '</a>']) !!}
+            </center>
+        </div>
+    @endif
 
     <script type="text/javascript">
 
-		var chartStartDate = moment("{{ $startDate }}");
-		var chartEndDate = moment("{{ $endDate }}");
-		var dateRanges = {!! $account->present()->dateRangeOptions !!};
+        var chartStartDate = moment("{{ $startDate }}");
+        var chartEndDate = moment("{{ $endDate }}");
+        var dateRanges = {!! $account->present()->dateRangeOptions !!};
+        window.invoiceFonts = {!!  json_encode(Cache::get('fonts')) !!};
 
-        $(function() {
+        $(function () {
 
-			if (isStorageSupported()) {
-				var lastRange = localStorage.getItem('last:report_range');
-				lastRange = dateRanges[lastRange];
-				if (lastRange) {
-					chartStartDate = lastRange[0];
-					chartEndDate = lastRange[1];
-				}
-			}
+            if (isStorageSupported()) {
+                var lastRange = localStorage.getItem('last:report_range');
+                lastRange = dateRanges[lastRange];
+                if (lastRange) {
+                    chartStartDate = lastRange[0];
+                    chartEndDate = lastRange[1];
+                }
+            }
 
             // Initialize date range selector
             function cb(start, end, label) {
@@ -52,20 +57,20 @@
                 $('#start_date').val(start.format('YYYY-MM-DD'));
                 $('#end_date').val(end.format('YYYY-MM-DD'));
 
-				if (isStorageSupported() && label && label != "{{ trans('texts.custom_range') }}") {
-					localStorage.setItem('last:report_range', label);
-				}
+                if (isStorageSupported() && label && label != "{{ trans('texts.custom_range') }}") {
+                    localStorage.setItem('last:report_range', label);
+                }
             }
 
             $('#reportrange').daterangepicker({
                 locale: {
-					format: "{{ $account->getMomentDateFormat() }}",
-					customRangeLabel: "{{ trans('texts.custom_range') }}",
+                    format: "{{ $account->getMomentDateFormat() }}",
+                    customRangeLabel: "{{ trans('texts.custom_range') }}",
                 },
                 startDate: chartStartDate,
                 endDate: chartEndDate,
                 linkedCalendars: false,
-				ranges: dateRanges,
+                ranges: dateRanges,
             }, cb);
 
             cb(chartStartDate, chartEndDate);
@@ -78,135 +83,144 @@
     {!! Former::open()->addClass('report-form')->rules(['start_date' => 'required', 'end_date' => 'required']) !!}
 
     <div style="display:none">
-    {!! Former::text('action') !!}
+        {!! Former::text('action') !!}
     </div>
 
     {!! Former::populateField('start_date', $startDate) !!}
     {!! Former::populateField('end_date', $endDate) !!}
 
-	@if ( ! request()->report_type)
-		{!! Former::populateField('group_when_sorted', 1) !!}
-		{!! Former::populateField('group_dates_by', 'monthyear') !!}
-	@endif
+    @if ( ! request()->report_type)
+        {!! Former::populateField('group_when_sorted', 1) !!}
+        {!! Former::populateField('group_dates_by', 'monthyear') !!}
+    @endif
 
-	<div class="row">
-		<div class="col-lg-12">
+    <div class="row">
+        <div class="col-lg-12">
             <div class="panel panel-default">
-            <div class="panel-heading">
-                <h3 class="panel-title">{!! trans('texts.report_settings') !!}</h3>
-            </div>
-            <div class="panel-body">
-                <div class="row">
-                    <div class="col-md-6">
+                <div class="panel-heading">
+                    <h3 class="panel-title">{!! trans('texts.report_settings') !!}</h3>
+                </div>
+                <div class="panel-body">
+                    <div class="row">
+                        <div class="col-md-6">
 
-						{!! Former::select('report_type')->options($reportTypes, $reportType)->label(trans('texts.type')) !!}
+                            {!! Former::select('report_type')->options($reportTypes, $reportType)->label(trans('texts.type')) !!}
 
-						<div class="form-group">
-                            <label for="reportrange" class="control-label col-lg-4 col-sm-4">
-                                {{ trans('texts.date_range') }}
-                            </label>
-                            <div class="col-lg-8 col-sm-8">
-                                <div id="reportrange" style="background: #f9f9f9; cursor: pointer; padding: 9px 14px; border: 1px solid #dfe0e1; margin-top: 0px;">
-                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
-                                    <span></span> <b class="caret"></b>
-                                </div>
+                            <div class="form-group">
+                                <label for="reportrange" class="control-label col-lg-4 col-sm-4">
+                                    {{ trans('texts.date_range') }}
+                                </label>
+                                <div class="col-lg-8 col-sm-8">
+                                    <div id="reportrange"
+                                         style="background: #f9f9f9; cursor: pointer; padding: 9px 14px; border: 1px solid #dfe0e1; margin-top: 0px;">
+                                        <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
+                                        <span></span> <b class="caret"></b>
+                                    </div>
 
-                                <div style="display:none">
-                                    {!! Former::text('start_date') !!}
-                                    {!! Former::text('end_date') !!}
+                                    <div style="display:none">
+                                        {!! Former::text('start_date') !!}
+                                        {!! Former::text('end_date') !!}
+                                    </div>
                                 </div>
                             </div>
+
+                            <div id="statusField"
+                                 style="display:{{ in_array($reportType, [ENTITY_INVOICE, ENTITY_PRODUCT]) ? 'block' : 'none' }}">
+                                {!! Former::select('invoice_status')->label('status')
+                                        ->addOption(trans('texts.all'), 'all')
+                                        ->addOption(trans('texts.draft'), 'draft')
+                                        ->addOption(trans('texts.sent'), 'sent')
+                                        ->addOption(trans('texts.unpaid'), 'unpaid')
+                                        ->addOption(trans('texts.paid'), 'paid') !!}
+                            </div>
+
+                            <div id="dateField" style="display:{{ $reportType == ENTITY_TAX_RATE ? 'block' : 'none' }}">
+                                {!! Former::select('date_field')->label(trans('texts.filter'))
+                                        ->addOption(trans('texts.invoice_date'), FILTER_INVOICE_DATE)
+                                        ->addOption(trans('texts.payment_date'), FILTER_PAYMENT_DATE) !!}
+                            </div>
+
                         </div>
+                        <div class="col-md-6">
 
-						<div id="statusField" style="display:{{ in_array($reportType, [ENTITY_INVOICE, ENTITY_PRODUCT]) ? 'block' : 'none' }}">
-							{!! Former::select('invoice_status')->label('status')
-									->addOption(trans('texts.all'), 'all')
-									->addOption(trans('texts.draft'), 'draft')
-									->addOption(trans('texts.sent'), 'sent')
-									->addOption(trans('texts.unpaid'), 'unpaid')
-									->addOption(trans('texts.paid'), 'paid') !!}
-						</div>
+                            {!! Former::checkbox('group_when_sorted')->text('enable') !!}
+                            {!! Former::select('group_dates_by')
+                                        ->addOption(trans('texts.day'), 'day')
+                                        ->addOption(trans('texts.month'), 'monthyear')
+                                        ->addOption(trans('texts.year'), 'year') !!}
 
-						<div id="dateField" style="display:{{ $reportType == ENTITY_TAX_RATE ? 'block' : 'none' }}">
-                            {!! Former::select('date_field')->label(trans('texts.filter'))
-                                    ->addOption(trans('texts.invoice_date'), FILTER_INVOICE_DATE)
-                                    ->addOption(trans('texts.payment_date'), FILTER_PAYMENT_DATE) !!}
                         </div>
-
                     </div>
-                    <div class="col-md-6">
+                </div>
+            </div>
 
-						{!! Former::checkbox('group_when_sorted')->text('enable') !!}
-						{!! Former::select('group_dates_by')
-									->addOption(trans('texts.day'), 'day')
-									->addOption(trans('texts.month'), 'monthyear')
-									->addOption(trans('texts.year'), 'year') !!}
-
-        		  </div>
-        </div>
-	</div>
-    </div>
-
-	@if (!Auth::user()->hasFeature(FEATURE_REPORTS))
-	<script>
-		$(function() {
-			$('form.report-form').find('input, button').prop('disabled', true);
-		});
-	</script>
-	@endif
+            @if (!Auth::user()->hasFeature(FEATURE_REPORTS))
+                <script>
+                    $(function () {
+                        $('form.report-form').find('input, button').prop('disabled', true);
+                    });
+                </script>
+            @endif
 
 
-	<center>
-		{!! Button::primary(trans('texts.export'))
-				->withAttributes(array('onclick' => 'onExportClick()'))
-				->appendIcon(Icon::create('export'))
-				->large() !!}
-		{!! Button::success(trans('texts.run'))
-				->withAttributes(array('id' => 'submitButton'))
-				->submit()
-				->appendIcon(Icon::create('play'))
-				->large() !!}
-	</center><br/>
+            <center>
+                @if(request()->report_type)
+                    {!! Button::warning(trans('texts.download_pdf'))
+                            ->withAttributes(array('onclick' => 'exportPDF()'))
+                            ->appendIcon(Icon::create('save'))
+                            ->large() !!}
+                @endif
+                {!! Button::primary(trans('texts.export'))
+                        ->withAttributes(array('onclick' => 'onExportClick()'))
+                        ->appendIcon(Icon::create('export'))
+                        ->large() !!}
+                {!! Button::success(trans('texts.run'))
+                        ->withAttributes(array('id' => 'submitButton'))
+                        ->submit()
+                        ->appendIcon(Icon::create('play'))
+                        ->large() !!}
+            </center>
+            <br/>
 
 
-	{!! Former::close() !!}
+            {!! Former::close() !!}
 
 
-	@if (request()->report_type)
-        <div class="panel panel-default">
-        <div class="panel-body">
+            @if (request()->report_type)
+                <div class="panel panel-default">
+                    <div class="panel-body">
 
-        @if (count(array_values($reportTotals)))
-        <table class="tablesorter tablesorter-totals" style="display:none">
-        <thead>
-            <tr>
-                <th>{{ trans("texts.totals") }}</th>
-				@foreach (array_values(array_values($reportTotals)[0])[0] as $key => $val)
-                    <th>{{ trans("texts.{$key}") }}</th>
-                @endforeach
-            </tr>
-        </thead>
-        <tbody>
-            @foreach ($reportTotals as $currencyId => $each)
-				@foreach ($each as $dimension => $val)
-	                <tr>
-	                    <td>{!! Utils::getFromCache($currencyId, 'currencies')->name !!}
-						@if ($dimension)
-							- {{ $dimension }}
-						@endif
-						</td>
-	                    @foreach ($val as $id => $field)
-	                        <td>{!! Utils::formatMoney($field, $currencyId) !!}</td>
-	                    @endforeach
-	                </tr>
-				@endforeach
-            @endforeach
-        </tbody>
-        </table>
-		<p>&nbsp;</p>
-        @endif
+                        @if (count(array_values($reportTotals)))
+                            <table class="tablesorter tablesorter-totals" style="display:none">
+                                <thead>
+                                <tr>
+                                    <th>{{ trans("texts.totals") }}</th>
+                                    @foreach (array_values(array_values($reportTotals)[0])[0] as $key => $val)
+                                        <th>{{ trans("texts.{$key}") }}</th>
+                                    @endforeach
+                                </tr>
+                                </thead>
+                                <tbody>
+                                @foreach ($reportTotals as $currencyId => $each)
+                                    @foreach ($each as $dimension => $val)
+                                        <tr>
+                                            <td>{!! Utils::getFromCache($currencyId, 'currencies')->name !!}
+                                                @if ($dimension)
+                                                    - {{ $dimension }}
+                                                @endif
+                                            </td>
+                                            @foreach ($val as $id => $field)
+                                                <td>{!! Utils::formatMoney($field, $currencyId) !!}</td>
+                                            @endforeach
+                                        </tr>
+                                    @endforeach
+                                @endforeach
+                                </tbody>
+                            </table>
+                            <p>&nbsp;</p>
+                    @endif
 
-		<!--
+                    <!--
 		<div class="columnSelectorWrapper">
 		  <input id="colSelect1" type="checkbox" class="hidden">
 		  <label class="columnSelectorButton" for="colSelect1">Column</label>
@@ -216,153 +230,273 @@
 		</div>
 		-->
 
-        <table class="tablesorter tablesorter-data" style="display:none">
-        <thead>
-            <tr>
-				{!! $report->tableHeader() !!}
-            </tr>
-        </thead>
-        <tbody>
-            @if (count($displayData))
-                @foreach ($displayData as $record)
-                    <tr>
-                        @foreach ($record as $field)
-                            <td>{!! $field !!}</td>
-                        @endforeach
-                    </tr>
-                @endforeach
-            @else
-                <tr>
-                    <td colspan="10" style="text-align: center">{{ trans('texts.empty_table') }}</td>
-                </tr>
-            @endif
-        </tbody>
-        </table>
+                        <table class="tablesorter tablesorter-data" style="display:none">
+                            <thead>
+                            <tr>
+                                {!! $report->tableHeader() !!}
+                            </tr>
+                            </thead>
+                            <tbody>
+                            @if (count($displayData))
+                                @foreach ($displayData as $record)
+                                    <tr>
+                                        @foreach ($record as $field)
+                                            <td>{!! $field !!}</td>
+                                        @endforeach
+                                    </tr>
+                                @endforeach
+                            @else
+                                <tr>
+                                    <td colspan="10" style="text-align: center">{{ trans('texts.empty_table') }}</td>
+                                </tr>
+                            @endif
+                            </tbody>
+                        </table>
 
-		<br/>
-		<div style="color:#888888">
-			{{ trans('texts.reports_help') }}
-		</div>
+                        <br/>
+                        <div style="color:#888888">
+                            {{ trans('texts.reports_help') }}
+                        </div>
+
+                    </div>
+                </div>
 
         </div>
-        </div>
 
-	</div>
+        @endif
 
-	@endif
+        <script type="text/javascript">
 
-	<script type="text/javascript">
-
-    function onExportClick() {
-        $('#action').val('export');
-        $('#submitButton').click();
-        $('#action').val('');
-    }
-
-	var sumColumns = [];
-	@foreach ($columns as $column)
-		sumColumns.push("{{ in_array($column, ['amount', 'paid', 'balance', 'cost', 'duration']) ? trans("texts.{$column}") : false }}");
-	@endforeach
-
-    $(function() {
-        $('.start_date .input-group-addon').click(function() {
-            toggleDatePicker('start_date');
-        });
-        $('.end_date .input-group-addon').click(function() {
-            toggleDatePicker('end_date');
-        });
-
-        $('#report_type').change(function() {
-            var val = $('#report_type').val();
-			if (val == '{{ ENTITY_TAX_RATE }}') {
-                $('#dateField').fadeIn();
-            } else {
-                $('#dateField').fadeOut();
+            function onExportClick() {
+                $('#action').val('export');
+                $('#submitButton').click();
+                $('#action').val('');
             }
-			if (val == '{{ ENTITY_INVOICE }}' || val == '{{ ENTITY_PRODUCT }}') {
-                $('#statusField').fadeIn();
-            } else {
-                $('#statusField').fadeOut();
+
+            var sumColumns = [];
+            @foreach ($columns as $column)
+                sumColumns.push("{{ in_array($column, ['amount', 'paid', 'balance', 'cost', 'duration']) ? trans("texts.{$column}") : false }}");
+            @endforeach
+
+            $(function () {
+                $('.start_date .input-group-addon').click(function () {
+                    toggleDatePicker('start_date');
+                });
+                $('.end_date .input-group-addon').click(function () {
+                    toggleDatePicker('end_date');
+                });
+
+                $('#report_type').change(function () {
+                    var val = $('#report_type').val();
+                    if (val == '{{ ENTITY_TAX_RATE }}') {
+                        $('#dateField').fadeIn();
+                    } else {
+                        $('#dateField').fadeOut();
+                    }
+                    if (val == '{{ ENTITY_INVOICE }}' || val == '{{ ENTITY_PRODUCT }}') {
+                        $('#statusField').fadeIn();
+                    } else {
+                        $('#statusField').fadeOut();
+                    }
+                    if (isStorageSupported()) {
+                        localStorage.setItem('last:report_type', val);
+                    }
+                });
+
+                // parse 1,000.00 or 1.000,00
+                function convertStringToNumber(str) {
+                    str = str + '' || '';
+                    if (str.indexOf(':') >= 0) {
+                        return roundToTwo(moment.duration(str).asHours());
+                    } else {
+                        var number = Number(str.replace(/[^0-9]+/g, ''));
+                        return number / 100;
+                    }
+                }
+
+                $(function () {
+                    $(".tablesorter-data").tablesorter({
+                        @if (! request()->group_when_sorted)
+                        sortList: [[0, 0]],
+                        @endif
+                        theme: 'bootstrap',
+                        widgets: ['zebra', 'uitheme', 'filter'{!! request()->group_when_sorted ? ", 'group'" : "" !!}, 'columnSelector'],
+                        headerTemplate: '{content} {icon}',
+                        @if ($report)
+                        dateFormat: '{{ $report->convertDateFormat() }}',
+                        @endif
+                        numberSorter: function (a, b, direction) {
+                            var a = convertStringToNumber(a);
+                            var b = convertStringToNumber(b);
+                            return direction ? a - b : b - a;
+                        },
+                        widgetOptions: {
+                            columnSelector_container: $('#columnSelector'),
+                            filter_cssFilter: 'form-control',
+                            group_collapsed: true,
+                            group_saveGroups: false,
+                            //group_formatter   : function(txt, col, table, c, wo, data) {},
+                            group_callback: function ($cell, $rows, column, table) {
+                                for (var i = 0; i < sumColumns.length; i++) {
+                                    var label = sumColumns[i];
+                                    if (!label) {
+                                        continue;
+                                    }
+                                    var subtotal = 0;
+                                    $rows.each(function () {
+                                        var txt = $(this).find("td").eq(i).text();
+                                        subtotal += convertStringToNumber(txt);
+                                    });
+                                    $cell.find(".group-count").append(' - ' + label + ': ' + roundToTwo(subtotal));
+                                }
+                            },
+                        }
+                    }).show();
+
+                    $(".tablesorter-totals").tablesorter({
+                        theme: 'bootstrap',
+                        widgets: ['zebra', 'uitheme'],
+                    }).show();
+
+                    var lastReportType = localStorage.getItem('last:report_type');
+                    if (lastReportType) {
+                        $('#report_type').val(lastReportType);
+                    }
+                });
+            })
+
+                <?php
+
+                $summary = [];
+                $summary[] = array_merge([
+                        trans("texts.totals")
+                    ], array_map(function ($key) {
+                        return ['text' => trans("texts.{$key}"),
+                                'style' => 'tableHeader'
+                        ];
+                    }, array_keys(array_values(array_values($reportTotals)[0])[0])));
+
+                foreach ($reportTotals as $currencyId => $each) {
+                    foreach ($each as $dimension => $val) {
+                        $tmp   = [];
+                        $tmp[] = Utils::getFromCache($currencyId, 'currencies')->name . (($dimension) ? ' - ' . $dimension : '');
+
+                        foreach ($val as $id => $field) $tmp[] = Utils::formatMoney($field, $currencyId);
+
+                        $summary[] = $tmp;
+                    }
+                }
+
+                ?>
+
+            function addFont(font){
+                if(window.ninjaFontVfs[font.folder]){
+                    folder = 'fonts/'+font.folder;
+                    pdfMake.fonts[font.name] = {
+                        normal: folder+'/'+font.normal,
+                        italics: folder+'/'+font.italics,
+                        bold: folder+'/'+font.bold,
+                        bolditalics: folder+'/'+font.bolditalics
+                    }
+                }
             }
-            if (isStorageSupported()) {
-                localStorage.setItem('last:report_type', val);
-            }
-        });
 
-		// parse 1,000.00 or 1.000,00
-		function convertStringToNumber(str) {
-			str = str + '' || '';
-			if (str.indexOf(':') >= 0) {
-				return roundToTwo(moment.duration(str).asHours());
-			} else {
-				var number = Number(str.replace(/[^0-9]+/g, ''));
-				return number / 100;
-			}
-		}
+            pdfMake.fonts = {}
+            fonts = window.invoiceFonts || invoice.invoice_fonts;
 
-		$(function(){
-  			$(".tablesorter-data").tablesorter({
-				@if (! request()->group_when_sorted)
-					sortList: [[0,0]],
-				@endif
-				theme: 'bootstrap',
-				widgets: ['zebra', 'uitheme', 'filter'{!! request()->group_when_sorted ? ", 'group'" : "" !!}, 'columnSelector'],
-				headerTemplate : '{content} {icon}',
-				@if ($report)
-					dateFormat: '{{ $report->convertDateFormat() }}',
-				@endif
-				numberSorter: function(a, b, direction) {
-					var a = convertStringToNumber(a);
-					var b = convertStringToNumber(b);
-					return direction ? a - b : b - a;
-				},
-				widgetOptions : {
-					columnSelector_container : $('#columnSelector'),
-					filter_cssFilter: 'form-control',
-					group_collapsed: true,
-					group_saveGroups: false,
-					//group_formatter   : function(txt, col, table, c, wo, data) {},
-					group_callback: function ($cell, $rows, column, table) {
-					  for (var i=0; i<sumColumns.length; i++) {
-						  var label = sumColumns[i];
-						  if (!label) {
-							  continue;
-						  }
-						  var subtotal = 0;
-				          $rows.each(function() {
-				            var txt = $(this).find("td").eq(i).text();
-				            subtotal += convertStringToNumber(txt);
-				          });
-				          $cell.find(".group-count").append(' - ' + label + ': ' + roundToTwo(subtotal));
-					  }
-			        },
-			    }
-			}).show();
+            // Add only the loaded fonts
+            $.each(fonts, function(i,font){
+                addFont(font);
+            });
+            var dd = {!! html_entity_decode(json_encode( [
+                                        'pageOrientation' => 'landscape',
+                                        'content' => [
+                                            [
+                                                'text'  => $reportTypes[$reportType],
+                                                'style' => 'header'
+                                            ],
+                                            [
+                                                'style'  => 'reportTable',
+                                                'table' => [
+                                                    'headerRows' => 1,
+                                                    'widths'     => '*',
+                                                    'body'       => $summary
+                                                 ],
+                                                'layout' => 'lightHorizontalLines'
+                                            ],
+                                            [
+                                                'style'  => 'reportTable',
+                                                'table'  => [
+                                                    'headerRows' => 1,
+                                                    'widths'     => '*',
+                                                    'body'       =>
+                                                        array_merge(
+                                                            [array_map(function($array) {
+                                                                return [
+                                                                    'text' =>  $array['label'],
+                                                                    'style' => 'tableHeader'
+                                                                ];
+                                                            }, $report->columns_labeled)]
+                                                        , array_map(function($row) {
+                                                            return array_map(function($col) {
+                                                                if(strpos($col, "<a href") !== FALSE) {
+                                                                    $hrefs = [];
+                                                                    preg_match('#<a.*href=[\'"](.*)["\'].*>(.*)<.*#', $col, $hrefs);
+                                                                    return [
+                                                                        'text' => $hrefs[2],
+                                                                        'link' => $hrefs[1]
+                                                                    ];
+                                                                }
+                                                                return $col;
+                                                            }, $row);
+                                                        }, $displayData))
 
-			$(".tablesorter-totals").tablesorter({
-				theme: 'bootstrap',
-				widgets: ['zebra', 'uitheme'],
-			}).show();
-
-			var lastReportType = localStorage.getItem('last:report_type');
-			if (lastReportType) {
-				$('#report_type').val(lastReportType);
-			}
-		});
-    })
+                                                ],
+                                                'layout' => 'lightHorizontalLines'
+                                            ]
+                                        ],
+                                        'styles'  => [
+                                            'header'       => [
+                                                'fontSize' => 18,
+                                                'bold'     => true,
+                                                'margin'   => [
+                                                    0,
+                                                    0,
+                                                    0,
+                                                    10
+                                                ]
+                                            ],
+                                            'reportTable' => [
+                                                'margin' => [
+                                                    0,
+                                                    5,
+                                                    0,
+                                                    50
+                                                ]
+                                            ],
+                                            'tableHeader'  => [
+                                                'bold'     => true,
+                                                'fontSize' => 13,
+                                                'color'    => 'black'
+                                            ]
+                                        ],
+                                        'defaultStyle' => [
+                                            'font' => Cache::get('fonts')[0]['name']
+                                        ]
+                                    ] , JSON_PRETTY_PRINT)) !!}
+                    function exportPDF() {
+                    pdfMake.createPdf(dd).download($('#reportrange').data('daterangepicker').startDate.format('YYYY-MM-DD') + '-' + $('#reportrange').data('daterangepicker').endDate.format('YYYY-MM-DD')+'_'+'{{'-invoiceninja-'.$reportTypes[$reportType].'-report'}}');
+                }
+        </script>
+        @stop
 
 
-	</script>
-
-@stop
-
-
-@section('onReady')
-
-	$('#start_date, #end_date').datepicker({
-		autoclose: true,
-		todayHighlight: true,
-		keyboardNavigation: false
-	});
+        @section('onReady')
+
+            $('#start_date, #end_date').datepicker({
+            autoclose: true,
+            todayHighlight: true,
+            keyboardNavigation: false
+            });
 
 @stop