{include file="header.html"}

<div style="width:100%;height:346px;overflow:auto;" id="infocontent">

{if $dataitem.action == 'add' || $dataitem.action == 'edit'}
    
    <form name="info" id="info" method="POST" action="?m=customerinfo&id={$dataitem.cid}&ajax=1&popup=1">
	
	<input type="hidden" name="info[id]" id="info_id" value="{$dataitem.id}">
	<input type="hidden" id="maxid" value="{$dataitem.maxid}">
	<textarea name="info[description]" id="info_description" style="width:100%;border:solid 1px #AAA;resize:none;overflow:auto;height:340px;">{if $dataitem.description}{$dataitem.description|escape}{/if}</textarea>
    </form>
    
    <script type="text/javascript">
    <!--
	$(document).ready(function(){
	    
	    
	    document.getElementById('info_description').focus();
	    $("#button_save").show();
	    $("#button_add").hide();
	    
	    
	    $("#button_cancel").click(function(){
		var $val = $("#info_description").val();
		
		    
//		if ($val.length == 0) {
		    $.ipopup.close();
//		} else if (confirm('Informacja nie jest zapisana\nCzy napewno chcesz zamknąć okno ?')) {
///		    $.ipopup.close();
//		}

	    }); // end click cancel
	    
	    
	    
	    $("#button_save").click(function(){
		var $val = $("#info_description").val();
		var $cid = $("#cid").val();
		var $id  = $("#info_id").val();
		var $maxid = $("#maxid").val();
		var $act = $("#action").val();
		
		if ($act == 'list') 
		    return false;
		
		if ($val.length == 0) {
		    
//		    alert('nie ma czego zapisywać\nklepnij chociaż jedno zdanie ;-)');
//		    document.getElementById('info_description').focus();
		    
		} else if ($act != 'list') {
//		    alert('laduje');
		    var newData = new FormData();
		    
		    newData.append('cid',$cid);
		    newData.append('id',$id);
		    newData.append('description',$val);
		    $("#info_description").val('');
		    
		    $.ajax({
			method 		: "POST",
			url 		: "?m=customerinfopopup&popup=1&ajax=1",
			cache		: false,
			processData 	: false,
			contentType 	: false,
			data 		: newData,
			
		    }).done(function(msg){
		    
			if (msg == 'OK') {
//			    location.reload();
//			    $.ipopup.close();
			    $("#button_save").hide();
			    $("#button_add").show();
			    $("#infocontent").empty();
			    $("#action").val('list');
			    if ($id.length == 0 || $id == $maxid) $("#customerinfo_info").empty().html($val);
			    $("#infocontent").load('?m=customerinfopopup&popup=1&inforefresh=1&ajax=1&cid=' + $cid);
			    
			} else {
			    alert('Informacji nie zapisano !!!\nwystąpił bład przy zapisie\ndo bazy danych');
			}
		    });
		    
		    
		    
		}
	    }); // end click save
	    
	    
	
	});
    //-->
    </script>
    
{else}
    
    <table width="100%" cellpadding="3" cellspacing="0" class="table table-bordered table-striped table-hover">
	<thead>
	    <tr>
		<th width="1%" nowrap style="text-align:center;">Autor / Data / mod</th>
		<th width="98%">Info</th>
		<th width="1%" nowrap>&nbsp;</th>
	    </tr>
	</thead>
	
	<tbody>
	    {foreach from=$listinfo item=item}
		<tr>
		    <td width="1%" nowrap style="vertical-align:top;">{if $item.login}{$item.login}{/if}{if $item.cdate}<br>{$item.cdate}{if $item.mdate}<br>({$item.mdate}){/if}{/if}</td>
		    <td width="98%" style="vertical-align:top;">{if $item.description}{$item.description|nl2br}{/if}</td>
		    <td width="1%" nowrap style="vertical-align:top;" class="quicklink">
			    <a href="javascript:void(0);" class="list_delete" infoid="{$item.id}">{fontimg src="delete"}</a>
			    <a href="javascript:void(0);" class="list_edit" infoid="{$item.id}">{fontimg src="edit"}</a>
		    </td>
		</tr>
	    {/foreach}
	</tbody>
    </table>
    
    <script type="text/javascript" language="JavaScript">
    <!--
	$(".list_delete").click(function(){
	    
	    if (confirm('Potwierdź usunięcie informacji')) {
		var $id = $(this).attr('infoid');
		var $cid = $("#cid").val();
		$("#action").val('list');
		$("#infocontent").empty();
		$("#infocontent").load('?m=customerinfopopup&popup=1&inforefresh=1&ajax=1&cid=' + $cid + '&delete=' + $id);
		
	    }
	});
	
	$(".list_edit").click(function(){
		var $id = $(this).attr('infoid');
		var $cid = $("#cid").val();
		$("#action").val('edit');
		$("#infocontent").empty();
		$("#infocontent").load('?m=customerinfopopup&popup=1&inforefresh=1&ajax=1&cid=' + $cid + '&edit=1&id=' + $id);
		
	});
	
	$("#button_cancel").click(function(){
	
	    $act = $("#action").val();
	    if ($act == 'list')
		$.ipopup.close();
	});
	
	$("#button_add").click(function(){
		var $cid = $("#cid").val();
		$("#action").val('add');
		$("#button_add").hide();
		$("#infocontent").empty();
		$("#infocontent").load('?m=customerinfopopup&popup=1&inforefresh=1&ajax=1&cid=' + $cid + '&add=1');
		
		
	});
    
    //-->
    </script>
    
{/if}

</div>

{if !$dataitem.inforefresh}
    <input type="hidden" id="action" value="{if $dataitem.action == 'add'}add{elseif $dataitem.action == 'edit'}edit{else}list{/if}">
    <input type="hidden" id="cid" value="{$dataitem.cid}">
    {footer sm="1"}
	
	<a class="btn btn-default" href="javascript:void(0);" id="button_save" style="display:none;">{fontimg src="save"} Zapisz</a>
	<a class="btn btn-default" href="javascript:void(0);" id="button_add" >{fontimg src="add"} Nowy wpis</a>
	<a class="btn btn-default" href="javascript:void(0);" id="button_cancel">{fontimg src="cancel"} Zamknij</a>
    
    {/footer}

{/if}


{include file="footer.html"}