RPG-RougeLiteBattler/Assets/UI/Map/TravelUI.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <Style src="project://database/Assets/UI/Map/TravelUI.uss?fileID=7433441132597879392&amp;guid=1e7ef30c959791b42ae6ef3a6741c9bd&amp;type=3#TravelUI" />
    <ui:VisualElement name="TravelContainer" class="travel-container" style="display: none; visibility: visible;">
        <!-- Click-blocking overlay that covers the entire screen -->
        <ui:VisualElement name="ClickBlocker" class="click-blocker" />
        <ui:VisualElement name="TravelPanel" class="travel-panel">
            <!-- Draggable Header -->
            <ui:VisualElement name="TravelHeader" class="travel-header">
                <ui:Label text="Travel Planning" class="travel-title" />
                <ui:Button text="×" name="CloseButton" class="close-button" />
            </ui:VisualElement>
            
            <!-- Travel Information Section -->
            <ui:VisualElement name="TravelInfo" class="travel-info">
                <ui:Label text="Distance: -- leagues" name="DistanceLabel" class="info-label" />
                <ui:Label text="Travel Time: -- hours" name="TimeLabel" class="info-label" />
                <ui:Label text="Special Costs: None" name="SpecialCostsLabel" class="info-label special-costs" />
            </ui:VisualElement>
            
            <!-- Route Options Section -->
            <ui:VisualElement name="RouteOptions" class="route-options">
                <ui:Label text="Available Routes:" class="section-title" />
                <ui:VisualElement name="RouteList" class="route-list">
                    <!-- Route options will be populated dynamically -->
                </ui:VisualElement>
            </ui:VisualElement>
            
            <!-- Action Buttons Section -->
            <ui:VisualElement name="ButtonContainer" class="button-container">
                <ui:Button text="Start Journey" name="StartTravelButton" class="travel-button primary-button" />
                <ui:Button text="Cancel" name="CancelTravelButton" class="travel-button secondary-button" />
            </ui:VisualElement>
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>