{if $akcja == 'add' || $akcja == 'edit'}
{$xajax}

{box class="noshadow"}
    {heading class="noborder noshadow"}
	<b>{if $eventinfo.id}Edycja zdarzenia{else}Nowe zdarzenie{/if}</b>
    {/heading}

    <form name="eventedit" id="eventedit" method="POST">
    <input type="hidden" name="eventedit[id]" value="{$eventinfo.id}">
    <input type="hidden" name="eventedit[idc]" value="{$idc}">
    <input type="hidden" name="eventedit[planning]" value="0">
    <input type="hidden" name="eventedit[closed]" value="1">
    
    <table width="100%" cellpadding="3" cellspacing="0" class='table'>
	
	<tr>
		<td width="1%" nowrap align="left" style="vertical-align:top;"><b>Data zdarzenia</b></td>
		<td width="1%" class="pad10" style="vertical-align:top;"><b>:</b></td>
		<td width="98%" align="left">
		    <div class="form-inline">
		    {input type="text" name="eventedit[datazdarzenia]" value="{if $eventinfo.datazdarzenia}{$eventinfo.datazdarzenia|date_format:'Y/m/d'}{/if}" class="ical" ico="calendar" style="width:100px;" id="id_datazdarzenia" icoclear="1" readonly="1"}
		    </div>
		    <div id="id_datazdarzenia_alerts" style="color:red;"></div>
		</td>
	</tr>
	
	<tr>
		<td width="1%" nowrap align="left" style="vertical-align:top;"><b>Stan licznika</b></td>
		<td width="1%" class="pad10" style="vertical-align:top;"><b>:</b></td>
		<td width="98%" align="left">
		    <input type="text" name="eventedit[stanlicznika]" id="id_stanlicznika" class="form-control" style="width:100px;" value="{if $eventinfo.stanlicznika}{$eventinfo.stanlicznika}{/if}">
		    <div id="id_stanlicznika_alerts" style="color:red;"></div>
		</td>
	</tr>
	
	<tr>
		<td width="1%" nowrap align="left" style="vertical-align:top;"><b>Zdarzenie</b></td>
		<td width="1%" class="pad10" style="vertical-align:top;"><b>:</b></td>
		<td width="98%" align="left">
		    {if get_conf('registryequipment.car_eventdic','0')}
			<input type="hidden" name="eventedit[name]" id="id_name" value="{$eventinfo.name}">
		    {else}
			<input type="text" name="eventedit[name]" id="id_name" class="form-control" style="width:400px;" value="{$eventinfo.name}" placeholder="podaj nazwę zdarzenia lub wybrać z listy">&nbsp;&nbsp;
		    {/if}
		    {if $dicevent}
			<select name="eventedit[eventid]" class="form-control" style="width:400px;" id="id_eventid" onchange="swapnameevent();">
			    <option value=""></option>
			    {section name="dicevent" loop=$dicevent}
				<option value="{$dicevent[dicevent].id}"{if $dicevent[dicevent].id == $eventinfo.eventid} selected{/if}>{$dicevent[dicevent].name}</option>
			    {/section}
			</select>
		    {else}
			<span style="color:red;">Brak dostępnych pozycji w słowniku</span>
			<input type="hidden" name="eventedit[eventid]" id="id_event" value="">
		    {/if}
		    <div id="id_name_alerts" style="color:red;"></div>
		</td>
	</tr>
	    
	<tr>
		<td width="1%" nowrap align="left" style="vertical-align:top;"><b>Opis</b></td>
		<td width="1%" class="pad10" style="vertical-align:top;"><b>:</b></td>
		<td width="98%" align="left">
		    <textarea name="eventedit[description]" class="form-control" style="width:400px;" rows="5">{$eventinfo.description}</textarea>
		</td>
	</tr>
	    
	<tr>
		<td width="1%" nowrap align="left" style="vertical-align:top;"><b>Koszt</b></td>
		<td width="1%" class="pad10" style="vertical-align:top;"><b>:</b></td>
		<td width="98%" align="left">
		    <input type="text" name="eventedit[koszt]" id="id_koszt" class="form-control" style="width:100px;" value="{if $eventinfo.koszt}{$eventinfo.koszt}{/if}">
		    <div id="id_koszt_alerts" style="color:red;"></div>
		</td>
	</tr>
		
	
	
	<tr>
		<td width="1%" nowrap align="left" style="vertical-align:top;"><b>Ilość paliwa</b></td>
		<td width="1%" class="pad10" style="vertical-align:top;"><b>:</b></td>
		<td width="98%" align="left">
		    <input type="text" name="eventedit[litrow]" id="id_litrow" style="width:100px;" value="{if $eventinfo.litrow}{$eventinfo.litrow}{/if}" placeholder="ilość litrów">
		    <div id="id_litrow_alerts" style="color:red;"></div>
		</td>
	</tr>
    </table>
    
    {footer}
	<a class="btn btn-default" href="javascript:void(0);" onclick="xajax_saveevent(xajax.getFormValues('eventedit'));">{fontimg src="save" show="1"} {trans('Save')}</a>
	<a class="btn btn-default" href="javascript:void(0);" onclick="self.location.href='?plug=registryequipment&m=re_carinfo&tuck=event&idc={$idc}';">{fontimg src='cancel' show='1'} {trans('Cancel')}</a>
    {/footer}
	
