<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.clusters.tasks.detail_add.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:"7121"}, {value:"Add detail"}], 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:"CLUSTERS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='clusters'/>
        <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-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask27883' >
      <Title text='{parts: [{value:"SUBTITLE"}, {value:"27883"}, {value:"Add detail"}], formatter: "translate.Label.get"}' level='H2'/>
        <f:Form editable='true' id='subtask27883-form' >
          <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:"crm_clusters_dt"}, {value:"shop_id"}], formatter: "translate.Field.get"}'
          visible="{= !!${query>/cluster_id} }"
        >
          <f:fields>
            <Input 
              id='clusters-details-shop-select' 
              showValueHelp='true' 
              selectedKey="{path: 'newEntity>/shop_id', targetType: 'string', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" 
              suggestionItems="{path: '/crm_shops_bs'}" 
              valueHelpRequest='onValueHelpRequest' 
              class='mc-add-select' 
              editable='true' 
              valueHelpIconSrc='sap-icon://fa-solid/chevron-down'
            >
             <customData>
               <core:CustomData key='mandatory' value='false'/>
               <core:CustomData key='table' value='crm_shops_bs'/>
               <core:CustomData key='fields' value='sap_number, name'/>
               <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:"crm_clusters_dt"}, {value:"cluster_id"}], formatter: "translate.Field.get"}'
					visible="{= !!${query>/shop_id} }"
        >
          <f:fields>
            <Input 
              id='clusters-details-cluster-select' 
              showValueHelp='true' 
              selectedKey="{path: 'newEntity>/cluster_id', targetType: 'string', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" 
              suggestionItems="{path: '/crm_clusters_bs'}" 
              valueHelpRequest='onValueHelpRequest' 
              class='mc-add-select' 
              editable='true' 
              valueHelpIconSrc='sap-icon://fa-solid/chevron-down'
            >
             <customData>
               <core:CustomData key='mandatory' value='false'/>
               <core:CustomData key='table' value='crm_clusters_bs'/>
               <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:FormContainer>
        </f:formContainers>
        </f:Form>
      <HBox width='100%' alignItems='Center' justifyContent='Center'>
        <Button text='{parts: [{value:"BUTTON"}, {value:"27883"}, {value:"Save"}], formatter: "translate.Label.get"}' id='subtask27883-submitButton'>
          <customData>
            <core:CustomData key='module' value='clusters'/>
            <core:CustomData key='task' value='clusters_show'/>
            <core:CustomData key='field' value='id'/>
            <core:CustomData key='value' value='{query>/cluster_id}'/>
          </customData>
        </Button>
      </HBox>
  	</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>