@page "/Inventaire"
@using System.Globalization
@using ValblazeProject.Components
@using ValblazeProject.Models

<link href="/path/to/bootstrap.min.css" rel="stylesheet">
<link href="dist/css/component-custom-switch.css" rel="stylesheet">

<CascadingValue Value="@this">
<main class="contentInvent">
    <div class="inventaire">
        <h3>@Localizer["key1"]</h3>
        <div class="caseInvent">
            @for(int i=0; i<10; i++){
                    <InventoryItem Index="i" Item=@this.Jitems[i] />
            }
        </div>
        <div class="mt-2">Actions</div>
        <div class="actions" id="actions"></div>
    </div>
    
     <div class="maList">
        <div class="toolSearch">
            <label>
                @Localizer["key2"]
                <input type="text" @bind-value="search"/>
            </label>
            <label class="LabelFiltre">
                @Localizer["key3"]
                <input class="filtre" @bind-value="trieActive" onclick="@TrieChanged" type="checkbox">
            </label>
        </div>

       
        <DataGrid TItem="Item"
                  Data="@items"
                  ReadData="@OnReadData"
                  TotalItems="@totalItem"
                  PageSize="@totalSizeByPage"
                  @ref="dataGrid"
                  ShowPager
                  Responsive>
            <DataGridColumn TItem="Item" Field="@nameof(Item.Id)">
                <DisplayTemplate>
                    @if (!string.IsNullOrWhiteSpace(context.ImageBase64))
                    {
                        <InventoryItem Item="context" NoDrop="true"></InventoryItem>
                    }
                    else
                    {
                        <img src="images/default.png" class="img-thumbnail imageList" title="@context.DisplayName" alt="@context.DisplayName"/>
                    }
                </DisplayTemplate>
            </DataGridColumn>
            <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)"/>
        </DataGrid>
    </div>
</main>
</CascadingValue>