<mvc:View
    controllerName="${ez5.appName}.controller.${ez5.controllerName}"
    displayBlock="true"
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns:rowmodes="sap.ui.table.rowmodes"
    xmlns:table="sap.ui.table">
    <VBox>
        <ScrollContainer
            horizontal="true"
            vertical="false">
            <table:Table
                id="${ez5.controllerName}TableId"
                ariaLabelledBy="title"
                class="sapUiSmallMargin sapUiShadow sapUiContentPadding sapUiRoundedBorder sapUiPageBackground"
                rowActionCount="1"
                rows="{${ez5.controllerName}TableModel>/}">
                <table:rowSettingsTemplate>
                    <table:RowSettings highlight="{${ez5.controllerName}TableModel>Highlight}" />
                </table:rowSettingsTemplate>
                <table:rowMode>
                    <rowmodes:Interactive
                        maxRowCount="16"
                        minRowCount="6"
                        rowCount="{= ${${ez5.controllerName}TableModel>/}.length }" />
                </table:rowMode>
                <table:extension>
                    <OverflowToolbar
                        style="Clear"
                        visible="true">
                        <Title text="Table" />
                        <ToolbarSpacer />
                        <Button
                            icon="sap-icon://synchronize"
                            press="onRefreshTable"
                            tooltip="refresh" />
                        <Button
                            icon="sap-icon://sort"
                            press="handleSortButtonPressed"
                            tooltip="sort" />
                        <Button
                            icon="sap-icon://filter"
                            press="handleFilterButtonPressed"
                            tooltip="filter" />
                        <Button
                            icon="sap-icon://group-2"
                            press="handleGroupButtonPressed"
                            tooltip="group" />
                        <SearchField
                            id="searchFielde"
                            placeholder="search.."
                            search="onSearch"
                            width="20%" />
                    </OverflowToolbar>
                </table:extension>
                <table:columns>
                    <table:Column
                        visible="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/visible}"
                        width="50%">
                        <Label text="ez5fieldsName" />
                        <Text text="{${ez5.controllerName}TableModel>ez5fieldsName}" />
                        <Input
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            placeholder="Enter text here..."
                            value="{${ez5.controllerName}TableModel>ez5fieldsName}" />
                        <Select
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            placeholder="Select an option"
                            selectedKey="{${ez5.controllerName}TableModel>ez5fieldsName}">
                            <core:Item
                                key="1"
                                text="Option 1" />
                            <core:Item
                                key="2"
                                text="Option 2" />
                            <core:Item
                                key="3"
                                text="Option 3" />
                        </Select>
                        <TextArea
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            placeholder="Enter text here..."
                            value="{${ez5.controllerName}TableModel>ez5fieldsName}" />
                        <CheckBox
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            selected="{${ez5.controllerName}TableModel>ez5fieldsName}"
                            text="Check me" />
                        <RadioButtonGroup
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            selected="{${ez5.controllerName}TableModel>ez5fieldsName}">
                            <RadioButton
                                text="Option A"
                                value="A" />
                            <RadioButton
                                text="Option B"
                                value="B" />
                            <RadioButton
                                text="Option C"
                                value="C" />
                        </RadioButtonGroup>
                        <DatePicker
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            placeholder="Select a date"
                            value="{${ez5.controllerName}TableModel>ez5fieldsName}" />
                        <TimePicker
                            editable="{${ez5.controllerName}HelperTableModel>/ez5fieldsName/editable}"
                            placeholder="Select a time"
                            value="{${ez5.controllerName}TableModel>ez5fieldsName}" />
                    </table:Column>
                </table:columns>
                <table:rowActionTemplate>
                    <table:RowAction>
                        <table:items>
                            <table:RowActionItem
                                press=".handleActionPress"
                                type="Navigation"
                                visible="{Available}" />
                        </table:items>
                    </table:RowAction>
                </table:rowActionTemplate>
            </table:Table>
        </ScrollContainer>
    </VBox>
</mvc:View>
