[{assign var="mod" value=$smarty.const.C__GET__MODULE_ID}]

<div class="pt10">
	[{if $LogbookList}]
		<script type="text/javascript">
			window.resetFilter = function () {
				$('filter_from__VIEW').value = null;
				$('filter_from__HIDDEN').value = null;
				$('filter_to__VIEW').value = null;
				$('filter_to__HIDDEN').value = null;
				$('filter_text').value = null;
				$('filter_source').selectedIndex = null;
				$('filter_type').selectedIndex = null;
				$('filter_alert').selectedIndex = null;
				$('changes_only').checked = false;
				[{if $archiveBrowser == 1}]$('filter_archive').selectedIndex = 0;[{/if}]
				$('navPageStart').value = '0';
			};

			var e = document.getElementsByName('cRecStatus')[0];

			if (e)
			{
				if (e.options.length == 0)
				{
					var f = $('cSpanRecFilter');
					if (!f)
					{
						f.show();
					}
				}
			}

			window.expandAllLogbookChanges = function () {
				$$('table.mainTable .logexpand').each(function ($td) {
					var id           = $td.readAttribute('id').replace('ec', 'tr'),
					    $destination = $(id);

					if ($destination && !$destination.visible())
					{
						$td.simulate('click');
					}
				});
			};
		</script>
		<style type="text/css">
			.tdNav {
				padding: 0 10px;
				vertical-align: top;
			}
		</style>
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td class="tdNav">
					[{if ($archiveBrowser == "1")}]
						<label class="display-block mb5" for="filter_archive__VIEW">Status</label>
						[{isys type="f_dialog" name="filter_archive" p_bDbFieldNN="1" p_bEditMode="1" p_bInfoIconSpacer=0 inputGroupMarginClass=""}]
						<br class="cb" />

					    [{isys type="f_label" p_strStyle="display:block;margin-top:10px;margin-bottom:5px;" name="C__CMDB__LOGBOOK__SOURCE__USER" ident="LC__CMDB__LOGBOOK__SOURCE__USER"}]
					[{else}]
					    [{isys type="f_label" p_strStyle="display:block;margin-bottom:5px;" name="C__CMDB__LOGBOOK__SOURCE__USER" ident="LC__CMDB__LOGBOOK__SOURCE__USER"}]
					[{/if}]

					[{isys
                        title="LC__CMDB__LOGBOOK__SOURCE__USER"
                        name="filter_user"
                        type="f_popup"
                        p_strPopupType="browser_object_ng"
                        catFilter="C__CATS__PERSON"
                        edit_mode="1"
                        p_strClass="input-small"
                        multiselection=true
                        p_bInfoIconSpacer=0
                        inputGroupMarginClass=""}]
				</td>
				<td class="tdNav">
					[{isys type="f_label" p_strStyle="display:block;margin-bottom:5px;" ident="LC_UNIVERSAL__FROM" name="filter_from__VIEW"}]
					[{isys type="f_popup" p_bInfoIconSpacer="0" p_strClass="input-small" p_bEditMode="1" name="filter_from" p_strPopupType="calendar" p_calSelDate="" p_bTime="1" p_strStyle="width:70%" inputGroupMarginClass=""}]
					<br class="cb" />
					[{isys type="f_label" p_strStyle="display:block;margin-top:10px;margin-bottom:5px;" ident="LC__UNIVERSAL__TO" name="filter_to__VIEW"}]
					[{isys type="f_popup" p_bInfoIconSpacer="0" p_strClass="input-small" p_bEditMode="1" name="filter_to" p_strPopupType="calendar" p_calSelDate="" p_bTime="1" p_strStyle="width:70%" inputGroupMarginClass=""}]
				</td>
				<td class="tdNav">
					[{isys type="f_label" p_strStyle="display:block;margin-bottom:5px;" ident="LC__CMDB__LOGBOOK__SOURCE" name="filter_source"}]
					[{isys type="f_dialog" name="filter_source" p_strClass="input-mini" p_bEditMode="1" p_bInfoIconSpacer="0" inputGroupMarginClass=""}]
					<br class="cb" />
					[{isys type="f_label" p_strStyle="display:block;margin-top:10px;margin-bottom:5px;" ident="LC__CMDB__CATG__TYPE" name="filter_type"}]
					[{isys type="f_dialog" name="filter_type" p_strClass="input-mini" p_bEditMode="1" p_bInfoIconSpacer="0" inputGroupMarginClass=""}]
				</td>
				<td class="tdNav">
					[{isys type="f_label" p_strStyle="display:block;margin-bottom:5px;" ident="LC__CMDB__LOGBOOK__LEVEL" name="filter_alert"}]
					[{isys type="f_dialog" name="filter_alert" p_strClass="input-mini" p_bEditMode="1" p_bInfoIconSpacer="0" inputGroupMarginClass=""}]
					<br class="cb" />
					<label class="display-block mt10">
						[{isys type="lang" ident="LC__LOGBOOK__ONLY_CMDB_CHANGES"}]<br />
						<input type="checkbox" [{if $smarty.post.changes_only eq 1}]checked="checked"[{/if}] name="changes_only" value="1" />
					</label>
				</td>
				[{if $groups == "1"}]
					<td class="tdNav">
						[{isys type="f_label" ident="LC__LOGBOOK_FILTER__GROUP_BY" name="filter_group"}]<br />
						[{isys type="f_dialog" p_onChange="document.isys_form.navPageStart.value='0'; document.isys_form.submit();" name="filter_group" p_strClass="input-mini" p_bEditMode="1" p_bInfoIconSpacer="0"}]
					</td>
				[{/if}]

				<td class="p10 vam">
					<button type="button" class="btn ml10" onclick="$('navPageStart').setValue(0); change_page(0, false, 'main_content', 'post');">
						<img src="[{$dir_images}]axialis/basic/symbol-ok.svg" alt="" /><span>[{isys type='lang' ident='LC_UNIVERSAL__FILTER'}]</span>
					</button>
				</td>
			</tr>
		</table>
		<div id="logbookListContent" class="mt10">
			[{$LogbookList}]
		</div>
	[{else}]
		<script type="text/javascript">
			function chg_level(val) {
				var images = {
					"[{$smarty.const.C__LOGBOOK__ALERT_LEVEL__0}]": "blue",
					"[{$smarty.const.C__LOGBOOK__ALERT_LEVEL__1}]": "green",
					"[{$smarty.const.C__LOGBOOK__ALERT_LEVEL__2}]": "yellow",
					"[{$smarty.const.C__LOGBOOK__ALERT_LEVEL__3}]": "red"
				};

				$('alert_img').writeAttribute('src', window.dir_images + 'icons/infobox/' + (images[val] || 'blue') + '.png');
			}
		</script>

		<table class="contentTable">
			<tr>
				<td class="key">Alert Level</td>
				<td class="value">
					<div class="ml20 input-group input-size-small">
						[{isys type="f_dialog" name="C__CATG__LOGBOOK__ALERTLEVEL" p_bDbFieldNN=1 p_onChange="chg_level(this.getValue());" disableInputGroup=true p_bInfoIconSpacer=0}]

						<div class="input-group-addon">
							<img src="[{$dir_images}]icons/infobox/blue.png" id="alert_img" />
						</div>
					</div>
				</td>
			</tr>
			<tr>
				<td class="key">[{isys type="lang" ident="LC__CMDB__LOGBOOK__TITLE" name="C__CATG__LOGBOOK__MESSAGE"}]</td>
				<td class="value">[{isys type="f_text" name="C__CATG__LOGBOOK__MESSAGE"}]</td>
			</tr>
			<tr>
				<td class="key" valign="top">[{isys type="f_label" ident="LC__LANGUAGEEDIT__TABLEHEADER_DESCRIPTION" name="C__CATG__LOGBOOK__DESCRIPTION"}]</td>
				<td class="value">[{isys type="f_textarea" name="C__CATG__LOGBOOK__DESCRIPTION" p_nCols="55"}]</td>
			</tr>
		</table>
	[{/if}]
</div>
