{include file="header.html"}
{$xajax}
{title value=$layout.pagetitle link="<a class='btn btn-default' onclick='xajax_add_producer();'>{fontimg src='add'} {trans('Nowy producent')}</a>"}

<div id="div_produceredit" style="display:none">
{box class="noshadow" bodyclass="panel-body-add"}
    <form name="produceredit" id="produceredit" method="POST">
    <input type="hidden" name="produceredit[id]" value="{$produceredit.id}" id="id_producer">
    
    {heading class="noborder noshadow panel-success"}
	<span style="font-weight:bold;" id="id_action_name">{trans('New producer')}</span>
    {/heading}
    
    {body}
	<table width="100%" cellpadding="4" class="table" style="background:transparent;">
	
	<tr>
	    <td width="1%" nowrap nowrap><b>{trans('Nazwa producenta')}</b></td>
	    <td width="1%">:</td>
	    <td width="98%">
		<input type="text" name="produceredit[name]" style="width:350px" id="id_producername" value="{$produceredit.name|escape}" placeholder="{trans('Wpisz nazwę producenta')}" class="form-control">
		<div style="color:red;" id="warn_producername"></div>
	    </td>
	</tr>
	
	<tr>
	    <td width="1%" nowrap><b>{trans('Nazwa alternatywna')}</b></td>
	    <td width="1%">:</td>
	    <td width="98%" align="left">
		<input type="text" name="produceredit[alternative_name]" style="width:350px" id="id_alternative_name" value="{$produceredit.alternative_name|escape}" class="form-control">
	    </td>
	</tr>
	</table>
    {/body}
    
    {footer}
	<a class="btn btn-default btn-save"  href="javascript:void(0);" onclick="xajax_save_producer(xajax.getFormValues('produceredit'));">{fontimg src="img/add.gif"} {trans('Zapisz')}</a>
	<a class="btn btn-default btn-cancel" href="javascript:void(0);" onclick="xajax_cancel_producer();">{fontimg src="img/cancel.gif"} {trans('Anuluj')}</a>
    {/footer}
    </form>
{/box}
<br>
</div>



{box style="padding:5px;"}

    <table width="100%" id="producerlist" cellpadding="0" class="table table-hover table-bordered table-striped display">
	
	<thead>
	    <tr>
		<th>{trans("ID")}</th>
		<th>{trans("Nazwa")}<br>{trans("Nazwa alternatywna")}</th>
		<th>{trans("Modeli")}</th>
		<th>&nbsp;</th>
	    </tr>
	</thead>
	
	<tbody>
	    {section name='producerlist' loop=$producerlist}
		<tr>
		    <td onclick="self.location.href='?m=netdeviceproducerinfo&pid={$producerlist[producerlist].id}';">
			{$producerlist[producerlist].id|string_format:"%04d"}
		    </td>
		    <td onclick="self.location.href='?m=netdeviceproducerinfo&pid={$producerlist[producerlist].id}';">
			<b>{$producerlist[producerlist].name}</b>
			{if $producerlist[producerlist].alternative_name}<br>{$producerlist[producerlist].alternative_name}{/if}
		    </td>
		    <td onclick="self.location.href='?m=netdeviceproducerinfo&pid={$producerlist[producerlist].id}';">
			{$producerlist[producerlist].modelcount}
		    </td>
		    <td>
			<a href="?m=netdeviceproducerinfo&pid={$producerlist[producerlist].id}">{fontimg src="info" show="1"}</a>
			<a href="javascript:void(0);" onclick="delete_producer('{$producerlist[producerlist].id}');">{fontimg src="delete" show="1"}</a>
			<a href="javascript:void(0);" onclick="xajax_edit_producer('{$producerlist[producerlist].id}');">{fontimg src='edit' show='1'}</a>
		    </td>
		</tr>
	    {/section}
	</tbody>
	
    </table>

{literal}
    <script type="text/javascript" language="JavaScript">
    <!--
	function delete_producer(id) {
	    if (confirm('{/literal}{trans('Potwierdź usunięcie producenta oraz wszystkich jego modeli')}{literal}')) {
		xajax_delete_producer(id);
	    }
	}
	
        $(document).ready(function(){
	var dt = $("#producerlist").dataTable({
	    
	    language : { 
			url : 'img/Polish.json' 
	    },
	    columns : [
		    {
			"sClass" : 'textcenter',
			"width" : '1%',
		    },
		    {
			'sClass' : 'textleft',
			"width" : "auto",
		    },
		    {
			"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]],
	});
    });
    
    //-->
    </script>
{/literal}

{/box}
{include file="footer.html"}