{{template "ng/base/head" .}}
{{template "ng/base/header" .}}
<div id="admin-wrapper">
    <div id="setting-wrapper" class="main-wrapper">
        <div id="admin-setting" class="container clear">
            {{template "admin/nav" .}}
            <div class="grid-4-5 left">
                <div class="setting-content">
                    {{template "ng/base/alert" .}}
                    <div id="setting-content">
                        <div class="panel panel-radius">
                            <div class="panel-header">
                                <strong>{{.i18n.Tr "admin.users.user_manage_panel"}}</strong>
                            </div>
                            <div class="panel-body admin-panel">
								<a class="btn-blue btn-medium btn-link btn-radius" href="{{AppSubUrl}}/admin/users/new">{{.i18n.Tr "admin.users.new_account"}}</a>
                                <div class="admin-table">
					                <table class="table table-striped">
					                    <thead>
					                        <tr>
					                            <th>Id</th>
					                            <th>{{.i18n.Tr "admin.users.name"}}</th>
					                            <th>{{.i18n.Tr "email"}}</th>
					                            <th>{{.i18n.Tr "admin.users.activated"}}</th>
					                            <th>{{.i18n.Tr "admin.users.admin"}}</th>
					                            <th>{{.i18n.Tr "admin.users.repos"}}</th>
					                            <th>{{.i18n.Tr "admin.users.created"}}</th>
					                            <th>{{.i18n.Tr "admin.users.edit"}}</th>
					                        </tr>
					                    </thead>
					                    <tbody>
					                        {{range .Users}}
					                        <tr>
					                            <td>{{.Id}}</td>
					                            <td><a href="{{AppSubUrl}}/{{.Name}}">{{.Name}}</a></td>
					                            <td>{{.Email}}</td>
					                            <td><i class="fa fa{{if .IsActive}}-check{{end}}-square-o"></i></td>
					                            <td><i class="fa fa{{if .IsAdmin}}-check{{end}}-square-o"></i></td>
					                            <td>{{.NumRepos}}</td>
					                            <td><span title="{{DateFmtLong .Created}}">{{DateFmtShort .Created }}</span></td>
					                            <td><a href="{{AppSubUrl}}/admin/users/{{.Id}}"><i class="fa fa-pencil-square-o"></i></a></td>
					                        </tr>
					                        {{end}}
					                    </tbody>
					                </table>
					                {{if or .LastPageNum .NextPageNum}}
					                <ul class="pagination">
					                    {{if .LastPageNum}}<li><a class="btn btn-medium btn-gray btn-radius" href="{{AppSubUrl}}/admin/users?p={{.LastPageNum}}">&laquo; {{.i18n.Tr "admin.prev"}}</a></li>{{end}}
					                    {{if .NextPageNum}}<li><a class="btn btn-medium btn-gray btn-radius" href="{{AppSubUrl}}/admin/users?p={{.NextPageNum}}">&raquo; {{.i18n.Tr "admin.next"}}</a></li>{{end}}
					                </ul>
					                {{end}}
				                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{template "ng/base/footer" .}}