<CascadingValue Value="@this">
    <div class="container">
        <div class="row">

            <div class="col-6">
                <div>@Localizer["InventoryTitle"]</div>
                    
                    <div class="css-inventory">
                        <InventoryItem Index="0"/>
                        <InventoryItem Index="1"/>
                        <InventoryItem Index="2"/>
                        <InventoryItem Index="3"/>
                        <InventoryItem Index="4"/>
                        <InventoryItem Index="5"/>
                        <InventoryItem Index="6"/>
                        <InventoryItem Index="7"/>
                        <InventoryItem Index="8"/>
                        <InventoryItem Index="9"/>
                        <InventoryItem Index="10"/>
                        <InventoryItem Index="11"/>
                        <InventoryItem Index="12"/>
                        <InventoryItem Index="13"/>
                        <InventoryItem Index="14"/>
                        <InventoryItem Index="15"/>
                        <InventoryItem Index="16"/>
                        <InventoryItem Index="17"/>
                        <InventoryItem Index="18"/>
                        <InventoryItem Index="19"/>
                        <InventoryItem Index="20"/>
                        <InventoryItem Index="21"/>
                        <InventoryItem Index="22"/>
                        <InventoryItem Index="23"/>
                        <InventoryItem Index="24"/>
                        <InventoryItem Index="25"/>
                        <InventoryItem Index="26"/>
                        <InventoryItem Index="27"/>
                        <InventoryItem Index="28"/>
                        <InventoryItem Index="29"/>
                        <InventoryItem Index="30"/>
                        <InventoryItem Index="31"/>
                        <InventoryItem Index="32"/>
                        <InventoryItem Index="33"/>
                        <InventoryItem Index="34"/>
                        <InventoryItem Index="35"/>
                    </div>

            </div>

            <div class="col-6">
                
                <div>@Localizer["AvailableItems"]</div>
                <div>
                    <div class="css-grid">
                        
                        @foreach (var item in Items)
                        {
                            <div>
                                <InventoryItem Item="item" NoDrop="true"/>
                                <p>@item.DisplayName</p>
                            </div>
                            <br/>
                        }
                    </div>
                </div>

            </div>
            
            <div class="col-12">
                <div>@Localizer["Logs"]</div>
                <div class="actions" id="actions">
                </div>
            </div>
        
        </div>
    </div>
</CascadingValue>