{include file="header.html"}
{$xajax}
{box style="padding:5px;display:none;" class="noshadow" bodyclass="panel-body-add" id="id_editstates"}

    <form name="editstates" id="editstates" method="POST">
    <input type="hidden" name="editstates[id]" id="editstates_id" value="">
    
    
	{heading class="noborder noshadow panel-success" style="margin:-5px;margin-bottom:5px;"}
		<div id="infoaction"></div>
	{/heading}
	
	{body}
	    <table width="100%" cellpadding="5" cellspacing="0" class="table" style="background:transparent;">
	    <tr>
		<td width="1%" nowrap class="pad10" style="vertical-align:top;"><b>{trans('Nazwa')}</b></td>
		<td width="1%" nowrap class="pad10" style="vertical-align:top;">:</td>
		<td width="98%" class="pad10" style="text-align:left;vertical-align:top;">
		    <input type="text" name="editstates[name]" id="editstates_name" maxlength="64" style="width:430px;" value="" class="required" placeholder="--WYMAGANE--">
		    <span style="color:red;" id="alert_name"></span>
		</td>
	    </tr>
	
	    <tr>
		<td width="1%" nowrap class="pad10" style="vertical-align:top;"><b>{trans('Opis')}</b></td>
		<td width="1%" nowrap class="pad10" style="vertical-align:top;">:</td>
		<td width="98%" class="pad10" style="text-align:left;">
		    <textarea name="editstates[description]" id="editstates_description" maxlength="250" style="width:430px" rows="5"></textarea>
		</td>
	    </tr>
	
	    <tr>
		<td width="1%" nowrap class="pad10"><b>{trans('Kolor tekstu')}</b></td>
		<td width="1%" nowrap class="pad10">:</td>
		<td width="98%" class="pad10" style="text-align:left;">
		    <input type="text" name="editstates[color]" id="editstates_color" value="" style="width:100px;" placeholder="#000000" {tip text="Podaj numer koloru w formacie #XXXXXX lub wybierz z listy"}>
		    <select name="editstates[colorselect]" id="editstates_colorselect" size="1" onchange="xajax_editcolor_gb(this.value);">
			<option value="-1">-- {trans('wybierz kolor')} --</option>
			{section name='colors' loop=$colors}
			    <option value="{$colors[colors]}" style="background-color:{$colors[colors]}">&nbsp;</option>
			{/section}
		    </select>
		</td>
	    </tr>
	    </table>
	{/body}
	
	{footer}
	    <a class='btn btn-default btn-save' href="javascript:void(0);" onclick="xajax_editstates_save(xajax.getFormValues('editstates'));">{fontimg src="img/save.gif"} {trans('Zapisz')}</a>
	    <a class='btn btn-default btn-cancel' href="javascript:void(0);" onclick="xajax_editstates_cancel();">{fontimg src="img/cancel.gif"} {trans('Anuluj')}</a>
	{/footer}
    
    </form>
{/box}

{box class="noborder noshadow" style="padding:5px;"}

<div class="pull-right" style="margin-bottom:10px;" id="table_button">
    <a class='btn btn-default' onclick="xajax_editstates_add();">{fontimg src="add"} {trans("Dodaj status")}</a>
</div>

<table width="100%" cellpadding="0" class="table table-bordered table-hover table-striped" id="rtticketstateslist">

    <thead>
	<tr>
	    <th>{trans("ID")}</th>
	    <th>{trans("Nazwa")}</th>
	    <th>{trans("Kolor")}</th>
	    <th>{trans("Zgłoszeń")}</th>
	    <th>&nbsp;</th>
	</tr>
    </thead>
    
    <tbody>
	{section name='lista' loop=$lista}
	<tr>
	    <td>{$lista[lista].id}</td>
	    <td style="text-align:left;{if $lista[lista].color}color:{$lista[lista].color}{/if}">
		<b>{$lista[lista].name}</b>
		{if $lista[lista].description}<br>{$lista[lista].description}{/if}
	    </td>
	    <td>{$lista[lista].color}</td>
	    <td>{$lista[lista].counts}</td>
	    <td>
		{if !in_array($lista[lista].id,array('-1','0','1','2','3'))}
		    <a><i class="onoff fa fa-fw {if $lista[lista].active}fa-toggle-on{else}fa-toggle-off{/if}" uid="{$lista[lista].id}"></i></a>
		{/if}
		{if !in_array($lista[lista].id,array('-1','0','1','2','3')) && $lista[lista].counts == 0 && $lista[lista].countsh == 0}
		    <a href="javascript:void(0);" onclick="kasuj_status('{$lista[lista].name}','{$lista[lista].id}');">{fontimg src="img/delete.gif" show="1"}</a>
		{/if}
		<a href="javascript:void(0);" onclick="xajax_editstates_edit('{$lista[lista].id}');">{fontimg src="img/edit.gif" show="1"}</a>
	    </td>
	</tr>
	{/section}
    </tbody>

</table>

{literal}
<script type="text/javascript" language="JavaScript">
<!--
    keyPressF4 = function() {
	xajax_editstates_add();
    }
    
    function kasuj_status(nazwa,id) {
	if (confirm('{/literal}{trans('Potwierdź usunięcie')}{literal} :\n' + nazwa)) {
	    xajax_editstates_delete(id);
	}
    }
    
    function resize_content() {
	var frm = $(parent.document).find("#tabsajax_content");
	
	setTimeout(function(){
	    frm.css({height : "0px"});
	    var $height = $(document).height();
	    frm.css({height : $height + 20 + "px"});
	},50);
    }
    
    $(document).ready(function(){
	
	var dt = $("#rtticketstateslist").dataTable({
		
		'language' 	: {'url' : 'img/Polish.json'},
		'lengthMenu' 	: [[10,25,50,100,200],[10,25,50,100,200]],
		'order' 	: [[1,"asc"]],
		'sDom' 		: 'fliprtip',
		'pageLength' 	: {/literal}{get_profile('pagelimit',50)}{literal},
		'columns' 	: [
				    {'width' : '1%', 'sClass' : 'textcenter'},
				    {'width' : '96%','sClass' : 'textleft'},
				    {'width' : '1%', 'sClass' : 'textleft'},
				    {'width' : '1%', 'sClass' : 'textright'},
				    {'width' : '1%', 'sClass' : 'textright quicklink',"orderable" : false, "searchable": false}
				],
		'stateSave' : true,
		'drawCallback' : function(){
				resize_content();
		},
	});
	
	$('.onoff').click(function(){
	    var tr = $(this).closest('tr');
	    var uid = $(this).attr('uid');
	    
	    if ($(this).hasClass('fa-toggle-on')) { // wyłączamy
		
		$(this).removeClass('fa-toggle-on');
		$(this).addClass('fa-toggle-off');
		
	    } else { // włączamy
		
		$(this).removeClass('fa-toggle-off');
		$(this).addClass('fa-toggle-on');
		
	    }
	    xajax_editstates_set(uid);
	});
	
    });

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

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