<Layout>
    <Definitions>
        <Font name="header" path="assets/fonts/helvetica.ttf" size="18" />
        <Font name="normal" path="assets/fonts/helvetica.ttf" size="18" />
        <Font name="number" path="assets/fonts/consolas.ttf" size="18" />

        <Color name="orange" value="#fb8b1e" />
        <Color name="blue" value="#0068ff" />
        <Color name="red" value="#ff433d" />
        <Color name="green" value="#43ee3d" />
        <Color name="bluish_green" value="#4af6c3" />
        <Color name="gray" value="#21211f" />
        <Color name="white" value="#ffffff" />
        <Color name="black" value="#000000" />
        <Color name="lightgray" value="#444245" />
        <Color name="offwhite" value="#b8b9b9" />
        <Color name="transparent" value="#00000000" />
        <Color name="offgray" value="#181818" />
        <Color name="good" value="#00ff00" />
        <Color name="bad" value="#ff0000" />
    </Definitions>

    <TradingDesk>
        <Row height="100%">
            <Column width="15%">
                <Row height="22%" spacing="4">
                    <Panel title="Crypto">
                        <Column width="100%" spacing="4">
                            <Row height="50%">
                                <IndicatorCard name="bitcoin" title="Bitcoin" />
                            </Row>
                            <Row height="50%">
                                <IndicatorCard name="ethereum" title="Ethereum" />
                            </Row>
                        </Column>
                    </Panel>
                </Row>
                <Row height="39%" spacing="4">
                    <Panel title="Economic Indicators">
                        <Row>
                            <Column spacing="4">
                                <Row height="20%">
                                    <IndicatorCard name="stock_index"
                                        title="Stock Index" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="gdp_growth" title="GDP Growth" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="prime_rate" title="Prime Rate" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="short_bonds" title="Short Bond" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="long_bonds" title="Long Bond" />
                                </Row>
                            </Column>
                        </Row>
                    </Panel>
                </Row>
                <Row height="39%" spacing="4">
                    <Panel title="Commodities">
                        <Row>
                            <Column spacing="4">
                                <Row height="20%">
                                    <IndicatorCard name="silver" title="Silver" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="wheat" title="Spot Wheat" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="corn" title="Spot Corn" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="oil" title="Spot Crude" />
                                </Row>
                                <Row height="20%">
                                    <IndicatorCard name="gold" title="Spot Gold" />
                                </Row>
                            </Column>
                        </Row>
                    </Panel>
                </Row>
            </Column>
            <Column width="70%">
                <Row height="33%">
                    <Column width="50%">
                        <Panel title="Panel 1">
                            <NewsHeadlines />
                        </Panel>
                    </Column>
                    <Column width="50%">
                        <Panel title="Panel 2">
                            <NewsHeadlines />
                        </Panel>
                    </Column>
                </Row>
                <Row height="33%">
                    <Column width="50%">
                        <Panel title="Panel 3">
                            <NewsHeadlines />
                        </Panel>
                    </Column>
                    <Column width="50%">
                        <Panel title="Panel 4">
                            <NewsHeadlines />
                        </Panel>
                    </Column>
                </Row>
                <Row height="34%">
                    <Column width="50%">
                        <Panel title="Top Stories">
                            <NewsHeadlines />
                        </Panel>
                    </Column>
                    <Column width="50%">
                        <Panel title="Trending Now">
                            <TrendingNews />
                        </Panel>
                    </Column>
                </Row>
            </Column>
            <Column width="15%" spacing="2">
                <Row height="30%">
                    <Column width="100%">
                        <Panel title="My Balance Sheet ($ Millions)">
                            <Column width="100%" spacing="2">
                                <NamedValueLine
                                    label="Cash [DD]"
                                    name="player_cash"
                                    labelcolor="orange"
                                    labelfont="normal"
                                    valuecolor="offwhite"
                                    valuefont="number"
                                />
                                <NamedValueLine
                                    label="Other Assets"
                                    name="player_other_assets"
                                    labelcolor="orange"
                                    labelfont="normal"
                                    valuecolor="offwhite"
                                    valuefont="number"
                                />
                                <NamedValueLine
                                    label="Total Assets"
                                    name="player_total_assets"
                                    labelcolor="orange"
                                    labelfont="normal"
                                    valuecolor="offwhite"
                                    valuefont="number"
                                />
                                <NamedValueLine
                                    label="Total Debt"
                                    name="player_total_debt"
                                    labelcolor="red"
                                    labelfont="normal"
                                    valuecolor="offwhite"
                                    valuefont="number"
                                />
                                <NamedValueLine
                                    label="Net Worth"
                                    name="player_net_worth"
                                    labelcolor="orange"
                                    labelfont="normal"
                                    valuecolor="offwhite"
                                    valuefont="number"
                                />
                            </Column>
                        </Panel>
                    </Column>
                </Row>
                <Row height="30%">
                    <Panel title="My Net Worth">
                        <NetWorthChart />
                    </Panel>
                </Row>
                <Row height="40%">
                    <StreamingQuotes />
                </Row>
            </Column>
        </Row>
    </TradingDesk>
</Layout>