<mvc:View xmlns:rowmodes='sap.ui.table.rowmodes' xmlns:mvc='sap.ui.core.mvc' xmlns='sap.m' xmlns:core='sap.ui.core' xmlns:t='sap.ui.table' xmlns:l='sap.ui.layout' xmlns:f='sap.ui.layout.form' xmlns:mc='sap.mcsuite.controls' xmlns:dnd='sap.ui.core.dnd' controllerName='sap.mcsuite.modules.roles.tasks.roles_mod.controller.Task' xmlns:utils='sap.mcsuite.model.utils' xmlns:cssgrid='sap.ui.layout.cssgrid' xmlns:tcm='sap.m.table.columnmenu' core:require="{
    format: 'sap/mcsuite/model/Format', 
    translate: 'sap/mcsuite/model/Translate', 
    utils: 'sap/mcsuite/model/Utils'
  }" >
<cssgrid:CSSGrid id='header' class='header-container' width='100%' gridTemplateColumns='1fr 1fr 1fr'>
<HBox id='breadcrumb' class='breadcrumb-container' alignItems='Start' justifyContent='Start'>
  <Breadcrumbs class='breadcrumb' separatorStyle='Slash' currentLocationText='{parts: [{value:"BREADCRUMB"}, {value:"6933"}, {value:"Modify"}], formatter: "translate.Label.get"}'>
    <Link id='homeLink' press='goHome' text='Home' icon='sap-icon://home'/>
    <Link id='moduleLink' press='taskNav' text='{parts: [{value:"FOLDER"}, {value:"ROLES"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='roles'/>
        <core:CustomData key='task' value='index'/>
      </customData>
    </Link>
    </Breadcrumbs>
    </HBox>
<HBox id='title' class='title-container' alignItems='Center' justifyContent='Center'>
    <Title text='{query>/name}'  level='H1'/>
</HBox>
<HBox id='quicksearch' class='quicksearch-container' alignItems='Center' justifyContent='Center'>
</HBox>
  </cssgrid:CSSGrid>
<VBox id='content' class='content-container' alignItems='Start' justifyContent='Start' width='100%' wrap='Wrap'>
  <HBox class='options hidden-if-empty' width='100%'>
  </HBox>
  <HBox class='aside-main-container' width='100%'>
  <VBox class='aside hidden-if-empty'>
  </VBox>
  <VBox class='main'>
