RPG-RougeLiteBattler/Assets/Resources/UI/BattleSceneUI/PostBattleLootScreen.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
    
    <!-- Full Screen Overlay -->
    <ui:VisualElement name="LootScreenOverlay" class="loot-overlay">
        <!-- Background Panel -->
        <ui:VisualElement name="LootScreenBackground" class="loot-background">
            
            <!-- Header Section -->
            <ui:VisualElement name="HeaderSection" class="header-section">
                <ui:Label text="🏆 VICTORY! 🏆" display-tooltip-when-elided="true" name="VictoryTitle" class="victory-title" />
                <ui:Label text="Collecting loot from defeated enemies..." display-tooltip-when-elided="true" name="VictorySubtitle" class="victory-subtitle" />
            </ui:VisualElement>
            
            <!-- Main Content Section -->
            <ui:VisualElement name="MainContent" class="main-content">
                
                <!-- Enemy Loot Section -->
                <ui:VisualElement name="EnemyLootSection" class="enemy-loot-section">
                    <ui:Label text="Defeated Enemies" display-tooltip-when-elided="true" name="EnemyLootTitle" class="section-title" />
                    <ui:ScrollView name="EnemyLootContainer" class="enemy-loot-list" />
                </ui:VisualElement>
                
                <!-- Total Rewards Section -->
                <ui:VisualElement name="TotalRewardsSection" class="total-rewards-section">
                    <ui:Label text="Total Rewards" display-tooltip-when-elided="true" name="TotalRewardsTitle" class="section-title" />
                    
                    <!-- Currency Display -->
                    <ui:VisualElement name="CurrencyDisplay" class="currency-display">
                        <ui:VisualElement name="GoldDisplay" class="currency-item">
                            <ui:Label text="G" display-tooltip-when-elided="true" name="GoldIcon" class="currency-icon" />
                            <ui:Label text="0" display-tooltip-when-elided="true" name="GoldAmount" class="currency-amount" />
                            <ui:Label text="Gold" display-tooltip-when-elided="true" name="GoldLabel" class="currency-label" />
                        </ui:VisualElement>
                        
                        <ui:VisualElement name="SilverDisplay" class="currency-item">
                            <ui:Label text="S" display-tooltip-when-elided="true" name="SilverIcon" class="currency-icon" />
                            <ui:Label text="0" display-tooltip-when-elided="true" name="SilverAmount" class="currency-amount" />
                            <ui:Label text="Silver" display-tooltip-when-elided="true" name="SilverLabel" class="currency-label" />
                        </ui:VisualElement>
                        
                        <ui:VisualElement name="CopperDisplay" class="currency-item">
                            <ui:Label text="C" display-tooltip-when-elided="true" name="CopperIcon" class="currency-icon" />
                            <ui:Label text="0" display-tooltip-when-elided="true" name="CopperAmount" class="currency-amount" />
                            <ui:Label text="Copper" display-tooltip-when-elided="true" name="CopperLabel" class="currency-label" />
                        </ui:VisualElement>
                    </ui:VisualElement>
                    
                    <!-- Items Display -->
                    <ui:VisualElement name="ItemsDisplay" class="items-display">
                        <ui:Label text="Items Collected" display-tooltip-when-elided="true" name="ItemsTitle" class="items-title" />
                        <ui:ScrollView name="ItemsList" class="items-list" />
                    </ui:VisualElement>
                </ui:VisualElement>
            </ui:VisualElement>
            
            <!-- Footer Section -->
            <ui:VisualElement name="FooterSection" class="footer-section">
                <ui:Label text="Press SPACE to continue..." display-tooltip-when-elided="true" name="ContinuePrompt" class="continue-prompt" />
                <ui:VisualElement name="ButtonContainer" class="button-container">
                    <ui:Button text="Take All" display-tooltip-when-elided="true" name="TakeAllButton" class="action-button primary-button" />
                    <ui:Button text="Continue" display-tooltip-when-elided="true" name="ContinueButton" class="action-button secondary-button" />
                </ui:VisualElement>
            </ui:VisualElement>
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>