{if !$ajax}
    {box title="<span id='board_count'></span>{trans('Information board')}" id="welcome_box_board" showorhide="1" class="panel-success" ajax='?m=welcome_box_board'}
    {/box}
{else}

    <table width="100%" cellpadding="4" cellspacing="0" class="table">
	<tr>
	    <td width="1%">{trans('Status')}</td>
	    <td width="1%" nowrap>
		<select name="select_board_status" id="select_board_status">
		    <option value="0">{trans('new')}</option>
		    <option value="1" {if $itemdata.board_status == '1'} selected {/if}>{trans('reads')}</option>
		    <option value="2" {if $itemdata.board_status == '2'} selected {/if}>{trans('own')}</option>
		</select>
	    </td>
	    <td width="1%">{trans('Priority')}</td>
	    <td width="1%" nowrap>
		<select name="select_board_prio" id="select_board_prio">
		    <option value="0">{trans('all')}</option>
		    <option value="1" {if $itemdata.board_prio == '1'} selected {/if}>{trans('normal')}</option>
		    <option value="2" {if $itemdata.board_prio == '2'} selected {/if}>{trans('important')}</option>
		    <option value="3" {if $itemdata.board_prio == '3'} selected {/if}>{trans('very important')}</option>
		</select>
	    </td>
	    <td width="1%">{trans('Author')}</td>
	    <td width="auto">
		<select name="select_board_author" id="select_board_author" class="form-control widthfull">
		    <option value="0"></option>
			{section name="userlist" loop=$userlist}
			    <option value="{$userlist[userlist].id}" {if $itemdata.board_author == $userlist[userlist].id} selected {/if}>{$userlist[userlist].name}</option>
			{/section}
		</select>
	    </td>
	    <td width="1%" nowrap align="right" class="quicklink">
		{fontimg src="add" id="board_add" title="{trans('new message')}"}
	    </td>
	</tr>
    </table>
    
    <div id="board_content" style="margin:0;padding:0;overflow:auto;max-height:400px;"></div>
    
    {literal}
    <script type="text/javascript" language="JavaScript">
    <!--
	function draw_theme_list(req) {
	    var request = req.message;
	    var $count = req.count;
	    
	    if ($count > 0) {
		setTimeout(function(){
		    $("#board_count").html("<span class='badge' style='color:#FFF;background-color:red;font-weight:bold;font-size:8pt;'>" + $count + "</span>&nbsp;&nbsp;");
		},100);
	    } else 
		$("#board_count").empty();
	    
	    $("#board_content").empty();
	    
	    var $st = $("#select_board_status").val();
	    var $pr = $("#select_board_prio").val();
	    var $au = $("#select_board_author").val();
	    
	    var $out = "";
	    $out += "<table width='100%' cellpadding='3' cellspacing='0' class='table table-hover table-bordered table-striped'>";
	    
	    if (request && request.length) {
			for (i=0; i<request.length; i++) {
			    $out += "<tr>";
			    
			    $out += "<td width='1%' nowrap style='vertical-align:top;text-align:center;'>";
			    $out += "<span style='font-weight:bold;";
				if (request[i].prio == '1') $out += "black;";
				if (request[i].prio == '2') $out += "color:green;";
				if (request[i].prio == '3') $out += "color:red;"
			    $out += "'>" + request[i].id + "</span>";
			    
			    $out += "</td>";
			    
			    $out += "<td width='auto' style='vertical-align:top;text-align:left;'>";
			    $out += "<div style='padding:2px 2px 2px 4px;dbackground:#DDD;width:100%;font-weight:bold;color:";
				if (request[i].prio == '1') $out += "black;";
				if (request[i].prio == '2') $out += "green;";
				if (request[i].prio == '3') $out += "red;"
				if (request[i].active == '0') $out += "color:#999;";
			    $out += "'>" + request[i].cdate + " | ";
			    
			    if (request[i].description) {
				$out += request[i].description;
			    } else {
				$out += 'Wiadomość nr : ' + request[i].id;
			    }
			    
			    $out += "</div><br>";
			    $out += "<span style='text-align:left;";
			    
			    if (request[i].active == '0') $out += "color:#999;";
			    $out +="'>" + request[i].message + "</span>";
			    
			    
			    $out += "<p>";
			    $out += "<div style='float:left;text-align:left;width:50%;color:#444444;'><i>" + request[i].username + "</i></div>";
			    
			    $out += "<div style='float:right;text-align:right;width:49%;'>";
			    if (request[i].readmessage == 0) {
				$out += "<a href='javascript:void(0);' class='btn btn-default' onclick='confirmread(" + request[i].idm + ");'><b>OK</b></a>";
			    } else {
				
				if (request[i].owner) {
				    $out += "<a href='javascript:void(0);' class='btn btn-default' onclick='setactivemessage(" + request[i].idm + ");'><span>";
				    if (request[i].active == '0') {
					$out += "<i class='fa fa-toggle-off' title='włącz wiadomość'>";
				    } else {
					$out += "<i class='fa fa-toggle-on' title='wyłącz wiadomość'>";
				    }
				    $out += "</span></i></a>&nbsp;";
				}
				
				$out += "<a href='javascript:void(0);' class='btn btn-default' onclick='confirmdelete(" + request[i].idm + ");' title='usuń wiadomość'><span><i class='fa fa-trash'></span></i></a>";
			    }
			    $out += "</div>";
			    $out += "</p>";
			    
			    $out += "</td>";
			    
			    // $out += "<td width='1%' nowrap>W</td>";
			    $out += "</tr>";
			}
			
	    } else {
		$out += "<tr><td width='100%' style='text-align:center;'><br><b>";
		if (!$st && !$pr && !$au)
		    $out += "{/literal}{trans('no news, you have peace at the moment')}{literal}";
		else
		    $out += "{/literal}{trans('no news')}{literal}";
		$out += " ;-)</b><br><br></td></tr>";
	    }
	    $out += "</table>";
	    $("#board_content").append($out);
	}
	
	function confirmread(id) {
	    $.get('?m=welcome_box_board',{
		ajax : "1",
		filter : "refresh",
		popup : "1",
		setread : id,
	    }).done(function(result){
		var request = $.parseJSON(result);
		draw_theme_list(request);
		
	    });
	}
	
	function setactivemessage(id) {
	    $.get('?m=welcome_box_board',{
		ajax : "1",
		filter : "refresh",
		popup : "1",
		setactive : id,
	    }).done(function(result){
		var request = $.parseJSON(result);
		draw_theme_list(request);
		
	    });
	}
	
	function confirmdelete(id) {
	    if (confirm('Potwierdź usunięcie wiadomości')) {
		$.get('?m=welcome_box_board',{
		    ajax : "1",
		    filter : "refresh",
		    popup : "1",
		    setdel : id,
		}).done(function(result){
		    var request = $.parseJSON(result);
		    draw_theme_list(request);
		});
	    }
	}
	
	$(document).ready(function(){
	    
	    $("#select_board_status").change(function(){
		var $this = $(this).val();
		$("#board_content").empty();
		
		$.get('?m=welcome_box_board',{
		    ajax : "1",
		    popup : "1",
		    filter : "status",
		    value : $(this).val(),
		}).done(function(result){
		    var request = $.parseJSON(result);
		    draw_theme_list(request);
		});
	    });
	    
	    $("#select_board_prio").change(function(){
		var $this = $(this).val();
		$("#board_content").empty();
		
		$.get('?m=welcome_box_board',{
		    ajax : "1",
		    popup : "1",
		    filter : "prio",
		    value : $(this).val(),
		}).done(function(result){
		    var request = $.parseJSON(result);
		    draw_theme_list(request);
		});
	    });
	    
	    $("#select_board_author").change(function(){
		var $this = $(this).val();
		$("#board_content").empty();
		
		$.get('?m=welcome_box_board',{
		    ajax : "1",
		    popup : "1",
		    filter : "author",
		    value : $(this).val(),
		}).done(function(result){
		    var request = $.parseJSON(result);
		    draw_theme_list(request);
		});
	    });
	    
	    
	    
	    $("#board_add").click(function(){
		
		$.ipopup('?m=welcome_box_board&addmsg=1',{
		    type	: 'dialog',
		    ajax	: true,
		    popup	: true,
		    width	: 800,
		    height	: 400,
		    title	: 'Nowe ogłoszenie parafialne',
		    titleClass	: 'primary',
		    closeicon	: true,
		});
	    
	    });
	    
	    $.get('?m=welcome_box_board',{
		    ajax : "1",
		    popup : "1",
		    filter : "refresh",
		    value : "0",
	    }).done(function(result){
		    var request = $.parseJSON(result);
		    draw_theme_list(request);
	    });
	
	}); // end ready
    
    //-->
    </script>
    {/literal}
{/if}

{if $board_count_mess}

{literal}
<script type="text/javascript" language="JavaScript">
<!--
    $(document).ready(function(){
	setTimeout(function(){
	$("#board_count").html("<span class='badge' style='color:#FFF;background-color:red;font-weight:bold;font-size:8pt;'>" + "{/literal}{$board_count_mess}{literal}" + "</span>&nbsp;&nbsp;");
	},50);
    });
//-->
</script>
{/literal}
{/if}