{*

/**
 * SugarCRM is a customer relationship management program developed by
 * SugarCRM, Inc. Copyright (C) 2004 - 2009 SugarCRM Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
 * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * SugarCRM" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by SugarCRM".
 */
*}

{if $chartOptions == ''}
{literal}
	<style type="text/css">
		.no-data {
			display: table;
			width: 100%;
			height: 100%;
		}

		.textCenter {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
			.textCenter span {
				font-size: 16px;
				border: 1px dashed #E03E3E;
				padding: 10px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 10px 10px 5px #AAAAAA;
				background-color: #FFDEDE;
				color: #E03E3E;
			}

	</style>
{/literal}
{/if}


       <div style='overflow: auto; width: 100%; height: 800px; border: 1px #ddd solid'>
        <div id="chart_div" style="width: 900px; height: 750px;"></div>
       </div>      


<!-- GOOGLE CHARTS API -->
<script type="text/javascript" src="{literal}https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}{/literal}"></script>


		<script type="text/javascript">

	     {literal}
            google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Rok', 'Wartość'],
	{/literal}{foreach from=$TABLE key="key" item="item" name=loop}
		['{$item.payment_date}', {$item.total|number_format:2:".":""}],
	{/foreach}
{literal}
        ]);

        var options = {
        
          orientation:  	'horizontal',
          hAxis: { titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

        chart.draw(data, options);
      }
      	{/literal}
		</script>


