@extends('header')

@section('head')
	@parent

	@include('money_script')

	<script src="{!! asset('js/Chart.min.js') !!}" type="text/javascript"></script>

    <script src="{{ asset('js/daterangepicker.min.js') }}?no_cache={{ NINJA_VERSION }}" type="text/javascript"></script>
    <link href="{{ asset('css/daterangepicker.css') }}?no_cache={{ NINJA_VERSION }}" rel="stylesheet" type="text/css"/>

    <link href="{{ asset('css/tablesorter.css') }}?no_cache={{ NINJA_VERSION }}" rel="stylesheet" type="text/css"/>
    <script src="{{ asset('js/tablesorter.min.js') }}?no_cache={{ NINJA_VERSION }}" type="text/javascript"></script>

	<link href="{{ asset('css/select2.css') }}?no_cache={{ NINJA_VERSION }}" rel="stylesheet" type="text/css"/>
    <script src="{{ asset('js/select2.min.js') }}?no_cache={{ NINJA_VERSION }}" type="text/javascript"></script>

	<style type="text/css">
		table.tablesorter th {
			color: white;
			background-color: #777 !important;
		}
		.select2-selection {
			background-color: #f9f9f9 !important;
			width: 100%;
		}

		.tablesorter-column-selector label {
			display: block;
		}

		.tablesorter-column-selector input {
			margin-right: 8px;
		}

	</style>

@stop

@section('top-right')
	@if (config('services.postmark') && auth()->user()->hasPermission('view_all') && auth()->user()->hasPermission('view_all'))
		{!! Button::normal(trans('texts.emails'))
				->asLinkTo(url('/reports/emails'))
				->appendIcon(Icon::create('envelope')) !!}
	@endif
	{!! Button::normal(trans('texts.calendar'))
			->asLinkTo(url('/reports/calendar'))
			->appendIcon(Icon::create('calendar')) !!}
