{% if page != null %}<!-- PAGE #{{ page }} -->{% endif %}
{% for row in rows %}
<div id="{{ row.account._key }}"
	class="row{% if row.account.active is same as(true) %} active{% else %} hided{% endif %}" data-row="operator">
	<span class="unselectable interactive" data-column="account" title="{{ row.account._key }}"
		onclick="operators.update(this.parentElement)">{{
		row.account._key }}</span>
	<span class="unselectable interactive" data-column="name"
		title="{% if row.account.name.first is not empty %}{{ row.account.name.first }}{% endif %}{% if row.account.name.second is not empty %} {{ row.account.name.second }}{% endif %}{% if row.account.name.last is not empty %} {{ row.account.name.last }}{% endif %}"
		onclick="navigator.clipboard.writeText('{% if row.account.name.first is not empty %}{{ row.account.name.first }}{% endif %}{% if row.account.name.second is not empty %} {{ row.account.name.second }}{% endif %}{% if row.account.name.last is not empty %} {{ row.account.name.last }}{% endif %}')">{% if row.account.name.first is not empty %}{{
		row.account.name.first|slice(0, 1)|upper }}.{% endif %}{% if row.account.name.last is not empty %} {{
		row.account.name.last|slice(0, 1)|upper }}.{% endif %}{% if row.account.name.second is not empty %} {{
		row.account.name.second }}{% endif %}</span>
	<span class="unselectable interactive" data-column="number"><a href="tel:{{ row.account.number }}"
			title="Позвонить">{{ row.account.number|storaged_number_to_readable }}</a></span>
	<span class="unselectable interactive" data-column="mail"><a href="mailto:{{ row.account.mail }}"
			title="Написать письмо">{{ row.account.mail }}</a></span>
	<span class="unselectable interactive" data-column="commentary" title="{{ row.account.commentary }}">{{
		row.account.commentary }}</span>
</div>
{% endfor %}
