<div class="b-admin-packages">

	<div class="alert" style="margin-top: 10px;" data-bind="visible: !packagesReal() && !packages.loading()">
		Cannot access the repository at the moment.
	</div>

	<div class="alert" style="margin-top: 10px;" data-bind="visible: '' !== packagesError()">
		<button type="button" class="close" data-bind="click: function () { packagesError('') }">&times;</button>
		<span data-bind="text: packagesError"></span>
	</div>

	<div data-bind="visible: 0 < packagesAvailableForUpdate().length">
		<div class="legend">
			Available for Update (<span data-bind="text: packagesAvailableForUpdate().length"></span>)
		</div>
		<div data-bind="template: { name: 'AdminSettingsPackagesTable', data: {f: packagesAvailableForUpdate} }"></div>
		<br />
	</div>

	<div data-bind="visible: 0 < packagesCurrent().length">
		<div class="legend">
			Installed Packages
		</div>
		<div data-bind="template: { name: 'AdminSettingsPackagesTable', data: {f: packagesCurrent} }"></div>
		<br />
	</div>

	<div data-bind="visible: 0 < packagesAvailableForInstallation().length">
		<div class="legend">
			Available for Installation
		</div>
		<div data-bind="template: { name: 'AdminSettingsPackagesTable', data: {f: packagesAvailableForInstallation} }"></div>
		<br />
	</div>

</div>