<?xml version="1.0" encoding="utf-8" ?>
<Widget>
	<Widget x="5" y="-40">
    
		<Image x="0" y="0" image="demon_portal.png"/>

		<Image x="25" y="-25" image="portal_glow.png">
			<AnimController name="show_content" autoPlay="1" >
				<ActionChain>
					<ActionRepeat repeat="-1">
						<EfxRotate from="0" to="-3590" duration="500"/>
					</ActionRepeat>
				</ActionChain>
			</AnimController>
		</Image>

		<Image name="icon" x="104" y="84"/>

		<Image x="107" y="95" name="locker_background" image="locker_02.png"/>

		<Image name="demon_name" x="100" y="280" scale="1" image="/demon_list/board_name.png">
			<Text name="name" x="50" y="18" width="160" height="12" font="font" text="" align="C" color="FFFFFFFF"/>
		</Image>

		<Widget name="demon_info" x="20" y="350" width="500" height="235">
			<Image name="demon_border" x="0" y="0" image="/demon_battle/demon_border.png" scale="1.1" />

			<Widget name="attack" x="0" y="10">
				<Text name="text" x="40" y="-4" width="150" height="10" font="small" text="DEMON_ATTACK_TITLE" align="C" color="FFF6982D" />
				<Image name="border" x="0" y="0" image="/demon_battle/attack_board_01.png" />
				<Text name="value_text" x="58" y="18" width="120" height="12" font="author" text="" align="C" color="FFFFFFFF"/>
			</Widget>

			<Widget name="hp" x="0" y="55">
				<Text name="text" x="40" y="-4" width="150" height="10" font="small" text="DEMON_HP_TITLE" align="C" color="FFF6982D" />
				<Image name="border" x="0" y="0" image="/demon_battle/hp_board_01.png" />
				<Image name="value" x="43.5" y="16.5" width="154" height="20" image="/demon_battle/hp_board_02.png" />
				<Text name="value_text" x="58" y="18" width="120" height="12" font="author" text="" align="C" color="FFFFFFFF"/>
			</Widget>

			<Widget name="mana" x="0" y="100">
				<Text name="text" x="40" y="-4" width="150" height="10" font="small" text="DEMON_MANA_TITLE" align="C" color="FFF6982D" />
				<Image name="border" x="0" y="0" image="/demon_battle/mana_board_01.png" />
				<Image name="value" x="43.5" y="16.5" width="154" height="20" image="/demon_battle/mana_board_02.png" />
				<Text name="value_text" x="58" y="18" width="120" height="12" font="author" text="" align="C" color="FFFFFFFF"/>
			</Widget>

			<Widget x="205" y="10">
				<Button name="btn_unlock" x="0" y="0" image="/demon_battle/btn_change.png" scale="0.9">
					<State name="disabled" image="/demon_battle/btn_disabled.png"/>
					<Widget name="text_info_open" x="10" y="30" visible="1">
						<Text name="text" x="6" y="5" width="134" height="10" font="author" text="DEMON_SLOT_FREE" align="C" color="FFFFFFFF" />
						<Text name="key_amount" x="105" y="1" width="40" height="15" font="medium" text="99" align="E" color="FFffde00"/>
						<Image name="btn_image" x="151" y="-5" image="/interface/key_up_menu.png"/>
					</Widget>
                    
                    <SelectorController>
                        <Action type="0" btn="9" cmd="press"/>
                        <Container class="GPOnceContainer"/>
                        <Item path=".." scale="1 1" alias="btn_rb" offset="216 10"/>
                    </SelectorController>
				</Button>

				<Button name="btn_select" x="0" y="0" image="/demon_battle/btn_change.png" scale="0.9">
					<State name="disabled" image="/demon_battle/btn_disabled.png"/>
					<Widget name="text_info_select" x="55" y="20" width="109" height="42" visible="1">
						<Text name="text" x="6" y="15" width="94" height="10" font="author" text="DEMON_SELECT_BTN" align="C" color="FFFFFFFF" />
					</Widget>
				</Button>
                
                <SelectorController>
                    <Action type="0" btn="9" cmd="press"/>
                    <Container class="GPOnceContainer"/>
                    <Item path=".." scale="1 1" alias="btn_rb" offset="205 14"/>
                </SelectorController>
			</Widget>

			<Image x="130" y="-215" name="locker" image="locker_01.png">
				<Text name="key_amount" x="75" y="70" width="20" height="20" font="author" text="99" align="C" color="FFFFFFFF"/>
			</Image>
			
			<SkeletonWidget name="ani_key_use" x="216" y="-129" data="data/spine/key_use.json" atlas="demon_battle/spine/key_use.atlas" base_scale="2" visible="0"/>

		</Widget>
	</Widget>
</Widget>