<mvc:View controllerName=“fivea.controller.Breeder_Detail” xmlns=“sap.m” xmlns:f=“sap.f” xmlns:t=“sap.ui.table” xmlns:fo=“sap.ui.layout.form” xmlns:mvc=“sap.ui.core.mvc” xmlns:l=“sap.ui.layout” xmlns:u=“sap.ui.unified” >

<Page title="Breeder" showNavButton="false">
  <customHeader>
    <Bar>
      <contentLeft>
        <Button icon="sap-icon://nav-back" press="onNavBack" />
        <Button icon="sap-icon://save" type="Accept" press="onSave" 
        text="Save changes" />
      </contentLeft>
      <contentRight>
        <Button icon="sap-icon://delete" text="Delete" press="onDeletePress" />
      </contentRight>
     </Bar>
  </customHeader>
  <ObjectHeader title="id : {id}" />
  <Panel expandable="true" expanded="true" headerText="Avatar" 
         width="auto" class="sapUiResponsiveMargin">
    <content>
      <FlexBox alignItems="Center"    justifyContent="Center">
        <items>
          <f:Avatar id="avatar" class="sapUiSmallMarginEnd"/>
          <Button icon="sap-icon://attachment"  class="sapUiSmallMarginEnd"
                  type="Accept" 
                  text="Upload Avatar" 
                  press="handleUploadPress" />
          <u:FileUploader id="fileUploader"  class="sapUiSmallMarginEnd"
                          useMultipart="false" 
                          name="myAvatarUpload" 
                          width="400px" 
                          tooltip="Upload your avatar file to the local server" 
                          uploadComplete="handleUploadComplete"/>
        </items>                
      </FlexBox>  
    </content>
  </Panel>
  <Panel expandable="true" expanded="true" headerText="Details" width="auto" 
         class="sapUiResponsiveMargin">
    <content>
      <fo:SimpleForm editable="true">
        <Label text="First name" />
        <Input id="first_name" type="Text" name="first_name" enabled="true" 
        value="{first_name}" />
        <Label text="Last name" />
        <Input id="last_name" type="Text" name="last_name" enabled="true" 
        value="{last_name}" />
      </fo:SimpleForm>
    </content>
  </Panel>
  <Panel expandable="true" expanded="true" headerText="Cultivars" 
        width="auto" class="sapUiResponsiveMargin">
    <content>
      <t:Table id="breeder_cultivar_table" selectionMode="Single"
               rowSelectionChange="onCultivarSelectionChange"
               visibleRowCount="8" visibleRowCountMode="Auto"
               rows="{path: 'cultivar' }"
               selectionBehavior="Row">
        <t:columns>
          <t:Column width="6%" autoResizable="true" sortProperty="id">
            <Label text="Cultivar" />
            <t:template>
              <Text text="{id}" />
            </t:template>
          </t:Column>
          <t:Column autoResizable="true" sortProperty="name" filterProperty="name">
            <Label text="Name" />
            <t:template>
              <Text text="{name}" />
            </t:template>
          </t:Column>
          <t:Column autoResizable="true" width="8%" sortProperty="year" filterProperty="year">
            <Label text="Year" />
            <t:template>
              <Text text="{year}" />
            </t:template>
          </t:Column>
        </t:columns>
      </t:Table>
    </content>
  </Panel>
</Page>

</mvc:View>