<?xml version="1.0" encoding="UTF-8"?>

<demo:EquipmentWindow
        xmlns:base="com.bartlomiejpluta.base.lib.gui"
        xmlns:demo="com.bartlomiejpluta.demo.gui"
        windowPosition="center"
        padding="20f"
        width="auto"
        height="auto">

    <base:VLayout width="auto" height="auto">
        <base:Label
                font="A.fonts.roboto_regular.uid"
                width="relative"
                alignment="top|left"
                red="1f"
                green="1f"
                blue="1f"
                alpha="0.5f"
                fontSize="30f">Inventory &amp; Equipment
        </base:Label>

        <base:HLayout margin="0f" padding="0f">
            <base:HOptionChoice ref="layout">
                <base:VGridOptionChoice ref="equipment" columns="2" width="auto">
                    <demo:ItemIconView ref="weapon" placeholder="Generic,5,10" margin="5f"/>
                    <demo:ItemIconView ref="ammo" placeholder="Generic,8,10" margin="5f"/>
                </base:VGridOptionChoice>

                <base:VGridOptionChoice ref="inventory" columns="6" width="auto" height="auto">
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                    <demo:ItemIconView margin="5f"/>
                </base:VGridOptionChoice>
            </base:HOptionChoice>

            <base:VLayout height="relative" padding="20f" width="250f">
                <base:Label ref="item-name"
                            font="A.fonts.roboto_regular.uid"
                            width="relative"
                            alignment="top|center"
                            color="0xFFFFFF"
                            fontSize="20f"
                            margin="5f"/>

                <base:Label ref="item-details"
                            font="A.fonts.roboto_regular.uid"
                            width="relative"
                            alignment="top|left"
                            color="0xFFFFFF"
                            fontSize="15f"
                            margin="5f"/>

            </base:VLayout>
        </base:HLayout>
    </base:VLayout>

</demo:EquipmentWindow>