</form>

{literal}
<script type="text/javascript" language="JavaScript">
<!--
	function swapnameevent()
	{
	    if (document.getElementById('id_eventid').value=='') {
		document.getElementById('id_name').readOnly = false;
		document.getElementById('id_name').value = '';
		document.getElementById('id_name').focus();
	    } else {
		var e = document.getElementById('id_eventid');
		var strUser = e.options[e.selectedIndex].text;
		document.getElementById('id_name').value = strUser;
		document.getElementById('id_name').readOnly = true;
	    }
	}
//-->
</script>
{/literal}
{/box}

{else}
    {box class="noshadow"}
    
    <table width="100%" cellpadding="3" cellspacing="0" class="table table-hover table-bordered table-striped display" id="re_event_list">
	<thead>
	    <tr>
	    <!--//
		<th class="pad" width="1%" class="not-export-col" nowrap style="text-align:center;">&nbsp;</th>
	    //-->
		<th class="pad5" width="1%" nowrap style="text-align:center;">ID</th>
		<th class="pad10" width="1%" nowrap style="text-align:center;">Data&nbsp;<br>Zdarzenia</th>
		<th class="pad10" width="1%" nowrap style="text-align:center;">Dodano&nbsp;<br>Przez</th>
		<th class="pad10" width="1%" nowrap style="text-align:center;">Zdarzenie</th>
		<th class="pad10" width="auto" style="text-align:left;">Dodatkowa Informacja</th>
		<th class="pad10" width="1%" nowrap style="text-align:center;">Licznik</th>
		<th class="pad10" width="1%" nowrap style="text-align:center;">Koszt (zł)</th>
		<th class="pad10" width="1%" nowrap style="text-align:center;">Litrów</th>
		<th class="pad10" width="1%" class="not-export-col" nowrap style="text-align:center;">&nbsp;</th>
	    </tr>
	</thead>
	
	<tbody>
	
	{section name='eventlist' loop=$eventlist}
	{assign var='event' value=$eventlist[eventlist]}
	<tr>
	<!--//
	    <td></td>
	//-->
	    <td>{$event.id|string_format:"%04d"}</td>
	    <td>{$event.datazdarzenia|date_format:"Y-m-d"}</td>
	    <td>
		{$event.cdate|date_format:"Y-m-d"}
		{assign var='tmp' value=$event.cuser}<br><span class="blend">{$userlist[$tmp].name}</span>
	    </td>
	    <td>
		{if $event.planning}<span class="tiphelp" title="PLANOWANE">(PL)</span>{/if}
		{if $event.eventid}
		    {assign var='tmp' value=$event.eventid}
		    {$eventdiclist[$tmp].name}
		{else}
		    {$event.name}
		{/if}
	    </td>
	    <td>{if $event.description}{$event.description}{/if}</td>
	    <td>{if $event.stanlicznika}{$event.stanlicznika}{/if}</td>
	    <td>{if $event.koszt != '0.00'}{$event.koszt|string_format:"%0.2f"}{/if}</td>
	    <td>{if $event.litrow}{$event.litrow}{/if}</td>
	    
	    <td>
		<a href="?plug=registryequipment&m=re_carinfo&tuck=event&idc={$idc}&del={$event.id}" onclick="return confirmLink(this,'Potwierdź usunięcie zdarzenia');">{fontimg src="img/delete.gif"}</a>
		{fontimg src="img/edit.gif" style="border:0;cursor:pointer;" title="[ Edytuj ]" onclick="self.location.href='?plug=registryequipment&m=re_carinfo&tuck=event&idc={$idc}&edit={$event.id}';"}
	    </td>
	</tr>
	{/section}
	</tbody>
	
    </table>
    
    {literal}
    <script type="text/javascript" language="JavaScript">
    <!--
	
	$(document).ready(function(){
	
	    var dt = $("#re_event_list").dataTable({
		
		'columns' : [
//		    {'name' : 'selekt', 'orderable' : false,'searable':false,'sClass':'textcenter nowrap select-checkbox','width':"1%",targets:0},
		    {'name' : 'id','sClass' : 'textcenter','width' : "1%"},
		    {'name' : 'cdate','sClass' : 'textcenter','width' : "1%"},
		    {'name' : 'user','sClass' : 'textcenter nowrap','width' : "1%"},
		    {'name' : 'event','sClass' : 'textleft nowrap','width' : "1%"},
		    {'name' : 'opis','orderable' : false,'sClass' : 'textleft','width' : "auto"},
		    {'name' : 'licznik','sClass' : 'textright nowrap','width' : "1%"},
		    {'name' : 'koszt','sClass' : 'textright nowrap','width' : "1%"},
		    {'name' : 'litrow','sClass' : 'textright nowrap','width' : "1%"},
		    {'name' : 'link','orderable' : false,'searchable' : false,'sClass' : 'textright quicklink nowrap','width' : "1%"},
		],
		
//		'select' : true,
		
		'language' : 
			{
				buttons: {colvis : "Widok"},
				"url" : "img/Polish.json"
			},
		'lengthMenu' : [[10,25,50,100,200,500],[10,25,50,100,200,500]],
		'order' : [[1,'desc']],
		'sDom' : '<"row"<"col-md-2"l><"col-md-6"B><"col-md-4"f>><"row"<"col-md-6"i><"col-md-6"p>>rtip',
		buttons : [
		    {
			extend : 'copyHtml5',
			exportOptions : {columns : ':visible:not(.not-export-col)'}
		    },
		    {
			extend : 'csvHtml5',
			exportOptions : {columns : ':visible:not(.not-export-col)'}
		    },
		    {
			extend : 'excelHtml5',
			exportOptions : {columns : ':visible:not(.not-export-col)'}
		    },
		    {
			extend : 'pdfHtml5',
			exportOptions : {
			    columns : ':visible:not(.not-export-col)',
//			    modifier : {
//				selected : true
//			    },
			},
			header : true,
			customize : function(config) {
			    config.pageSize = 'A4';
			    config.defaultStyle.fontSize = 7;
			    config.styles.tableHeader.width = '100%';
			    config.styles.tableHeader.fontSize = 7;
			    config.styles.tableHeader.bold = true;
			    config.styles.tableHeader.color = '#000000';
			    config.styles.tableHeader.fillColor = '#CCCCCC';
			    config.styles.title.alignment = 'left';
			    config.styles.title.bold = true;
			    config.styles.title.fontSize = 10;
			}
		    },
		    {
			extend : 'colvis',
			columns : [0,1,2,3,4,5,6,7]
		    },
		],
		
		'pageLength' : {/literal}{get_profile('pagelimit',10)}{literal},
	    
	    
	    }); // end dt
	
	
	}); //edn ready
	
    
    //-->
    </script>
    {/literal}
    
    {/box}
{/if}