@(plugins: List[(gitbucket.core.plugin.PluginInfo, Boolean)], info: Option[Any])(implicit context: gitbucket.core.controller.Context)
@gitbucket.core.html.main("Plugins"){
  @gitbucket.core.admin.html.menu("plugins") {
    @gitbucket.core.helper.html.information(info)
    <form action="@context.path/admin/plugins/_reload" method="POST" class="pull-right">
      <input type="submit" value="Reload plugins" class="btn btn-default">
    </form>
    <h1>Plugins</h1>
    @if(plugins.size > 0) {
      <ul>
      @plugins.map { case (plugin, enabled) =>
        <li><a href="#@plugin.pluginId">@plugin.pluginId:@plugin.pluginVersion</a></li>
      }
      </ul>

      @plugins.map { case (plugin, enabled) =>
        <div class="panel panel-default">
          <div class="panel-heading strong" id="@plugin.pluginId">
            @if(enabled){
              <form action="@{context.path}/admin/plugins/@{plugin.pluginId}/_uninstall" method="POST" class="pull-right uninstall-form">
                <input type="submit" value="Uninstall" class="btn btn-danger btn-sm" style="position: relative; top: -5px; left: 10px;" data-name="@plugin.pluginName">
              </form>
            } else {
              <form action="@{context.path}/admin/plugins/@{plugin.pluginId}/_install" method="POST" class="pull-right install-form">
                <input type="submit" value="Install" class="btn btn-success btn-sm" style="position: relative; top: -5px; left: 10px;" data-name="@plugin.pluginName">
              </form>
            }
            @plugin.pluginName
          </div>
          <div class="panel-body">
            <div class="row">
              <label class="col-md-2">Id</label>
              <span class="col-md-10">@plugin.pluginId</span>
            </div>
            <div class="row">
              <label class="col-md-2">Version</label>
              <span class="col-md-10">@plugin.pluginVersion</span>
            </div>
            <div class="row">
              <label class="col-md-2">Name</label>
              <span class="col-md-10">@plugin.pluginName</span>
            </div>
            <div class="row">
              <label class="col-md-2">Description</label>
              <span class="col-md-10 muted">@plugin.description</span>
            </div>
          </div>
        </div>
      }
    } else {
      <p>No plugin detected on your gitbucket installation.</p>
    }
  }
}
<script>
  $(function(){
    $('.uninstall-form').click(function(e){
      var name = $(e.target).data('name');
      return confirm('Uninstall ' + name + '. Are you sure?');
    });

    $('.install-form').click(function(e){
      var name = $(e.target).data('name');
      return confirm('Install ' + name + '. Are you sure?');
    });
  });
</script>