<?xml version="1.0" encoding="utf-8" ?>
<Layout>
    <Image name="status_bar_bkg" x="24" y="0" image="/interface/up_board_2.png"/>

    <Widget x="0" y="0" xml="/interface/anim_status_bar.xml">

        <Text x="250" y="0" width="400" height="50" font="font" text="PLAY_MENU_MODE" align="C" color="FFFFFFFF"/>

        <PaneController name="right" x="0" y="0" width="1366" height="50" events="play_menu_right">


            <!-- Main -->
            <Widget name="main">
                <PaneController name="pane" x="0" y="0" events="reset_header">
                    <Text name="base" x="800" y="0" width="400" height="50" font="font" text="PLAY_MENU_MAIN" align="C" color="FFFFFFFF"/>
                    <Text name="reset" x="800" y="0" width="400" height="50" font="font" text="PLAY_MENU_RESET_MAIN" align="C" color="FFFFFFFF"/>
                </PaneController>

                <AnimController autoPlay="1">
                    <ActionGroup>
                        <EfxSendEvent event="reset_header" param="base"/>
                    </ActionGroup>
                </AnimController>
            </Widget>

            <!-- Demon -->
            <Widget name="demon">
                <Text x="630" y="0" width="400" height="50" font="font" text="PLAYMENU_SCR_DEMONS" align="C" color="FFFFFFFF"/>

                <CommodityQuantity x="1010" y="10" commodity="key">
                    <Image name="glow" x="-45" y="-29" image="/interface/glow_under_energy.png"/>
                    <Image x="0" y="0" image="/interface/key_up_menu.png"/>
                    <Text name="value" x="44" y="2" width="64" height="24" font="author" text="" align="W" color="FFFFFFFF"/>
                </CommodityQuantity>

                <Button name="status_bar_energy" x="1065" y="-17" create_if="$device.hasInAppSupport == true">
                    <Image name="button" x="0" y="0" image="/interface/plus_energy.png" />
                    <Event id="e_buy_key">{"commodity": "key"}</Event>
                </Button>

                <ManaWidget x="1135" y="-2" xml="/shop/sb_mana_short.xml" create_if="$device.hasInAppSupport == true"/>

                <Button name="status_bar_energy" x="1216" y="-17" create_if="$device.hasInAppSupport == true">
                    <Image name="button" x="0" y="0" image="/interface/plus_energy.png" />
                    <Click cmd="layout" param="ShopMoney">
                        <Param value="crossfade"/>
                    </Click>

                    <Properties>
                        <Property key="sfx_btn_hover">button_hover</Property>
                    </Properties>
                </Button>

            </Widget>

            <!-- Quests and Puzzles -->
            <Widget name="quests_and_puzzles">
                <Text x="800" y="0" width="400" height="50" font="font" text="PLAYMENU_SCR_QUESTS_AND_PUZZLES" align="C" color="FFFFFFFF"/>

                <ManaWidget x="1135" y="-2" xml="/shop/sb_mana_short.xml" create_if="$device.hasInAppSupport == true"/>

                <Button name="status_bar_energy" x="1216" y="-17" create_if="$device.hasInAppSupport == true">
                    <Image name="button" x="0" y="0" image="/interface/plus_energy.png" />
                    <Click cmd="layout" param="ShopMoney">
                        <Param value="crossfade"/>
                    </Click>

                    <Properties>
                        <Property key="sfx_btn_hover">button_hover</Property>
                    </Properties>
                </Button>
            </Widget>

        </PaneController>

    </Widget>

    <AnimController autoPlay="0" events="reset_show">
        <ActionChain>
            <EfxSendEvent event="reset_header" param="reset"/>
        </ActionChain>
    </AnimController>

    <AnimController autoPlay="0" events="reset_hide">
        <ActionChain>
            <EfxSendEvent event="reset_header" param="base"/>
        </ActionChain>
    </AnimController>
    <MiniShop event="e_buy_key"/>
</Layout>
