<div class="section sectionMain">
	<form id="xFShout{$instance.instance_id}" action="{xen:link 'xfshout/add'}" method="post">

	<table class="dataTable">

		<col style="width:100%; word-wrap:normal;" />

		<tr class="dataRow">
			<th>{xen:raw $instance.title}</th>
		</tr>
		<tr class="dataRow secondaryContent">
			<td style="font-size:11px;" id="dbtech_xfshout_status{$instance.instance_id}">Loading...</td>
		</tr>
		<tr class="dataRow">
			<td valign="top"><div id="dbtech_xfshout_sticky{$instance.instance_id}"<xen:if is="{$permissions.cansetsticky}"> ondblclick="XenForo.xFShout{$instance.instance_id}.editSticky();"</xen:if>>{xen:raw $instance.sticky_parsed}</td>
		</tr>
		<tr class="dataRow">
			<td valign="top"><div id="dbtech_xfshout_content{$instance.instance_id}" style="height:{$instance.options.height}px; overflow:auto;"><em>Loading...</em></div></td>
		</tr>
		<xen:if is="{$permissions.canshout}">
		<tr class="dataRow">
			<td valign="top">
			<input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
			<input type="hidden" name="_instance_id" value="{$instance.instance_id}" />
			<input type="hidden" name="_sticky" value="{xen:raw $instance.sticky}" />
			<div style="margin-top: 10px;">
				<input type="text" class="textCtrl" name="shout" style="width:100%;" maxlength="{xen:raw $instance.options.maxlength}" placeholder="{xen:phrase dbtech_xfshout_type_shout_here}" />
				<span style="float:left">
					<input type="button" name="submit" class="button" value="{xen:phrase dbtech_xfshout_shout}" />
					<input type="button" name="delete" class="button" value="{xen:phrase delete}" style="display:none;" />
					<input type="button" name="cancel" class="button" value="{xen:phrase cancel}" style="display:none;" />
				</span>
			</div>
			</td>
		</tr>
		</xen:if>
	</table>
	</form>
</div>
<script type="text/javascript" src="js/dbtech/xfshout/xfshout.js"></script>
<script type="text/javascript">
<!--
XenForo.xFShout{$instance.instance_id} = new XenForo.xFShout($("#xFShout{$instance.instance_id}"), {$instance.options.refreshtime}, {$instance.instance_id});
$("#xFShout{$instance.instance_id}").data('XenForo.xFShout{$instance.instance_id}', XenForo.xFShout{$instance.instance_id});

jQuery.extend(XenForo.phrases,
{
	dbtech_xfshout_saving_shout: "{xen:jsescape {xen:phrase dbtech_xfshout_saving_shout}}",
	dbtech_xfshout_editing_shout: "{xen:jsescape {xen:phrase dbtech_xfshout_editing_shout}}",
	dbtech_xfshout_editing_sticky: "{xen:jsescape {xen:phrase dbtech_xfshout_editing_sticky}}",
	dbtech_xfshout_deleting_shout: "{xen:jsescape {xen:phrase dbtech_xfshout_deleting_shout}}",
	dbtech_xfshout_fetching_shouts: "{xen:jsescape {xen:phrase dbtech_xfshout_fetching_shouts}}",
	dbtech_xfshout_fetching_shouts_in_x_seconds: "{xen:jsescape {xen:phrase dbtech_xfshout_fetching_shouts_in_x_seconds}}",
});
//-->
</script>