{include file="header.html"}
{$xajax}
{title value=$layout.pagetitle help="netdeviceproducerinfo" link="<a class='btn btn-default' href='?m=netdeviceproducer'>{fontimg src='list'} {trans('Lista producentów')}</a>&nbsp;&nbsp;<a class='btn btn-default' href='javascript:void(0);' onclick='xajax_add_model();'>{fontimg src='img/add.gif'} {trans('Dodaj model')}</a></span>"}
<span style='white-space:nowrap'>



<div id="div_modeledit" style="display:none;">
{box class="noshadow" bodyclass="panel-body-add"}
    <form name="modeledit" id="modeledit" method="POST">
    <input type="hidden" name="modeledit[id]" value="{$modeledit.id}" id="id_model">
    <input type="hidden" name="modeledit[pid]" value="{$listdata.pid}" id="id_pid">
    
    {heading class="noborder noshadow panel-success"}
	<span style="font-weight:bold;" id="id_model_action_name">{trans("Nowy model")}</span>
    {/heading}
    
    {body}

	<table width="100%" cellpadding="4" class="table" style="background:transparent;">
	
	
	<tr>
	    <td width="1%" nowrap style="text-align:left;"><b>{trans("Nazwa modelu")}</b></td>
	    <td width="1%">:</td>
	    <td width="98%"  style="text-align:left;">
		<input type="text" name="modeledit[name]" style="width:350px" id="id_model_name" value="{$modeledit.name|escape}" placeholder="Wpisz nazwę modelu" class="form-control">
		<div style="color:red;" id="warn_model_name"></div>
	    </td>
	</tr>
	
	<tr>
	    
	    <td width="1%" style="text-align:left;"><b>{trans('Nazwa alternatywna')}</b></td>
	    <td width="1%">:</td>
	    <td width="98%" style="text-align:left;">
		<input type="text" name="modeledit[alternative_name]" style="width:350px" id="id_model_alternative_name" value="{$modeledit.alternative_name|escape}" class="form-control">
	    </td>
	</tr>
	
	<tr>
	    <td width="1%" style="text-align:left;" nowrap><b>{trans('Kod EAN')}</b></td>
	    <td width="1%">:</td>
	    <td width="98%" style="text-align:left;">
		<input type="text" name="modeledit[ean]" style="width:350px" id="id_model_ean" value="{$modeledit.ean}" class="form-control">
	    </td>
	</tr>
	
	</table>
    {/body}
    
    {footer}
	<a class="btn btn-default btn-save" href="javascript:void(0);" onclick="xajax_save_model(xajax.getFormValues('modeledit'));">{fontimg src="img/add.gif"} {trans("Zapisz")}</a>
	<a class="btn btn-default btn-cancel" href="javascript:void(0);" onclick="xajax_cancel_model();">{fontimg src="img/cancel.gif"} {trans("Anuluj")}</a>
    {/footer}
    </form>
{/box}
<br>
</div>

{box style="padding:5px"}

    <table width="100%" cellpadding="0" class="table table-hover table-bordered table-striped display" id="modellist">
    <thead>
	<tr>
	    <th>{trans("ID")}</th>
	    <th>{trans("Nazwa")}<br>{trans("Nazwa alternatywna")}</th>
	    <th>{trans("Kod EAN")}</th>
	    <th>{trans("Powiązanych<br>interfejsów")}</th>
	    <th>{trans("Powiązanych<br>terminali")}</th>
	    <th>{trans("")}</th>
	</tr>
    </thead>
	
    <tbody>
	
	{section name=modellist loop=$modellist}
	{assign var="idek" value=$modellist[modellist].id}
	<tr>
	    <td onclick="xajax_edit_model({$idek});">
		{$modellist[modellist].id|string_format:"%04d"}
	    </td>
	    <td class="model-name{if !$modellist[modellist].active} blend{/if}" onclick="xajax_edit_model({$idek});">
		<b>{$modellist[modellist].name}</b>
		{if $modellist[modellist].alternative_name}<br>{$modellist[modellist].alternative_name}{/if}
	    </td>
	    <td onclick="xajax_edit_model({$idek});">{$modellist[modellist].ean}</td>
	    <td onclick="xajax_edit_model({$idek});">{if $modellist[modellist].netdevcount}{$modellist[modellist].netdevcount}{/if}</td>
	    <td onclick="xajax_edit_model({$idek});">{if $modellist[modellist].nodecount}{$modellist[modellist].nodecount}{/if}</td>
	    
	    <td width="1%" nowrap>
	    <!--//
		<img src="img/{if !$modellist[modellist].active}no{/if}access.gif" onclick="xajax_set_active_models({$idek});" id="idimg{$idek}">
	    //-->
		{if $modellist[modellist].active}
		    <a onclick="xajax_set_active_models({$idek});">{fontimg src="access" show="1" class="model_access"}</a>
		{else}
		    <a onclick="xajax_set_active_models({$idek});">{fontimg src="noaccess" show="1" class="model_access"}</a>
		{/if}
	    
		<a idek="{$idek}" class="delete-model">{fontimg src='delete' show='1'}</a>
		<a onclick="xajax_edit_model({$idek});">{fontimg src='edit' show='1'}</a>
	    
	    </td>
	</tr>
	{/section}
	
    </table>

{literal}
    <script type="text/javascript" language="JavaScript">
    <!--
    
    $(document).ready(function(){
	
	
	
	var dt = $("#modellist").dataTable({
	    
	    language : {url : 'img/Polish.json'},
	    columns : [
		    {"sClass" : 'textcenter',"width" : '1%',},
		    {'sClass' : 'textleft',"width" : "auto",},
		    {"width" : "1%",'sClass' : 'textleft',},
		    {"width" : "1%",'sClass' : 'textright',},
		    {"width" : "1%",'sClass' : 'textright',},
		    {"sClass" : "textright quicklink","width" : "1%","orderable" : false,"searchable" : false,}
	    ],
	    order : [[1,"asc"]],
	    pageLength : {/literal}{get_profile('pagelimit','50')}{literal},
	    'sDom' : 'lfiprtip',
	    'stateSave' : true,
	    'lengthMenu' : [[10,25,50,100,200],[10,25,50,100,200]],
	});
	
	$("#modellist tbody").on('click','i.model_access',function(){
	    
	    var tr = $(this).closest('tr');
	    var row = dt.api().row(tr);
	    
	    if ($(this).hasClass('fa-toggle-on')) {
		$(this).removeClass('fa-toggle-on');
		$(this).addClass('fa-toggle-off');
		$(".model-name",tr).addClass('blend');
	    } else {
		$(this).removeClass('fa-toggle-off');
		$(this).addClass('fa-toggle-on');
		$(".model-name",tr).removeClass('blend');
	    }
	    
	});
	
	$("#modellist tbody").on('click','a.delete-model',function(){
	    
	    var pid = $(this).attr('idek');
	    
	    if (confirm('Potwierdź usunięcie modelu')) {
		xajax_delete_model(pid);
	    }
	});
    });
    

    
    //-->
    </script>
{/literal}
{/box}

{include file='footer.html'}