{header}

<script type="text/javascript" src="{url_tmpl_administration}js/chart.min.js{cache_version_param}"></script>

<div class="block_narrow">
    <ul class="lmenu_lgreen">
        <li class="active"><a href="{url_main}administration/home.php">{l_home}</a></li>
        <li><a href="{url_main}" target="_blank">{l_view_site}</a></li>
        <li><a href="{url_main}administration/index.php?cmd=logout">{l_logout_menu}</a></li>
    </ul>
</div>
<div class="block_main">
    <h2>{l_title_current}</h2>

    <!-- begin_stats -->
    <div id="h"></div>

    <div class="stats_chart">
        <canvas id="grafik" class="stats_chart_canvas"></canvas>
        <div class="stats_chart_box">
            <!-- begin_item_stats_title -->
            <div class="stats_chart_or" style="color:{color}">{title}</div>
            <!-- end_item_stats_title -->
        </div>
    </div>

    <div style="clear: both;"></div>
    <!--<script language="JavaScript" src="grafik.js{cache_version_param}"></script>
    <script type="text/javascript">
        var chart = new FusionCharts("graf.swf", "ChartId", "850", "300");
        chart.setDataURL("stats_xml.php");
        chart.render("h");
    </script>-->

    <table class="tb">
    <tr>
        <th class="decor_l">&nbsp;</th>
        <th class="right" >{l_date}</th>
        <th>{l_today}<span> ({day_title})</span></th>
        <th>{l_this_month}<span> ({month_title})</span></th>
        <th>{l_this_year}<span> ({year_title})</span></th>
        <th class="last">{l_all}<span> ({l_since} {since_title})</span></th>
        <th class="decor_r">&nbsp;</th>
    </tr>
    <!-- begin_row -->
    <tr class="{class}">
        <td class="decor{decl}">&nbsp;</td>
        <td class="right">{name}</td>
        <td>{day}</td>
        <td>{month}</td>
        <td>{year}</td>
        <td class="last">{total}</td>
        <td class="decor{decr}">&nbsp;</td>
    </tr>
    <!-- end_row -->
    </table>
    <script language="javascript" type="text/javascript">

    var labels=[], i=0, dataChar=[], stats=[], j=0, k=0;
    <!-- begin_item_stats_date -->
    labels[i]='{date}';
    i++;
    <!-- end_item_stats_date -->
    <!-- begin_item_data -->
    stats[{or}]=[];
    <!-- begin_item_data_stats -->
    stats[{or}][k]='{count}';
    k++;
    <!-- end_item_data_stats -->
    dataChar[j] = { label: '{data_title}',
					fillColor : 'rgba(220,220,220,0)',
					strokeColor : '{color}',
					pointColor : '{color}',
					pointStrokeColor : '#fff',
					pointHighlightFill : '#fff',
					pointHighlightStroke : '{color}',
					data : stats[{or}]
				};
    j++;
    k=0;
    <!-- end_item_data -->

    var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
	var lineChartData = {
			labels : labels,
			datasets : dataChar,
    };

    window.onload = function(){
		var ctx = document.getElementById('grafik').getContext('2d');
		window.myLine = new Chart(ctx).Line(lineChartData, {
            //scaleShowHorizontalLines: false,
            //scaleShowVerticalLines: false,
            scaleFontSize: 11,
            tooltipFontSize: 10,
            tooltipTitleFontSize: 10,
            tooltipTitleFontStyle: "normal",
            scaleFontColor: "#000",
			responsive: true,
            animation: false,
		});
	}
    </script>
    <!-- end_stats -->
    <!-- begin_nostats -->
    <p>{l_no_stats}</p>
    <!-- end_nostats -->
</div>
{footer}