<c:FragmentDefinition
    xmlns="sap.m"
    xmlns:c="sap.ui.core"
    xmlns:fb="sap.ui.comp.filterbar"
    xmlns:core="sap.ui.core">
    <fb:FilterBar
        id="lostItemsFilterBar"
        useToolbar="false"
        showFilterConfiguration="false"
        showClearOnFB="true"
        showGoOnFB="false"
        clear=".filterHelper.clearAllFilters"
    >
        <fb:filterGroupItems>
            <fb:FilterGroupItem
                name="ProductType"
                label="{i18n>Dash.ProductTyp}"
                groupName="Group1"
                visibleInFilterBar="true"
            >
                <fb:control>
                    <Select
                        items="{/EINZELTEIL_TYP_WERT}"
                        change="onChangeFilterValue($controller, $event, 'getSelectedKey')"
                        forceSelection="false"
                        selectedKey="{view>/selectedTypWert}">
                        <core:Item
                            key="{EIN_TYP_WERT}"
                            text="{EIN_TYP_WERT}"
                        />
                        <customData>
                            <core:CustomData
                                key="key"
                                value="productTyp"
                            />
                            <core:CustomData
                                key="value"
                                value="FW"
                            />
                        </customData>
                    </Select>
                </fb:control>
            </fb:FilterGroupItem>
            <fb:FilterGroupItem
                name="Branch"
                label="{i18n>Dash.Branch}"
                groupName="Group1"
                visibleInFilterBar="true"
            >
                <fb:control>
                    <Input
                        id="branchFilterInput"
                        placeholder="{i18n>Dash.BranchPlaceholder}"
                        showValueHelp="true"
                        showClearIcon="true"
                        showSuggestion="true"
                        suggestionRows="{/VERKAUFSORGANISATION}"
                        maxSuggestionWidth="700px"
                        suggestionRowValidator=".onValidateSuggestionRow"
                        filterSuggests="false"
                        change="onChangeFilterValueInput($controller, $event, 'getSelectedKey')"
                        liveChange="filterSuggestions($controller, $event)"
                        valueHelpRequest=".branchValueHelpHandler.onHandleValueHelp"
                    >
                        <customData>
                            <core:CustomData
                                key="key"
                                value="BEW_VKO_ID"
                            />
                        </customData>
                        <suggestionColumns>
                            <Column>
                                <header>
                                    <Text text="{i18n>ValueHelp.BranchNumber}" />
                                </header>
                            </Column>
                            <Column>
                                <header>
                                    <Text
                                        text="{i18n>ValueHelp.BranchName}" />
                                </header>
                            </Column>
                        </suggestionColumns>
                        <suggestionRows>
                            <ColumnListItem>
                                <customData>
                                    <core:CustomData
                                        key="key"
                                        value="VKO_ID"
                                    />
                                    <core:CustomData
                                        key="text"
                                        value="VKO_FILIALENAME"
                                    />
                                </customData>
                                <cells>
                                    <Text text="{VKO_FILIALE_NR}" />
                                    <Text text="{VKO_FILIALENAME}" />
                                </cells>
                            </ColumnListItem>
                        </suggestionRows>
                    </Input>
                </fb:control>
            </fb:FilterGroupItem>
            <fb:FilterGroupItem
                name="Customer"
                label="{i18n>Dash.CustomerLabel}"
                groupName="Group1"
                visibleInFilterBar="true"
            >
                <fb:control>
                    <Input
                        id="customerInput"
                        placeholder="{i18n>Dash.CustomerPlaceholder}"
                        showValueHelp="true"
                        showClearIcon="true"
                        showSuggestion="true"
                        suggestionRows="{/KUNDE}"
                        maxSuggestionWidth="700px"
                        suggestionRowValidator=".onValidateSuggestionRow"
                        filterSuggests="false"
                        change="onChangeFilterValueInput($controller, $event, 'getSelectedKey')"
                        liveChange="filterSuggestions($controller, $event, [{path: 'KUN_VKO_ID', id: 'branchFilterInput'}])"
                        valueHelpRequest=".customerValueHelpHandler.onHandleValueHelp($controller)"
                    >
                        <customData>
                            <core:CustomData
                                key="key"
                                value="KUN_ID"
                            />
                        </customData>
                        <suggestionColumns>

                            <Column width="5rem">
                                <Text text="{i18n>ValueHelp.CustomerNo}" />
                            </Column>
                            <Column>
                                <Text text="{i18n>ValueHelp.CustomerName}" />
                            </Column>
                            <Column>
                                <Text text="{i18n>ValueHelp.branch}" />
                            </Column>
                            <Column>
                                <Text text="{i18n>ValueHelp.CustomerAdress}" />
                            </Column>
                            <Column width="5rem">
                                <Text text="{i18n>ValueHelp.CustomerCountry}" />
                            </Column>

                        </suggestionColumns>
                        <suggestionRows>
                            <ColumnListItem>
                                <customData>
                                    <core:CustomData
                                        key="key"
                                        value="KUN_ID"
                                    />
                                    <core:CustomData
                                        key="text"
                                        value="NAME"
                                    />
                                </customData>
                                <cells>
                                    <Label
                                        text="{ path :'KUN_KUNNR', formatter : '.formatter.lTrimZeros'}" />
                                    <Label text="{NAME}" wrapping="true" />
                                    <Label text="{KUN_VKO_ID} - {VKO_FILIALENAME}" />
                                    <Label text="{KUN_STRASSE}, {KUN_PLZ} {KUN_ORT}" />
                                    <Label text="{KUN_LAND}" />
                                </cells>
                            </ColumnListItem>
                        </suggestionRows>
                    </Input>
                </fb:control>
            </fb:FilterGroupItem>
            <fb:FilterGroupItem
                name="GoodsRecipient"
                visibleInFilterBar="true"
                label="{i18n>Dash.GoodsRecipient}"
                groupName="Group1"
            >
                <fb:control>
                    <Input
                        id="goodsRecipientFilterInput"
                        placeholder="{i18n>Dash.GoodsRecipientPlaceholder}"
                        showValueHelp="true"
                        showClearIcon="true"
                        showSuggestion="true"
                        suggestionRows="{/WARENEMPFAENGER}"
                        maxSuggestionWidth="700px"
                        suggestionRowValidator=".onValidateSuggestionRow"
                        filterSuggests="false"
                        change="onChangeFilterValueInput($controller, $event, 'getSelectedKey')"
                        liveChange="filterSuggestions($controller, $event, [{path: 'WEM_VKO_ID', id: 'branchFilterInput'}, {path: 'WEM_KUN_ID', id: 'customerInput'}])"
                        valueHelpRequest=".goodsRecipientValueHelpHandler.onHandleValueHelp($controller)"
                    >
                        <customData>
                            <core:CustomData
                                key="key"
                                value="WEM_ID"
                            />
                        </customData>
                        <suggestionColumns>

                            <Column>
                                <header>
                                    <Text text="{i18n>ValueHelp.GoodsRecepientId}" />
                                </header>
                            </Column>
                            <Column>
                                <header>
                                    <Text text="{i18n>ValueHelp.GoodsRecepientName}" />
                                </header>
                            </Column>

                        </suggestionColumns>
                        <suggestionRows>
                            <ColumnListItem>
                                <customData>
                                    <core:CustomData
                                        key="key"
                                        value="WEM_ID"
                                    />
                                    <core:CustomData
                                        key="text"
                                        value="NAME"
                                    />
                                </customData>
                                <cells>
                                    <Text
                                        text="{ path : 'WEM_KUNWE',  formatter : '.formatter.lTrimZeros'}" />
                                    <Text
                                        text="{= ${WEM_NAME1} + ' ' + ${WEM_NAME2} + ' ' + ${WEM_NAME3} + ' ' + ${WEM_NAME4}}" />
                                </cells>
                            </ColumnListItem>
                        </suggestionRows>
                    </Input>
                </fb:control>
            </fb:FilterGroupItem>
            <fb:FilterGroupItem
                name="ProductGroup"
                label="{i18n>Dash.ProductGroup}"
                groupName="Group1"
                visibleInFilterBar="true"
            >
                <fb:control>
                    <Input
                        id="ProductGroupFilterInput"
                        placeholder="{i18n>Dash.ProductGroupPlaceholder}"
                        showValueHelp="true"
                        showClearIcon="true"
                        showSuggestion="true"
                        suggestionRows="{/WARENGRUPPE}"
                        maxSuggestionWidth="700px"
                        suggestionRowValidator=".onValidateSuggestionRow"
                        filterSuggests="false"
                        change="onChangeFilterValueInput($controller, $event, 'getSelectedKey')"
                        liveChange="filterSuggestions($controller, $event)"
                        valueHelpRequest=".productGroupValueHelpHandler.onHandleValueHelp"
                    >
                        <customData>
                            <core:CustomData
                                key="key"
                                value="WARENGRUPPE_ID"
                            />
                        </customData>
                        <suggestionColumns>
                            <Column>
                                <header>
                                    <Text text="{i18n>ValueHelp.ProductGroup}" />
                                </header>
                            </Column>
                            <Column>
                                <header>
                                    <Text
                                        text="{i18n>ValueHelp.ProductGroupDescription}" />
                                </header>
                            </Column>
                        </suggestionColumns>
                        <suggestionRows>
                            <ColumnListItem>
                                <customData>
                                    <core:CustomData
                                        key="key"
                                        value="ID"
                                    />
                                    <core:CustomData
                                        key="text"
                                        value="BEZEICHNUNG"
                                    />
                                </customData>
                                <cells>
                                    <Text text="{WARENGRUPPE}" />
                                    <Text text="{BEZEICHNUNG}" />
                                </cells>
                            </ColumnListItem>
                        </suggestionRows>
                    </Input>
                </fb:control>
            </fb:FilterGroupItem>
            <fb:FilterGroupItem
                name="MaterialNumber"
                label="{i18n>Dash.MaterialNumber}"
                groupName="Group1"
                visibleInFilterBar="true"
            >
                <fb:control>
                    <Input
                        placeholder="{i18n>Dash.MaterialNumberPlaceholder}"
                        change="onChangeFilterValue($controller, $event, 'getValue')"
                    >
                        <customData>
                            <core:CustomData
                                key="key"
                                value="ZMB_MATNR"
                            />
                        </customData>
                    </Input>
                </fb:control>
            </fb:FilterGroupItem>
            <fb:FilterGroupItem
                name="ReferenceMonth"
                label="{i18n>Dash.ReferenceMonth}"
                groupName="Group1"
                visibleInFilterBar="true"
            >
                <fb:control>
                    <DatePicker
                        id="datepicker"
                        displayFormat="MM.y"
                        afterValueHelpOpen="onOpenValueHelp($event)"
                        change="onChangeFilterValue($controller, $event, 'getDateValue')"
                    >
                        <customData>
                            <core:CustomData
                                key="key"
                                value="targetTime"
                            />
                        </customData>
                    </DatePicker>
                </fb:control>
            </fb:FilterGroupItem>
        </fb:filterGroupItems>
    </fb:FilterBar>
</c:FragmentDefinition>