<div class="l-admin-content">
    <div class="ui-fixed-width-wide admin-form">
        <div class="ui-title">{{::DiagnosticText.Title_SystemInformation}}</div>
        <table class="grid-view">
            <tbody>
                <tr ng-repeat="(key, value) in diagnostics.environmentData" class="grid-row">
                    <td class="ui-text">{{::key}}</td>
                    <td class="ui-text">{{::value}}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="ui-fixed-width-wide admin-form">
        <div class="ui-title">{{::DiagnosticText.Title_ActiveDirectory}}</div>
        <a href="{{::diagnostics.activityDirectoryDiagnosticsUrl}}" class="button-flat" target="_blank">{{::DiagnosticText.ADDiagnostics_Header}}</a>
    </div>
    <div class="ui-fixed-width-wide admin-form">
        <div class="ui-title">{{::DiagnosticText.Title_DiagnosticsPackage}}</div>
        <label class="ui-field" title="{{::DiagnosticText.Tooltip_DiagnosticsPackageLogLimit}}">
            <span class="ui-field-label">{{::DiagnosticText.Label_DiagnosticsPackageLogLimit}}</span>
            <input type="number" ng-model="diagnostics.logLimit" min="0" step="10000" />
        </label>
        <a ng-href="{{diagnostics.diagnosticsPackageUrl}}" class="button-flat" download target="_self">{{::DiagnosticText.Link_DownloadDiagnosticsPackage}}</a>
    </div>
</div>