{{#if (gt items.length 0) }}
<form class="filter-bar">
{{freetext-filter onchange=(action 'filter') value=filter.s placeholder="Search by name/port"}}
</form>
{{/if}}
{{#if (gt filtered.length 0)}}
{{#tabular-collection
items=filtered as |item index|
}}
{{#block-slot 'header'}}
<th>Service</th>
<th>Port</th>
<th>Tags</th>
{{/block-slot}}
{{#block-slot 'row'}}
<td>
<a href={{href-to 'dc.services.show' item.Service }}>{{item.Service}}</a>
</td>
{{item.Port}}
{{#if (gt item.Tags.length 0)}}
{{join ', ' item.Tags}}
{{/tabular-collection}}
{{else}}
<p>
There are no services.
</p>