{% extends "base.html.j2" %}

{% block imports %}
<!-- <script src="/js/users.js" type="text/javascript"></script> -->
{% endblock %}

{% block tabs %}

<script>
    var key = "{{key}}";
    function user_active() {
        __.dump(this.owner.datasource);
        return this.owner.datasource.object["status"] === "Active";
    }
    function user_active_banned() {
        var s = this.owner.datasource.object["status"];
        return (s === "Active") || (s === "Banned");
    }
    function ban() {

    }
</script>

<st:tab code="users" label="Users">
    <st:form name="user" url="/json/user/$key">
        <st:field id="email" type="text" property="email" label="Email" readonly="true"/>
        <st:field id="display_name" type="text" property="display_name" label="Name" required="true"/>
        <st:field id="status" type="lookup" property="status" label="Status" readonly="true">
            <st:value text="Unconfirmed" key="Unconfirmed"/>
            <st:value text="Active" key="Active"/>
            <st:value text="Admin" key="Admin"/>
            <st:value text="Banned" key="Banned"/>
            <st:value text="Inactive" key="Inactive"/>
            <st:value text="Deleted" key="Deleted"/>
        </st:field>
        <st:footer>
            <st:action mode="view" label="Ban" action="ban" isactive="user_active"/>
            <st:action mode="view" label="Retire" action="retire" isactive="user_active_banned"/>
            <st:action mode="view" label="Delete" action="delete" isactive="user_active_banned"/>
            <st:action mode="view" label="Edit" action="edit"/>
            <st:action mode="edit" label="Save" action="save"/>
            <st:action mode="edit" label="Cancel" action="cancel"/>
        </st:footer>
    </st:form>
</st:tab>

{% endblock tabs %}