{include file='overall_adm_iframe.html'}
<link rel="stylesheet" type="text/css" href="{$apache_path}iplabel.css"/>
{if $action eq 'show'}
	<div style="padding:10px;">
	    <div class="tableview_title tabHeader">
		    <h1>{$scenario_name} - {$lang.IPLABEL_LAST_DAY_DATA}</h1>
	    </div>
	    <div id='iplabel_chart' style="height:250px;"></div><br/>
	    {*
	    <div id="menu_node_update" class="tabs">
		    <ul>        	
		    	{foreach name=indext key=key item=site from=$allsite} 			
		        <li class="tooltipstered">
		            <a href="dialog_iplabel.php?action=show&amp;nodeid={$node.id}&amp;sceid={$sceid}&amp;site={$key}" class="tooltipstered">
		            	{$site}
		            </a>
		        </li>
		        {/foreach}
		    </ul>
		</div>
		*}
	    <div id='iplabel_detail_chart' style="height:250px;"></div><br/>
       {* <table id="iplabel_detail_metric" class="tab ui-widget-content">
            <thead>
            <tr>
                <th>{$lang.IPLABEL_DATE}</th>
               	<th>{$lang.IPLABEL_SITE}</th>
               	<th>{$lang.IPLABEL_STEP}</th>
               	<th>{$lang.IPLABEL_METRIC}</th>
                <th>{$lang.IPLABEL_VALUE}</th>
            </tr>
            </thead>
            <tbody>
            	{foreach name=indext key=key item=met from=$advancemetric} 
				    <tr>
                        <td>{$met.date}</td>
                        <td>{$met.sitename}</td>
                        <td>{$met.stepname}</td>
                        <td>{$met.metric}</td>
                        {if $met.type eq 'Time'}
                        	<td>{$met.value} ms</td>
                        {else}
                            <td>{$met.value} ({$met.type})</td>
                        {/if}
				    </tr>
            	{/foreach}
                </tbody>
            </table>
	    </div>*}
    
    <script type="text/javascript">
     var datajson = {$datasite|@json_encode};
     Utils.createTable("#iplabel_detail_metric");
     {*var datajsondetail = {$advancemetric|@json_encode};*}
     var metricname = {$metricname|@json_encode};
     
   	{literal}
   	 	var chart = bb.generate({
    	  data: 
    	  {
	        x: "x",
	        xFormat: '%Y-%m-%d %H:%M:%S',
    	    json: datajson,
    	    type: "line", // for ESM specify as: line()
    	  },
	        axis: {
	            x: {
	                type: 'timeseries',
					tick: {
						format: x => Utils.RRDupdateFormatter('%Hh%M')(x),
						fit: false,
					},
	                label: {
	                	position: "outer-center"
	                }
	            },
	            y: {
			        show: true,
					min: 0,
					label: {
						text: 'ms',
						position: 'outer-middle',
					},
	            }
	        },
    	  bindto: "#iplabel_chart"
    	});
     {/literal}
    </script>    
{elseif $action eq 'showstep'}

{else}
    Bad Request
{/if}