<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.helpdesk.tasks.helpdesk_show.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='{query>/name}'>
    <Link id='homeLink' press='goHome' text='Home' icon='sap-icon://home'/>
    <Link id='moduleLink' press='taskNav' text='{parts: [{value:"FOLDER"}, {value:"HELPDESK"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='helpdesk'/>
        <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%'>
  <VBox class="mc-options" id="subtask28549" height='100%'>
    <HBox class="mc-options-hbox" backgroundDesign="Solid" alignContent="SpaceAround" justifyContent='Center' >
      <Button class="optionsButton" icon="sap-icon://fa-regular/pen" type="Emphasized"       visible="{parts: [{value: 'HELPDESK.UPDATE'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"modify"}, {value:"modify"}], formatter: "translate.Label.get"}'
id='subtask28549-optionsButton-1'>
        <customData>
          <core:CustomData key="module" value="helpdesk"/>
          <core:CustomData key="task" value="helpdesk_mod"/>
          <core:CustomData key='field' value='id'/>
          <core:CustomData key='value' value='{query>/id}'/>
        </customData>
      </Button>
    </HBox>
</VBox>
  </HBox>
  <HBox class='aside-main-container' width='100%'>
  <VBox class='aside hidden-if-empty'>
  </VBox>
  <VBox class='main'>
    <VBox
      id="mcHelpdeskContainer"
      width="100%"
    >
      <VBox
          id="mcTextEditorContainer"
          class="mcTextEditorContainer mc-show mc-form"
          xmlns="sap.m"
          xmlns:core="sap.ui.core"
          width="100%"
      >
          <Title 
            text='{parts: [{value:"SUBTITLE"}, {value:"helpdesk_config"}, {value:"Ticket configuration"}], formatter: "translate.Label.get"}' level='H2'
          />

          <!-- CONFIG TICKET CONTAINER -->
          <HBox 
            class="mcTextEditorForm sapUiSmallMarginBottom" 
            width="100%" 
            justifyContent="SpaceBetween" 
            alignItems="Stretch"
          > 
            <!-- Assign to -->
            <VBox class="mcTextEditorfieldBox">
                <Label text='{parts: [{value:"LITERAL"}, {value:"Assign to"}, {value:"Assign to"}], formatter: "translate.Label.get"}'/>
                <Input 
                  id='mc_user_id_field'  
                  required='true'  
                  showValueHelp='true' 
                  selectedKey="" 
                  suggestionItems="{path: '/authuser'}" 
                  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='authuser'/>
                    <core:CustomData key='title' value='{parts: [{value:"LITERAL"}, {value:"Assign to"}, {value:"Assign to"}], formatter: "translate.Label.get"}'/>
                    <core:CustomData key='filter' value="status eq 'Active'"/>
                  </customData>
                  <core:Item key="{path: 'id', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" text='{name}'/>
                </Input>
            </VBox>

            <!-- Answer type -->
            <VBox class="mcTextEditorfieldBox">
                <Label text='{parts: [{value:"LITERAL"}, {value:"Answer type"}, {value:"Answer type"}], formatter: "translate.Label.get"}'/>
                <Input 
                  id='mc_type_answer_field'  
                  showValueHelp='true' 
                  value="" 
                  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=''/>
                    <core:CustomData key='title' value='{parts: [{value:"LITERAL"}, {value:"Answer"}, {value:"Answer"}], formatter: "translate.Label.get"}'/>
                    <core:CustomData key='type' value='static'/> 
                  </customData>
                  <suggestionItems> 
                    <core:Item key='PUBLIC' text='{parts: [{value:"LITERAL"}, {value:"Public"}, {value:"Public"}], formatter: "translate.Label.get"}' /> 
                    <core:Item key='INTERNAL' text='{parts: [{value:"LITERAL"}, {value:"Internal"}, {value:"Internal"}], formatter: "translate.Label.get"}' />
                  </suggestionItems> 
                </Input>
            </VBox>

            <!-- Time spent -->
            <VBox class="mcTextEditorfieldBox">
                <Label text='{parts: [{value:"LITERAL"}, {value:"Time spent"}, {value:"Time spent"}], formatter: "translate.Label.get"}'/>
                <StepInput
                  id="mc_time_spent_field"
                  class='mc-setp-input'
                  value="0"
                  step="0.25"
                  min="0"
                  max="10"
                  displayValuePrecision="2"
                />
            </VBox>

            <!-- Tasks -->
            <VBox class="mcTextEditorfieldBox">
                <Label text='{parts: [{value:"LITERAL"}, {value:"Task adjustments"}, {value:"Task adjustments"}], formatter: "translate.Label.get"}'/>
                <Input 
                  id="mc_tasks_field"
                  class='mc-add-input' 
                  width="100%" 
                />
            </VBox>
            
            <!-- Status -->
            <VBox class="mcTextEditorfieldBox">
                <Label text='{parts: [{value:"mc_helpdesk_bs"}, {value:"status"}], formatter: "translate.Field.get"}'/>
                <Input 
                  id='mc_status_field'  
                  required='true'  
                  showValueHelp='true' 
                  selectedKey="{path: 'query>/status', targetType: 'string', formatOptions: { groupingEnabled: false }}" 
                  suggestionItems="{path: '/mc_helpdesk_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='mc_helpdesk_st'/>
                    <core:CustomData key='title' value='{parts: [{value:"mc_helpdesk_st"}, {value:"status"}], formatter: "translate.Field.get"}'/>
                    <core:CustomData key='filter' value=""/>
                  </customData>
                  <core:Item key="{path: 'id', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" text='{name}'/>
                </Input>
            </VBox>

            <!-- Attachment -->
            <!--<VBox class="mcTextEditorfieldBox">
                <Label text='{parts: [{value:"LITERAL"}, {value:"Add attachment"}, {value:"Add attachment"}], formatter: "translate.Label.get"}'/>
            </VBox>-->
            
            <!-- Submit -->
            <VBox class="mcHelpdeskSubmitButtonBox">
                <Button
                    id="mcHelpdeskSubmitButton"
                    class="mcHelpdeskSubmitButton"
                    text='{parts: [{value:"LITERAL"}, {value:"Send"}, {value:"Send"}], formatter: "translate.Label.get"}'
                    type="Emphasized"
                    width="100%"
                  >
                    <customData>
                      <core:CustomData key='module' value='helpdesk'/>
                      <core:CustomData key='task' value='index'/>
                    </customData>
                  </Button>
            </VBox>
          </HBox>

          <Toolbar>
              <Button icon="sap-icon://fa-solid/bold" press="utils.Helpdesk.onBold" tooltip="Bold" />
              <Button icon="sap-icon://fa-solid/italic" press="utils.Helpdesk.onItalic" tooltip="Italic" />
              <Button icon="sap-icon://fa-solid/underline" press="utils.Helpdesk.onUnderline" tooltip="Underline" />
              <Button icon="sap-icon://fa-solid/list-ul" press="utils.Helpdesk.onBulletList" tooltip="List" />
              <Button icon="sap-icon://fa-solid/list-ol" press="utils.Helpdesk.onNumberedList" tooltip="Numeric list" />
              <ToolbarSpacer />
              <Button icon="sap-icon://fa-light/rotate-right" press="utils.Helpdesk.onClear" tooltip="Clean" />
          </Toolbar>

          <core:HTML
              content="&lt;div id='mcTextEditor' class='mcTextEditor' contenteditable='true'&gt;&lt;/div&gt;" 
          />
      </VBox>

      <!-- MESSAGES CONTAINER -->
      <VBox 
        id="mcMessagesContainer"
        class="mcMessagesContainer mc-show mc-form"
      >
        <Title 
          text='{parts: [{value:"SUBTITLE"}, {value:"helpdesk_history"}, {value:"Ticket history"}], formatter: "translate.Label.get"}' level='H2'
        />
        <List
            id="mcMessagesList"
            class="mcMessagesList"
        >
            <CustomListItem 
              id="mcMessageTemplate"
              class="mcMessagesItem"
            >
                <VBox>
                    <!-- Header -->
                    <HBox class="mcMessagesItemHeader" justifyContent="SpaceBetween">
                        <Text text="{
                            parts: [
                                { path: 'user_create' },
                                { path: 'timestamp', type: 'format.Time', targetType: 'any' }
                            ],
                            formatter: 'utils.Helpdesk.formatMessageHeader'
                        }" />

                        <HBox class="mcMessagesHeaderRight">
                            <!-- Tasks -->
                            <core:Icon
                                src="sap-icon://fa-solid/file"
                                visible="{
                                    path: '_object',
                                    targetType: 'any',
                                    formatter: 'utils.Helpdesk.hasTasks'
                                }"
                            />
                            <Text
                                text="{
                                    path: '_object',
                                    targetType: 'any',
                                    formatter: 'utils.Helpdesk.getTasks'
                                }"
                                visible="{
                                    path: '_object',
                                    targetType: 'any',
                                    formatter: 'utils.Helpdesk.hasTasks'
                                }"
                            />
                            <!-- Time -->
                            <core:Icon
                                src="sap-icon://fa-solid/clock"
                                visible="{
                                    path: 'minutes',
                                    targetType: 'any',
                                    formatter: 'utils.Helpdesk.hasMinutes'
                                }"
                            />
                            <Text
                                text="{
                                    path: 'minutes',
                                    targetType: 'any',
                                    formatter: 'utils.Helpdesk.formatMessageMinutes'
                                }"
                                visible="{
                                    path: 'minutes',
                                    targetType: 'any',
                                    formatter: 'utils.Helpdesk.hasMinutes'
                                }"
                            />
                        </HBox>
                    </HBox>

                    <!-- Body -->
                    <core:HTML
                        class="mcMessagesItemBody"
                        sanitizeContent="false"
                        content="{
                            parts: ['description','type'],
                            formatter: 'utils.Helpdesk.formatHtml'
                        }"
                    />
                </VBox>
            </CustomListItem>
        </List>
      </VBox>
    </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>