<xf:if is="$scope.isInsert()">
	<xf:title>{{ phrase('add_api_scope') }}</xf:title>
<xf:else />
	<xf:title>{{ phrase('edit_api_scope') }}: {$scope.api_scope_id}</xf:title>
</xf:if>

<xf:pageaction if="$scope.isUpdate()">
	<xf:button href="{{ link('api-scopes/delete', $scope) }}" icon="delete" overlay="true" />
</xf:pageaction>

<xf:form action="{{ link('api-scopes/save', $scope) }}" class="block" ajax="true">
	<div class="block-container">
		<div class="block-body">

			<xf:textboxrow name="api_scope_id" value="{$scope}"
				label="{{ phrase('scope_id') }}"
				dir="ltr" />

			<xf:textboxrow name="description" value="{$scope}"
				label="{{ phrase('description') }}" />

			<xf:checkboxrow>
				<xf:option name="usable_with_oauth_clients" selected="$scope.usable_with_oauth_clients"
					label="{{ phrase('allow_this_scope_to_be_used_with_oauth2_clients') }}" />
			</xf:checkboxrow>

			<xf:macro id="addon_macros::addon_edit" arg-addOnId="{$scope.addon_id}" />
		</div>

		<xf:submitrow sticky="true" icon="save" />
	</div>
</xf:form>