{include file="header.html"}

{title value=$layout.pagetitle}

{box class="noshadow"}

    
    <form method="GET" action="?plug=radius&m=rad_radacct" name="choosefilter" id="choosefilter">
    <input type="submit" class="hiddenbtn">
    <input type="hidden" name="m" value="rad_radacct">
    <input type="hidden" name="plug" value="radius">
    <input type="hidden" name="page" value="1">
    <input type="hidden" name="status" value="{$listdata.status}">
    <table width="100%" cellpadding="2" class="table" style="background:transparent;margin-bottom:10px;" id="table-filter">
	
	<tr class="filter">
	
		    
		<td style="width:2em;" class="quicklink" nowrap align="center">
		    <a onclick="document.choosefilter.submit();" {tip text="ustaw filtr"}>{fontimg src='search'}</a>
		</td>
		    
		    
		<td style="width:12em;text-align:left;white-space:nowrap;">Początek sesji</td>
		
		<td style="width:4em;text-align:right;white-space:nowrap;">
		{daterange objfrom="#startdatefrom" objto="#startdateto" submit="choosefilter"}
		</td>
		<td style="width:4em;text-align:right;white-space:nowrap;">od</td>
		
		<td style="width:15em;text-align:left;">
		    <div class="form-inline">
		    {input type="text" ico="calendar" name="startdatefrom" style="width:100%;min-width:100px;{if !$listdata.startdatefrom}background:#FFF;{/if}" class="ical filtr{if $listdata.startdatefrom} actives{/if}" value="{$listdata.startdatefrom}" id="startdatefrom" readonly="1" icoclear="1"}
		    </div>
		</td>
		    
		<td style="width:4em;text-align:right;white-space:nowrap;">do</td>
		<td style="width:15em;text-align:left;">
		    <div class="form-inline">
		    {input type="text" ico="calendar" name="startdateto" style="width:100%;min-width:100px;{if !$listdata.startdateto}background:#FFF;{/if}" class="ical filtr{if $listdata.startdateto} actives{/if}" value="{$listdata.startdateto}" id="startdateto" readonly="1" icoclear="1"}
		</td>
		
		<td style="width:9em;text-align:right;white-space:nowrap;">NAS</td>
		<td style="width:35em;text-align:left;">
		    <select name="nas" style="width:100%;min-width:100px;" class="form-control filtr{if $listdata.nas} active{/if}">
		    <option value=""></option>
		    <option value="-1"{if $listdata.nas == "-1"} selected {/if}>BEZ NAS w iLMS</option>
		    {section name="naslist" loop=$naslist}
			<option value="{$naslist[naslist].nasname}"{if $naslist[naslist].nasname == $listdata.nas} selected {/if}>{$naslist[naslist].name}</option>
		    {/section}
		    </select>
		</td>
	</tr>
	
	{if $listdata.status == 'closed'}
	<tr class="filter">
	    <td style="width:2em;">&nbsp;</td>
	    
	    <td style="width:14em;text-align:left;white-space:nowrap;">Koniec sesji w dniach</td>
		
		<td style="width:4em;text-align:right;white-space:nowrap;">od</td>
		
		<td style="width:16em;text-align:left;">
		    <div class="form-inline">
		    {input type="text" ico="calendar" name="enddatefrom" style="width:100%;min-width:100px;" class="ical filtr{if $listdata.enddatefrom} active{/if}" value="{$listdata.enddatefrom}" id="enddatefrom" readonly="1" icoclear="1"}
		    </div>
		</td>
		    
		<td style="width:4em;text-align:right;white-space:nowrap;">do</td>
		<td style="width:16em;text-align:left;">
		    <div class="form-inline">
		    {input type="text" ico="calendar" name="enddateto" style="width:100%;min-width:100px;" class="ical filtr{if $listdata.enddateto} active{/if}" value="{$listdata.enddateto}" id="enddateto" readonly="1" icoclear="1"}
		</td>
		
		
		<td style="width:9em;text-align:right;white-space:nowrap;">Przyczyna</td>
		<td style="width:35em;text-align:left;">
		    <select name="cause" style="width:100%;min-width:100px;" class="form-control filtr{if $listdata.cause !='all'} active{/if}">
		    <option value="all" {if $listdata.cause=='all'} selected {/if}></option>
			    <option value="NULL" {if $listdata.cause=='NULL'} selected {/if}>- nieokreślona -</option>
			    {foreach $_RAD_TERMINATE_CAUSE as $idx => $key}
				<option value="{$idx}" {if $listdata.cause == $idx} selected {/if}>{$key}</option>
			    {/foreach}
		    </select>
		</td>
	</tr>
	{/if}
		
    </table>
    
    <table width="100%" id="radlist" class="table table-bordered table-stripped table-hover display;"></table>
    
    {literal}
    <script type="text/javascript" language="JavaScript">
    <!--
    
    $(document).ready(function() {
	
	//selected = [];
	
//	$(".filtr").change(function(){
//	    document.choosefilter.submit();
//	});
	
	dt_radlist = $("#radlist").dataTable({
	    'serverSide' : true,
	    'processing' :true,
	    'ajax' : {
		'url' : '?plug=radius&m=rad_radacct_ajax',
		'type' : "POST",
	    },
	    'columns' : [
		{
		    "title" : "radacctid",
		    "name" : "radacctid",
		    "data" : "radacctid",
		    "orderable" : false,
		    "searchable" : false,
		    "sClass" : "textright nowrap",
		    "width" : "1%",
		},
		
		{
		    "title" : "NAS",
		    "name" : "nasid",
		    "data" : "nasname",
		    "defaultContent" : "",
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		},
		{
		    "title" : "IP",
		    "name" : "framedipaddress",
		    "data" : "framedipaddress",
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		},
		{
		    "title" : "MAC",
		    "name" : "callingstationid",
		    "data" : "callingstationid",
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		},         
                {
		    "title" : "PORT",
		    "name" : "nasportid",
		    "data" : "nasportid",
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		}, 
		{
		    "title" : "Login",
		    "name" : "username",
		    "data" : "username",
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		},
		{
		    "title" : "Start",
		    "name" : "acctstarttime",
		    "data" : "acctstarttime",
		    "searchable" : false,
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		},
		{/literal}{if $listdata.status == "closed"}{literal}
		{
		    "title" : "End",
		    "name" : "acctstoptime",
		    "data" : "acctstoptime",
		    "searchable" : false,
		    "sClass" : "textleft nowrap",
		    "width" : "1%",
		},
		{/literal}{/if}{literal}
		{
		    "title" : "Time",
		    "name" : "acctsessiontime",
		    "data" : "acctsessiontime",
		    "searchable" : false,
		    "sClass" : "textright nowrap",
		    "width" : "1%",
		},
		{
		    "title" : "Pobrano<br>Wysłano",
		    "name" : "acctoutputoctets",
		    "data" : "acctoutputoctets",
		    "searchable" : false,
		    "sClass" : "textright nowrap",
		    "width" : "1%",
		},
		{/literal}{if $listdata.status == "closed"}{literal}
		{
		    "title" : "Przyczyna",
		    "name" : "acctterminatecause",
		    "data" : "acctterminatecause",
		    "searchable" : false,
		    "sClass" : "textright nowrap",
		    "width" : "1%"
		},
		{/literal}{/if}{literal}
		{
		    "title" : "Klient<br>Terminal",
		    "name" : "customername",
		    "data" : "customername",
		    "sClass" : "textleft nowrap",
		    "width" : "auto"
		},
		{/literal}{if $listdata.status == 'open'}{literal}
		{
		    "title" : "",
		    "name" : "link",
		    "data" : null,
		    "defaultContent" : "",
		    "orderable" : false,
		    "searchable" : false,
		    "sClass" : "textright nowrap quicklink",
		    "width" : "1%",
		},
		{/literal}{/if}{literal}
		{/literal}{if $listdata.status == 'falied'}{literal}
//		{
//		    "title" : "",
//		    "name" : "select",
//		    "data" : null,
//		    "defaultContent" : "",
//		    "searchable" : false,
//		    orderable : false,
//		    "sClass" : "textcenter nowrap select-checkbox",
//		    "width" : "1%",
//		},
		{/literal}{/if}{literal}
	
	    ],
	    {/literal}{if $listdata.status == 'falied'}{literal}
//	    select : {
//		style : 'os',
//		selecttor : 'td:first-child',
//	    },
	    select : true,
	    {/literal}{/if}{literal}
	    language : {
		url : "img/Polish.json",
	    },
	    'sDom' : '<"row"<"col-md-2"l><"col-md-6"{/literal}{if $listdata.status == 'falied'}{literal}{/literal}{/if}{literal}><"col-md-4"f>><"row"<"col-md-6"i><"col-md-6"p>>rtip',
	    'lengthMenu' : [[10,25,50,100,200,500],[10,25,50,100,200,500]],
	    'order' : [[4,'desc']],
	    'pageLength' : {/literal}{get_profile('pagelimit',10)}{literal},
//	    buttons : [
//		'selectAll',
//		'selectNone',
//		{
//		    text : 'Zamknij sesje',
//		    action : function(){
//				selected = [];
//				//var tmp = JSON.stringify(selected);
//				//alert(tmp);
//				closedSelectedRow();
//		    }
//		}
//	    ],
	    'fnRowCallback' : function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
		    var column_count = $("#radlist thead th").length - 1;
		    
		
		
		{/literal}{if $listdata.status == 'open'}{literal}
		    if (aData.nasid)
			$('td',nRow).eq(column_count).append('<i class="kickuser fa fa-sign-out fa-fw" title="zerwij sesję"></i>');
		{/literal}{/if}{literal}
		
		
	    },
	
	}); // end dt
	
	dt_radlist.api().column(0).visible(false,false);
	
	$("#radlist tbody").on('click','i.kickuser',function(){
	
	    var tr = $(this).closest('tr');
	    var row = dt_radlist.api().row(tr);
	    var id = row.data().radacctid;
	    ShowAjaxLoadingImage();
	    $.ajax({
		url : '?plug=radius&m=rad_radacct&popup=1&ajax=1&kickuser=' + id,
		cache : false,
		porcessData : true,
		success : function(){
		    setTimeout(function(){
			refreshTable();
			HideAjaxLoadingImage();
		    },1000);
		}
	    });
	});
	
	function refreshTable() {
	    dt_radlist.api().ajax.reload();
	}
    
    }); // end ready
    
    //-->
    </script>
    {/literal}

{/box}

{include file="footer.html"}