- var mp = req.attrs.managePlugin, ns = mp.ns, pageId = mp.pageId, instanceId= mp.instanceId, pluginSettingsView = mp.pluginSettingsView;
.managePlugin(data-ns="#{ns}" ,data-pageid="#{pageId}", data-instanceid="#{instanceId}", data-settingsplugin="#{!!mp.settingsPlugin}")
    ul.nav.nav-tabs
        -if(mp.showSettingsTab)
            li.active: a(href="#managePluginSettings", data-id="settings",data-toggle="tab") Settings
        -if(mp.showEditPermission)
            if(!mp.showSettingsTab)
                li.active: a(href="#managePluginPermissions", data-id="permissions",data-toggle="tab") Permissions
            else
                li: a(href="#managePluginPermissions", data-id="permissions",data-toggle="tab") Permissions


    .tab-content
        -if(mp.showSettingsTab)
            .tab-pane.fade.in.active#managePluginSettings
                form.well.form-search#managePluginEditTitle(action="#{viewLib.getURL(req, "updatePluginTitle")}")
                    input(type="text", name="title.en_US", value="#{mp.title.en_US}")
                    |  
                    button(type="submit", class="btn") Edit Title
                -if(pluginSettingsView)
                    .well#settingsArea
                        !{pluginSettingsView}
        -if(mp.showEditPermission)
            if(!mp.showSettingsTab)
                .tab-pane.fade.in.active#managePluginPermissions
            else
                .tab-pane.fade#managePluginPermissions


:script
    require(['managePlugin'],function(){
               Rocket.trigger({type:"managePlugin:load", target:this, data:{}});
    });