@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

    <script type="text/javascript">

		var chartStartDate = moment("{{ $startDate }}");
		var chartEndDate = moment("{{ $endDate }}");
		var dateRanges = {!! $account->present()->dateRangeOptions !!};

		function resolveRange(range) {
			if (range == "{{ trans('texts.this_month') }}") {
				return 'this_month';
			} else if (range == "{{ trans('texts.last_month') }}") {
				return 'last_month';
			} else if (range == "{{ trans('texts.this_year') }}") {
				return 'this_year';
			} else if (range == "{{ trans('texts.last_year') }}") {
				return 'last_year';
			} else {
				return '';
			}
		}

        $(function() {

			if (isStorageSupported()) {
				var lastRange = localStorage.getItem('last:report_range');
				$('#range').val(resolveRange(lastRange));
				lastRange = dateRanges[lastRange];
				if (lastRange) {
					chartStartDate = lastRange[0];
					chartEndDate = lastRange[1];
				}
			}

            // Initialize date range selector
            function cb(start, end, label) {
                $('#reportrange span').html(start.format('{{ $account->getMomentDateFormat() }}') + ' - ' + end.format('{{ $account->getMomentDateFormat() }}'));
                $('#start_date').val(start.format('YYYY-MM-DD'));
                $('#end_date').val(end.format('YYYY-MM-DD'));
				if (label) {
					$('#range').val(resolveRange(label));
				}

				if (isStorageSupported() && label) {
					localStorage.setItem('last:report_range', label);
				}
            }

            $('#reportrange').daterangepicker({
                locale: {
					format: "{{ $account->getMomentDateFormat() }}",
					customRangeLabel: "{{ trans('texts.custom_range') }}",
					applyLabel: "{{ trans('texts.apply') }}",
					cancelLabel: "{{ trans('texts.cancel') }}",
                },
                startDate: chartStartDate,
                endDate: chartEndDate,
                linkedCalendars: false,
				ranges: dateRanges,
            }, cb);

            cb(chartStartDate, chartEndDate);

        });

    </script>


    {!! Former::open()->addClass('report-form')->rules(['start_date' => 'required', 'end_date' => 'required']) !!}


    <div style="display:none">
		{!! Former::text('action')->forceValue('') !!}
		{!! Former::text('range')->forceValue('') !!}
		{!! Former::text('scheduled_report_id')->forceValue('') !!}
    </div>

    {!! Former::populateField('start_date', $startDate) !!}
    {!! Former::populateField('end_date', $endDate) !!}

	<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">

						{!! 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 style="display:none">
                                    {!! Former::text('start_date') !!}
                                    {!! Former::text('end_date') !!}
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-6">

						{!! Former::select('group')
									->addOption('', '')
									->addOption(trans('texts.day'), 'day')
									->addOption(trans('texts.month'), 'monthyear')
									->addOption(trans('texts.year'), 'year') !!}

						{!! Former::select('subgroup')
									->addOption('', '') !!}

						<div id="statusField" style="display:none">

							<div class="form-group">
								<label for="status_ids" class="control-label col-lg-4 col-sm-4">{{ trans('texts.status') }}</label>
								<div class="col-lg-8 col-sm-8">
									<select name="status_ids[]" class="form-control" style="width: 100%;" id="statuses_{{ ENTITY_INVOICE }}" multiple="true">
							            @foreach (\App\Models\EntityModel::getStatusesFor(ENTITY_INVOICE) as $key => $value)
							                <option value="{{ $key }}">{{ $value }}</option>
							            @endforeach
									</select>
								</div>
							</div>
						</div>

						<div id="dateField" style="display: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 id="currencyType" style="display:none">
                            {!! Former::select('currency_type')->label(trans('texts.currency'))
                                    ->addOption(trans('texts.default'), 'default')
                                    ->addOption(trans('texts.converted'), 'converted') !!}
                        </div>

						<div id="invoiceOrExpenseField" style="display:none">
							{!! Former::select('document_filter')->label('filter')
								->addOption(trans('texts.all'), '')
									->addOption(trans('texts.invoice'), 'invoice')
									->addOption(trans('texts.expense'), 'expense') !!}
						</div>

        		  </div>
        </div>
	</div>
    </div>

	@if (!Auth::user()->hasFeature(FEATURE_REPORTS))
	<script>
		$(function() {
			$('form.report-form').find('input, button').prop('disabled', true);
		});
	</script>
	@endif


	<center class="buttons form-inline">
		<span class="well" style="padding-right:8px; padding-left:14px;">
		{!! Former::select('format')
					->addOption('CSV', 'csv')
					->addOption('XLSX', 'xlsx')
					->addOption('PDF', 'pdf')
					->raw() !!} &nbsp;

		{!! Button::normal(trans('texts.export'))
				->withAttributes(['onclick' => 'onExportClick()'])
				->appendIcon(Icon::create('download-alt')) !!}

		{!! Button::normal(trans('texts.cancel_schedule'))
				->withAttributes(['id' => 'cancelSchduleButton', 'onclick' => 'onCancelScheduleClick()', 'style' => 'display:none'])
				->appendIcon(Icon::create('remove')) !!}

		{!! Button::primary(trans('texts.schedule'))
				->withAttributes(['id'=>'scheduleButton', 'onclick' => 'showScheduleModal()', 'style' => 'display:none'])
				->appendIcon(Icon::create('time')) !!}

	 	</span> &nbsp;&nbsp;

		{!! Button::success(trans('texts.run'))
				->withAttributes(array('id' => 'submitButton'))
				->submit()
				->appendIcon(Icon::create('play'))
				->large() !!}

		@if (request()->report_type)
			<button id="popover" type="button" class="btn btn-default btn-lg">
			  {{ trans('texts.columns') }}
			  {!! Icon::create('th-list') !!}
			</button>

			<div class="hidden">
			  <div id="popover-target"></div>
			</div>
		@endif

	</center>

	@if (request()->report_type)

		@include('reports.chart_builder')

        <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 $field => $value)
							<td>
								@if ($field == 'duration')
									{{ Utils::formatTime($value) }}
								@else
		                        	{{ Utils::formatMoney($value, $currencyId) }}
								@endif
							</td>
	                    @endforeach
	                </tr>
				@endforeach
            @endforeach
        </tbody>
        </table>
		<p>&nbsp;</p>
        @endif

        <table id="{{ request()->report_type }}Report" class="tablesorter tablesorter-data" style="display:none">
        <thead>
            <tr>
				{!! $report ? $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>

        </div>
        </div>

	</div>

	@endif

	<div class="modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-labelledby="scheduleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="myModalLabel">{{ trans('texts.scheduled_report') }}</h4>
            </div>

            <div class="container" style="width: 100%; padding-bottom: 0px !important">
            <div class="panel panel-default">
            <div class="panel-body">

				<center style="padding-bottom:40px;font-size:16px;">
					<div id="scheduleHelp"></div>
				</center>

				{!! Former::select('frequency')
							->addOption(trans('texts.freq_daily'), REPORT_FREQUENCY_DAILY)
							->addOption(trans('texts.freq_weekly'), REPORT_FREQUENCY_WEEKLY)
							->addOption(trans('texts.freq_biweekly'), REPORT_FREQUENCY_BIWEEKLY)
							->addOption(trans('texts.freq_monthly'), REPORT_FREQUENCY_MONTHLY)
							->value('weekly') !!} &nbsp;

				{!! Former::text('send_date')
						->data_date_format(Session::get(SESSION_DATE_PICKER_FORMAT, DEFAULT_DATE_PICKER_FORMAT))
						->label('start_date')
						->appendIcon('calendar')
						->placeholder('')
						->addGroupClass('send-date') !!}

            </div>
            </div>
            </div>

            <div class="modal-footer" id="signUpFooter" style="margin-top: 0px">
              <button type="button" class="btn btn-default" data-dismiss="modal">{{ trans('texts.cancel') }} </button>
              <button type="button" class="btn btn-success" onclick="onScheduleClick()">{{ trans('texts.schedule') }} </button>
            </div>
          </div>
        </div>
    </div>

	{!! Former::close() !!}


	<script type="text/javascript">

	var scheduledReports = {!! $scheduledReports !!};
	var scheduledReportMap = {};

	for (var i=0; i<scheduledReports.length; i++) {
		var schedule = scheduledReports[i];
		var config = JSON.parse(schedule.config);
		scheduledReportMap[config.report_type] = schedule.public_id;
	}

	function showScheduleModal() {
		var help = "{{ trans('texts.scheduled_report_help') }}";
		help = help.replace(':email', "{{ auth()->user()->email }}");
		help = help.replace(':format', $("#format").val().toUpperCase());
		help = help.replace(':report', $("#report_type option:selected").text());
		$('#scheduleHelp').text(help);
        $('#scheduleModal').modal('show');
    }

	function onExportClick() {
        $('#action').val('export');
        $('#submitButton').click();
		$('#action').val('');
    }

	function onScheduleClick(frequency) {
        $('#action').val('schedule');
        $('#submitButton').click();
		$('#action').val('');
    }

	function onCancelScheduleClick() {
		sweetConfirm(function() {
			var reportType = $('#report_type').val();
			$('#action').val('cancel_schedule');
			$('#frequency').val(frequency);
			$('#scheduled_report_id').val(scheduledReportMap[reportType]);
	        $('#submitButton').click();
			$('#action').val('');
		});
	}

	function setFiltersShown() {
		var val = $('#report_type').val();
		$('#dateField').toggle(val == '{{ ENTITY_TAX_RATE }}');
		$('#statusField').toggle(['invoice', 'quote', 'product'].indexOf(val) >= 0);
		$('#invoiceOrExpenseField').toggle(val == '{{ ENTITY_DOCUMENT }}');
		$('#currencyType').toggle(val == '{{ ENTITY_PAYMENT }}');
	}

	function setDocumentZipShown() {
		var val = $('#report_type').val();
		var showOption = ['invoice', 'quote', 'expense', 'document'].indexOf(val) >= 0;
		var numOptions = $('#format option').size();
		if (showOption && numOptions == 3) {
			$("#format").append(new Option("ZIP - {{ trans('texts.documents') }}", 'zip'));
		} else if (! showOption && numOptions == 4) {
			$("#format option:last").remove();
		}
	}

	function setScheduleButton() {
		var reportType = $('#report_type').val();
		$('#scheduleButton').toggle(! scheduledReportMap[reportType]);
		$('#cancelSchduleButton').toggle(!! scheduledReportMap[reportType]);
	}

	function setSubgroupOptions() {
		var reportType = $('#report_type').val();
		var $subgroup = $('#subgroup');

		$subgroup.find('option').remove().end();
		$subgroup.append(new Option('', ''));

		if (['client'].indexOf(reportType) == -1) {
			$subgroup.append(new Option("{{ trans('texts.client') }}", 'client'));
		}
		$subgroup.append(new Option("{{ trans('texts.user') }}", 'user'));

		if (reportType == 'activity') {
			$subgroup.append(new Option("{{ trans('texts.category') }}", 'category'));
		} else if (reportType == 'aging') {
			$subgroup.append(new Option("{{ trans('texts.age') }}", 'age'));
		} else if (reportType == 'expense') {
			$subgroup.append(new Option("{{ trans('texts.vendor') }}", 'vendor'));
			$subgroup.append(new Option("{{ trans('texts.category') }}", 'category'));
		} else if (reportType == 'payment') {
			$subgroup.append(new Option("{{ trans('texts.method') }}", 'method'));
		} else if (reportType == 'profit_and_loss') {
			$subgroup.append(new Option("{{ trans('texts.type') }}", 'type'));
		} else if (reportType == 'task') {
			$subgroup.append(new Option("{{ trans('texts.project') }}", 'project'));
		} else if (reportType == 'client') {
			$subgroup.append(new Option("{{ trans('texts.country') }}", 'country'));
		} else if (reportType == 'invoice' || reportType == 'quote') {
			$subgroup.append(new Option("{{ trans('texts.status') }}", 'status'));
		} else if (reportType == 'product') {
			$subgroup.append(new Option("{{ trans('texts.product') }}", 'product'));
		}

		if (isStorageSupported()) {
			var lastSubgroup = localStorage.getItem('last:report_subgroup');
			if (lastSubgroup) {
				$('#subgroup').val(lastSubgroup);
			}
		}
	}

	var sumColumns = [];
	@foreach ($columns as $column => $class)
		sumColumns.push("{{ in_array($column, ['amount', 'paid', 'balance', 'cost', 'duration', 'tax', 'qty']) ? 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');
        });

		$('#document_filter').change(function() {
			var val = $('#document_filter').val();
            if (isStorageSupported()) {
                localStorage.setItem('last:document_filter', val);
            }
        });

		$('#format').change(function() {
			@if (! auth()->user()->hasFeature(FEATURE_REPORTS))
				return;
			@endif
			var val = $('#format').val();
			$('#scheduleButton').prop('disabled', val == 'zip');
            if (isStorageSupported() && val != 'zip') {
                localStorage.setItem('last:report_format', val);
            }
        });

        $('#report_type').change(function() {
			@if (! auth()->user()->hasFeature(FEATURE_REPORTS))
				return;
			@endif

			var val = $('#report_type').val();
			setFiltersShown();
			setDocumentZipShown();
			setScheduleButton();
			setSubgroupOptions();

			$('#scheduleButton').prop('disabled', $('#format').val() == 'zip');
            if (isStorageSupported()) {
                localStorage.setItem('last:report_type', val);
            }
        });

		$('#group').change(function() {
            if (isStorageSupported()) {
                localStorage.setItem('last:report_group', $('#group').val());
            }
        });

		$('#subgroup').change(function() {
            if (isStorageSupported()) {
                localStorage.setItem('last:report_subgroup', $('#subgroup').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 {
				return NINJA.parseFloat(str);
				var number = Number(str.replace(/[^0-9\-]+/g, ''));
				return number / 100;
			}
		}

		$(function(){
			var statusIds = isStorageSupported() ? (localStorage.getItem('last:report_status_ids') || '') : '';
			$('#statuses_{{ ENTITY_INVOICE }}').select2({
				//allowClear: true,
			}).val(statusIds.split(',')).trigger('change')
			  	.on('change', function() {
					if (isStorageSupported()) {
						var filter = $('#statuses_{{ ENTITY_INVOICE }}').val();
						if (filter) {
							filter = filter.join(',');
						} else {
							filter = '';
						}
						localStorage.setItem('last:report_status_ids', filter);
					}
				}).maximizeSelect2Height();

  			$(".tablesorter-data").tablesorter({
				@if (! request()->group)
					sortList: [[0,0]],
				@endif
				theme: 'bootstrap',
				widgets: ['zebra', 'uitheme', 'filter'{!! request()->group ? ", '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_mediaqueryName: "{{ trans('texts.auto') }}",
					columnSelector_mediaqueryHidden: true,
					columnSelector_saveColumns: true,
					//storage_useSessionStorage: true,
					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, true));
					  }
			        },
			    }
			}).show();

			@if (request()->report_type)
				$.tablesorter.columnSelector.attachTo( $('.tablesorter-data'), '#popover-target');
				$('#popover')
				.popover({
					placement: 'right',
					html: true, // required if content has HTML
					content: $('#popover-target')
				});
			@endif

			$(".tablesorter-totals").tablesorter({
				theme: 'bootstrap',
				widgets: ['zebra', 'uitheme'],
			}).show();

			setTimeout(function() {
				setFiltersShown();
				setDocumentZipShown();
				setScheduleButton();
				setSubgroupOptions();
			}, 1);

			if (isStorageSupported()) {
				var lastReportType = localStorage.getItem('last:report_type');
				if (lastReportType) {
					$('#report_type').val(lastReportType);
				}
				var lastGroup = localStorage.getItem('last:report_group');
				if (lastGroup) {
					$('#group').val(lastGroup);
				}
				var lastSubgroup = localStorage.getItem('last:report_subgroup');
				if (lastSubgroup) {
					$('#subgroup').val(lastSubgroup);
				}
				var lastDocumentFilter = localStorage.getItem('last:document_filter');
				if (lastDocumentFilter) {
					$('#document_filter').val(lastDocumentFilter);
				}
				var lastFormat = localStorage.getItem('last:report_format');
				if (lastFormat) {
					setTimeout(function() {
						$('#format').val(lastFormat);
					}, 1);
				}
			}
		});
    })


	</script>

@stop


@section('onReady')

	$('#start_date, #end_date').datepicker({
		autoclose: true,
		todayHighlight: true,
		keyboardNavigation: false
	});

	var currentDate = new Date();
	currentDate.setDate(currentDate.getDate() + 1);
	$('#send_date').datepicker('update', currentDate);

@stop