<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.shops.tasks.shop_alerts.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:"4457"}, {value:"Alerts"}], 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:"SHOPS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='shops'/>
        <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-datagrid' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask12057' >
  <t:Table rows="{ 
  path: '/crm_alerts_bs', 
  parameters: {$$updateGroupId: 'updateGroup1'} 
}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask12057-datagrid' threshold='100'
>
<t:rowMode>
<rowmodes:Fixed rowCount='20'/>
</t:rowMode>
  <t:extension>
     <OverflowToolbar style='Clear'>
     <Title text='{parts: [{value:"SUBTITLE"}, {value:"12057"}, {value:"Listado Alertas"}], formatter: "translate.Label.get"}' />
     <ToolbarSpacer/>
     </OverflowToolbar>
  </t:extension>
  <t:columns>
    <t:Column width='auto' sortProperty='id' filterProperty='id' resizable='true'>
      <Label text='{parts: [{value:"crm_alerts_bs"}, {value:"id"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{id}' wrapping='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='cat_id' filterProperty='cat_id' resizable='true'>
      <Label text='{parts: [{value:"crm_alerts_bs"}, {value:"cat_id"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{cat_id}' wrapping='false'/><Input value='{cat_id}' visible='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_start' filterProperty='date_start' resizable='true'>
      <Label text='{parts: [{value:"crm_alerts_bs"}, {value:"date_start"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text="{ path: 'date_start', type: 'format.Date',  formatOptions: {} }" />
<DatePicker value="{path: 'date_start', type: 'format.Date'}" visible='false' />
</VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_end' filterProperty='date_end' resizable='true'>
      <Label text='{parts: [{value:"crm_alerts_bs"}, {value:"date_end"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text="{ path: 'date_end', type: 'format.Date',  formatOptions: {} }" />
<DatePicker value="{path: 'date_end', type: 'format.Date'}" visible='false' />
</VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='message' filterProperty='message' resizable='true'>
      <Label text='{parts: [{value:"crm_alerts_bs"}, {value:"message"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{message}' wrapping='false'/><Input value='{message}' visible='false'/></VBox>
</t:template>
    </t:Column>
  </t:columns>
</t:Table>
</VBox>
  <VBox class='mc-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask12058' >
    <Title text='{parts: [{value:"SUBTITLE"}, {value:"12058"}, {value:"Nueva Alerta"}], formatter: "translate.Label.get"}' level='H2'/>
      <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:"crm_alerts_bs"}, {value:"name"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_name_field'  required='true'  class='mc-add-input' value="{path: 'newEntity>/name'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='true'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"crm_alerts_bs"}, {value:"cat_id"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_cat_id_field'  required='true'  
        showValueHelp='true' 
        selectedKey="{path: 'newEntity>/cat_id', targetType: 'string', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" 
        suggestionItems="{path: '/crm_alerts_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='crm_alerts_lk'/>
         <core:CustomData key='title' value='{parts: [{value:"crm_alerts_bs"}, {value:"cat_id"}], 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>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"crm_alerts_bs"}, {value:"message"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_message_field'  required='true'  class='mc-add-input' value="{path: 'newEntity>/message'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='true'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"crm_alerts_bs"}, {value:"date_start"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <DatePicker id='mc_date_start_field' class='mc-add-input'  required='true'  value="{path: 'newEntity>/date_start', type: 'format.Date'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='true'/>
       </customData>
      </DatePicker>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"crm_alerts_bs"}, {value:"date_end"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <DatePicker id='mc_date_end_field' class='mc-add-input'  required='true'  value="{path: 'newEntity>/date_end', type: 'format.Date'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='true'/>
       </customData>
      </DatePicker>
      </f:fields>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
    <HBox width='100%' alignItems='Center' justifyContent='Center'>
      <Button text='{parts: [{value:"BUTTON"}, {value:"12058"}, {value:"Añadir"}], formatter: "translate.Label.get"}' id='subtask12058-submitButton'>
        <customData>
          <core:CustomData key='module' value='shops'/>
          <core:CustomData key='task' value='shop_alerts'/>
          <core:CustomData key='field' value='shop_id'/>
          <core:CustomData key='value' value='{{id}}'/>
        </customData>
      </Button>
    </HBox>
  </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>