{% extends '_mbusascii2mqtt_layout.html' %}

{% block content %}

<section>
	<div style="margin-left: 20px;">
		<h1 class="header">MBus2MQTT Logging</h1>
		<div>
			<div id="configurationTabs">
				<ul>
					<li>
						<a href="/mbusascii2mqtt_config">Configure</a>
					</li>
					<li>
						<a href="/mbusascii2mqtt_log">Log</a>
					</li>
					<li>
						<a href="/mbusascii2mqtt_manual">Documentation</a>
					</li>
				</ul>
			</div>
			<ul class="configurationTabs">
				<li>
					<form id="startlog" method="post" action="/mbusascii2mqtt_log?start=1"
						enctype="multipart/form-data">
						<input type="submit" value="Start" style="width: 120px" />
					</form>
				</li>
				<li>
					<form id="showlog" method="post" action="/mbusascii2mqtt_log?show=1" enctype="multipart/form-data">
						<input type="submit" value="Show" style="width: 120px" />
					</form>
				</li>
				<li>
					<form id="clearlog" method="post" action="/mbusascii2mqtt_log?clear=1"
						enctype="multipart/form-data">
						<input type="submit" value="Clear" style="width: 120px" />
					</form>
				</li>
				<li>
					<form id="startuplog" method="post" action="/mbusascii2mqtt_log?startup=1"
						enctype="multipart/form-data">
						<input type="submit" value="Startup Log" style="width: 120px" />
					</form>
				</li>
			</ul>
			<br />
			<textarea cols="1" rows="100" id="logArea" name="logg">
			{{logstring}}
			</textarea>
		</div>
	</div>
</section>
{% endblock content %}