<VBox class='mc-show mc-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask26391' >
    <Title text='{parts: [{value:"SUBTITLE"}, {value:"26391"}, {value:"Modify"}], formatter: "translate.Label.get"}' level='H2'/>
    <IconTabBar expandable='false' class='mc-form-tabbar' id='subtask26391-iconTabBar'>
    <items>
      <IconTabFilter text='{parts: [{value:"TAB"}, {value:"57060"}, {value:"General Information"}], formatter: "translate.Label.get"}'>
      <f:Form editable='true'>
        <f:layout>
        <f:ResponsiveGridLayout
         labelSpanXL='2'
         labelSpanL='2'
         labelSpanM='2'
         labelSpanS='2'
         adjustLabelSpan='true'
         emptySpanXL='0'
         emptySpanL='4'
         emptySpanM='0'
         emptySpanS='0'
         columnsXL='1'
         columnsL='1'
         columnsM='1'
         singleContainerFullSize='true'
        />
        </f:layout>
      <f:formContainers>
      <f:FormContainer>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"name"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input required='true' value="{path: 'name'}">
          <customData>
             <core:CustomData key='mandatory' value='true'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"status"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input required='true' showValueHelp='true' selectedKey="{path: 'status', targetType: 'string', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" suggestionItems="{path: '/cfr_roles_st'}" valueHelpRequest='onValueHelpRequest' class='mc-add-select' editable='true' valueHelpIconSrc='sap-icon://fa-solid/chevron-down'>
       <customData>
         <core:CustomData key='mandatory' value='true'/>
         <core:CustomData key='table' value='cfr_roles_st'/>
         <core:CustomData key='filter' value='status lt 90'/>
        </customData>
        <core:Item key="{path: 'id', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" text='{name}'/>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"cat_id"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input required='true' showValueHelp='true' selectedKey="{path: 'cat_id', targetType: 'string', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" suggestionItems="{path: '/cfr_roles_lk'}" valueHelpRequest='onValueHelpRequest' class='mc-add-select' editable='true' valueHelpIconSrc='sap-icon://fa-solid/chevron-down'>
       <customData>
         <core:CustomData key='mandatory' value='true'/>
         <core:CustomData key='table' value='cfr_roles_lk'/>
        </customData>
        <core:Item key="{path: 'id', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" text='{name}'/>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"type"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input  required='true'  showValueHelp='true' 
        value="{type}" 
        valueHelpRequest='onValueHelpRequest' 
        class='mc-add-select' 
        editable='true' 
        valueHelpIconSrc='sap-icon://fa-solid/chevron-down' 
      > 
       <customData>
         <core:CustomData key='mandatory' value='true'/>
         <core:CustomData key='table' value=''/>
         <core:CustomData key='title' value='{parts: [{value:"cfr_roles_bs"}, {value:"type"}], formatter: "translate.Field.get"}'/>
       	 <core:CustomData key='type' value='static'/> 
       </customData>
       <suggestionItems> 
         <core:Item key='ALL' text='Allgemeiner Zugang' /> 
         <core:Item key='LIMITED' text='Limitierter Zugang' /> 
       </suggestionItems> 
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"comment"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <TextArea value='{comment}' growing='true' wrapping='Soft' />
      </f:fields>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
      </IconTabFilter>
      <IconTabFilter text='{parts: [{value:"LABEL"}, {value:"SCOPES"}, {value:"Berechtigungen"}], formatter: "translate.Label.get"}'>
      <f:Form editable='true' width="100%">
        <f:layout>
        <f:ResponsiveGridLayout
         labelSpanXL='2'
         labelSpanL='2'
         labelSpanM='2'
         labelSpanS='2'
         adjustLabelSpan='true'
         emptySpanXL='0'
         emptySpanL='0'
         emptySpanM='0'
         emptySpanS='0'
         columnsXL='1'
         columnsL='1'
         columnsM='1'
         singleContainerFullSize='true'
        />
        </f:layout>
      <f:formContainers>
      <f:FormContainer>
      <!-- Tree List with all available scopes from the roles_aux -->
      <f:FormElement>
        <Tree id="roles-add-tree" items="{path: 'scopes>/scopes', parameters: {arrayNames: ['scopes']}}" mode="MultiSelect" selectionChange="utils.Role.onEditRowSelectionChange" class="mc-tree-table" width="100%">
            <CustomTreeItem
            selected="{scopes>selected}"
            >
              <cssgrid:CSSGrid
                class="mc-tree-table-item"
                width="100%"
                gridTemplateColumns="1fr 1fr"
              >
              <Text 
                text="{scopes>code}"
                class="mc-tree-table-item-text"
              ></Text>
              <Text 
                text="{scopes>name}"
                class="mc-tree-table-item-text"
                wrapping="true"
              ></Text>
              </cssgrid:CSSGrid>
            </CustomTreeItem>
        </Tree>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
      </IconTabFilter>
    </items>
    </IconTabBar>
    <HBox width='100%' alignItems='Center' justifyContent='Center'>
      <Button text='{parts: [{value:"BUTTON"}, {value:"26391"}, {value:"Save"}], formatter: "translate.Label.get"}' id='subtask26391-submitButton'>
        <customData>
          <core:CustomData key='module' value='roles'/>
          <core:CustomData key='task' value='roles_show'/>
          <core:CustomData key='field' value='id'/>
          <core:CustomData key='value' value='{id}'/>
        </customData>
      </Button>
    </HBox>
  </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>