<%#
Copyright 2017-2018 Dirk Brenken (dev@brenken.org)
This is free software, licensed under the Apache License, Version 2.0
-%>

<%-
local anonclass  = (not self.anonymous or self.sectiontitle) and "named" or "anonymous"
-%>

<style type="text/css">
.table.cbi-section-table .th,
.table.cbi-section-table .td,
.cbi-section-table-cell,
.cbi-section-table-row,
.tr[data-title]::before
{
	text-align: left;
	vertical-align: top;
	margin-left: 0px;
	padding-left: 2px;
}
.table.cbi-section-table .th
{
	white-space: nowrap;
}
.table.cbi-section-table input
{
	width: 7em;
}
.cbi-section-table-row > .cbi-value-field [data-dynlist] > input,
.table.cbi-section-table input
{
	width: 7em;
}

.cbi-input-text
{
	text-align: left;
	padding-left: 2px;
	outline: none;
	box-shadow: none;
	background: transparent;
	width: 7em;
}
</style>

<div class="cbi-section" id="cbi-<%=self.config%>-<%=self.sectiontype%>">
	<% if self.title then -%>
		<h3><%=self.title%></h3>
	<%- end %>
	<div class="cbi-section-descr"><%=self.description%></div>
	<div class="cbi-section-node">
		<div class="table cbi-section-table">
			<div class="tr cbi-section-table-titles <%=anonclass%>">
			<%- for i, k in pairs(self.children) do -%>
				<div class="th cbi-section-table-cell">
					<%-=k.title-%>
				</div>
			<%- end -%>
			</div>
			<%- local section, scope, isempty = true
				for i, k in ipairs(self:cfgsections()) do
					section = k
					local sectionname  = striptags((type(self.sectiontitle) == "function") and self:sectiontitle(section) or k)
					local sectiontitle = ifattr(sectionname and (not self.anonymous or self.sectiontitle), "data-title", sectionname)
					isempty = false
					scope = { valueheader = "cbi/cell_valueheader", valuefooter = "cbi/cell_valuefooter" }
			-%>
			<div class="tr cbi-section-table-row" id="cbi-<%=self.config%>-<%=section%>"<%=sectiontitle%>>
				<%-
					for k, node in ipairs(self.children) do
						node:render(section, scope or {})
					end
					if not scope.cbid:match("adb_src_cat") then
				-%>
					<div class="td cbi-value-field">&#160;</div>
				<%- end -%>
			</div>
			<%- end -%>
		</div>
	</div>
</div>
