@if(isset($InvoiceExpense) && count($InvoiceExpense))
    <div class="tab-pane active" id="line-chart-2">
        <div id="bar-chart" class="morrischart" style="height: 300px"></div>
    </div>
@else
     <center>
    No Data Found
    </center>
@endif
<script type="text/javascript">
    Date.prototype.addDays = function(days)
    {
        var dat = new Date(this.valueOf());
        dat.setDate(dat.getDate() + days);
        return dat;
    }
$(function() {

        @if(isset($InvoiceExpense) && count($InvoiceExpense))
                var line_chart_demo_2 = $("#bar-chart");
                var sales_data_2 =  [];
                                        @foreach($InvoiceExpense as $key => $InvoiceExpenseRow)

                        @if(isset($InvoiceExpenseRow->MonthName) && isset($InvoiceExpenseRow->PaymentReceived) && isset($InvoiceExpenseRow->TotalInvoice) && isset($InvoiceExpenseRow->TotalOutstanding))

                         sales_data_2['{{$i++}}'] =
                            {
                             x: '{{$InvoiceExpenseRow->MonthName}}',
                             y: '{{$InvoiceExpenseRow->PaymentReceived}}',
                             z: '{{$InvoiceExpenseRow->TotalInvoice}}',
                             a: '{{$InvoiceExpenseRow->TotalOutstanding}}'
                             }
                        @endif
                    @endforeach
            Morris.Bar({
                        element: 'bar-chart',
                        data: sales_data_2,
                        xkey: 'x',
                        ykeys: ['y','z','a'],
                        labels:['Payment Received','Total Invoice','Total Outstanding'],
                        barColors: ['#3399FF', '#333399', '#3366CC'],
                            hoverCallback:function (index, options, content, row) {
                                var StartDate = '';
                                var EndDate = '';
                                @if($InvoiceExpenseRow->ftype=='Weekly')
                                    var arr = row.x.split('-');
                                    var date =  w2date(arr[1], arr[0]);
									var enddate =  w2date(arr[1], parseInt(arr[0])+parseInt(1));
                                    var date_range = $('#billing_filter [name="Closingdate"]').val().split(' - ');
                                    var minDate = new Date(date_range[0]);
                                    var maxDate = new Date(date_range[1]);
                                    if( minDate > date){
                                        date = minDate;
                                    }
									var date2 = enddate.addDays(-1);
									if( maxDate < date2){
                                        date2 = maxDate;
                                    }
									StartDate = date.getFullYear()+'-'+( date.getMonth()+1)+'-'+date.getDate();
									EndDate = date2.getFullYear()+'-'+( date2.getMonth()+1)+'-'+date2.getDate();
								
								@elseif($InvoiceExpenseRow->ftype=='Monthly')
                                    var arr = row.x.split('/');
                                    var date = new Date(row.x.split('/')[1]+'-'+row.x.split('/')[0]+'-01');
									var date2 = new Date(date.getFullYear(), date.getMonth() + 1, 0);
                                    var date_range = $('#billing_filter [name="Closingdate"]').val().split(' - ');
									var minDate = new Date(date_range[0]);
									var maxDate = new Date(date_range[1]);
									if( minDate > date){
										date = minDate;
									}
									if( maxDate < date2){
										date2 = maxDate;
									}
									StartDate = date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();
									EndDate = date2.getFullYear()+'-'+(date2.getMonth()+1)+'-'+date2.getDate();
                                @elseif($InvoiceExpenseRow->ftype=='Yearly')
									var date = new Date(row.x+'-01-01');
									var date2 = new Date(row.x+'-12-31');
                                    var date_range = $('#billing_filter [name="Closingdate"]').val().split(' - ');
									var minDate = new Date(date_range[0]);
									var maxDate = new Date(date_range[1]);
									if( minDate > date){
										date = minDate;
									}
									if( maxDate < date2){
										date2 = maxDate;
									}
                                    StartDate = date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();
									EndDate = date2.getFullYear()+'-'+(date2.getMonth()+1)+'-'+date2.getDate();
                                @endif

                                /*var StartDate =row.x.split('/')[1]+'-'+row.x.split('/')[0]+'-01';
                                var lastday = new Date(2008, row.x.split('/')[0], 0).getDate();
                                var EndDate =row.x.split('/')[1]+'-'+row.x.split('/')[0]+'-'+lastday;*/
                                var Currency = $('[name="CurrencyID"]').val();
                                return '<div class="morris-hover-row-label">'+
                                            row.x+
                                        '</div>' +
                                        '<div  class="morris-hover-point">' +
                                        '   <a  style="color: #3399FF" target="_blank" class="paymentReceived" data-startdate="'+StartDate+'" data-enddate="'+EndDate+'" data-currency="'+Currency+'" href="javascript:void(0)">@lang('routes.CUST_PANEL_PAGE_ANALYSIS_HEADING_INVOICES_&_EXPENSES_LBL_PAYMENT_RECEIVED') {{$CurrencySymbol}}'+row.y+'</a>' +
                                        '</div>' +
                                        '<div  class="morris-hover-point">' +
                                        '   <a style="color: #333399" target="_blank" class="totalInvoice" data-startdate="'+StartDate+'" data-enddate="'+EndDate+'" data-currency="'+Currency+'" href="javascript:void(0)">@lang('routes.CUST_PANEL_PAGE_ANALYSIS_HEADING_INVOICES_&_EXPENSES_LBL_TOTAL_INVOICE') {{$CurrencySymbol}}'+row.z+'</a>' +
                                        '</div>' +
                                        '<div  class="morris-hover-point">' +
                                        '   <a style="color: #3366CC" target="_blank" class="totalOutstanding" data-startdate="'+StartDate+'" data-enddate="'+EndDate+'" data-currency="'+Currency+'" href="javascript:void(0)">@lang('routes.CUST_PANEL_PAGE_ANALYSIS_HEADING_INVOICES_&_EXPENSES_LBL_TOTAL_OUTSTANDING') {{$CurrencySymbol}}'+row.a+'</a>' +
                                        '</div>';
                                //return '<div class="morris-hover-row-label">'+row.x+'</div><div  class="morris-hover-point"><a  style="color: #3399FF" target="_blank" href="'+baseurl+'/payments?StartDate='+StartDate+'&EndDate='+EndDate+'&Status=Approved&Type=Payment In&CurrencyID={{Input::get('CurrencyID')}}">Payment Received: {{$CurrencySymbol}}'+row.y+'</a></div><div  class="morris-hover-point"><a style="color: #333399" target="_blank" href="'+baseurl+'/invoice?StartDate='+StartDate+'&EndDate='+EndDate+'&InvoiceType=1&CurrencyID={{Input::get('CurrencyID')}}">Total Invoice: {{$CurrencySymbol}}'+row.z+'</a></div><div  class="morris-hover-point"><a style="color: #3366CC" target="_blank" href="'+baseurl+'/invoice?StartDate='+StartDate+'&EndDate='+EndDate+'&InvoiceStatus=send,awaiting,partially_paid&CurrencyID={{Input::get('CurrencyID')}}&InvoiceType=1">Total Outstanding: {{$CurrencySymbol}}'+row.a+'</a></div>'
                            }

                    });
            line_chart_demo_2.parent().attr('style', '');
        @endif
});
    function w2date(year, wn){
		var Day10 = new Date( year,0,10,12,0,0),
                Day4 = new Date( year,0,4,12,0,0),
                weekmSec = Day4.getTime() - Day10.getDay() * 86400000;  // 7 days in milli sec
        return new Date(weekmSec + ((wn - 1)  * 7 ) * 86400000);
    };
</script>