## -*- coding: utf-8 -*-
<%inherit file="/base/base.html"/>

<%block name="title">
    ${_('Repository Groups Administration')}
</%block>

<%def name="breadcrumbs_links()">
    ${h.link_to(_('Admin'),h.url('admin_home'))} &raquo; <span id="repo_group_count">0</span> ${_('Repository Groups')}
</%def>


<%block name="header_menu">
    ${self.menu('admin')}
</%block>

<%def name="main()">
<div class="panel panel-primary">
    <!-- box / title -->
    <div class="panel-heading">
        ${self.breadcrumbs()}
        <ul class="links">
            %if h.HasPermissionAny('hg.admin')():
             <li>
               <a href="${h.url('new_repos_group')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Add Repository Group')}</a>
             </li>
            %endif
        </ul>
    </div>
    <!-- end box / title -->
    <div class="table">
        <table id="datatable_list_wrap"></table>
    </div>
</div>
<script>
  var data = ${c.data|n};
  var myDataTable = $("#datatable_list_wrap").DataTable({
        data: data.records,
        columns: [
            {data: "raw_name", visible: false, searchable: false},
            {data: "group_name", orderData: 0, title: "${_('Name')}"},
            {data: "desc", title: "${_('Description')}", searchable: false},
            {data: "repos", title: "${_('Number of Top-level Repositories')}", searchable: false},
            {data: "owner", title: "${_('Owner')}", searchable: false},
            {data: "action", title: "${_('Action')}", sortable: false, searchable: false}
        ],
        drawCallback: updateRowCountCallback($("#repo_group_count")),
        pageLength: 100
    });

</script>
</%def>