     <!-- Show product management !-->
        <div class="card" hidden="[[showListProduct]]">
          <h1 class="title">{{localize('product-management')}}</h1>
          <vaadin-grid id="productTable" aria-label="Product Management" active-item="{{activeItem}}" selected-items="{{selectedItem}}"
            items="[[productData]]" size="10">
            <vaadin-grid-column flex="1">
              <template class="header">
                <div class="cell center">{{localize('image')}}</div>
              <