<header>
    {{#link-to 'settings' class='button-back button'}}Back{{/link-to}}
    <h2 class="title">Apps</h2>
</header>

<section class="content settings-apps">
    <table class="js-apps">
        <thead>
            <th>App name</th>
            <th>Status</th>
        </thead>
        <tbody>
        {{#each itemController="settings/app"}}
        <tr>
            <td>
                {{#if package}}{{package.name}} - {{package.version}}{{else}}{{name}} - package.json missing :({{/if}}
            </td>
            <td>
                <button {{action toggleApp this}} {{bind-attr class=":js-button-active activeClass:button-delete inactiveClass:button-add activeClass:js-button-deactivate"}}>
                    {{buttonText}}
                </button>
            </td>
        </tr>
        {{/each}}
        </tbody>
    </table>
</section>