<f:layout name="Default"/>

<f:section name="Content">
    <h1>Points of Interest</h1>
    <h2>Popular Tags</h2>
    <f:if condition="{articleTypes.poi.popularTags}">
        <f:then>
            <table>
                <tr>
                    <th>Tag</th>
                    <th>Count</th>
                    <th>In Configuration</th>
                </tr>
                <f:for each="{articleTypes.poi.popularTags}" as="tag">
                    <tr>
                        <td>{tag.data}</td>
                        <td>{tag.count}</td>
                        <td>
                            <f:if condition="{tag.configured}">
                                <f:then>
                                    <i style="color: green" class="fas fa-check"></i>
                                </f:then>
                                <f:else>
                                    <i style="color: red" class="fas fa-times"></i>
                                </f:else>
                            </f:if>
                        </td>
                    </tr>
                </f:for>
            </table>
        </f:then>
        <f:else>
            <p>No tags were imported for this article type.</p>
        </f:else>
    </f:if>
</f:section>
