@php
    $chartRoute = fn (string $pair) => auth()->check()
        ? \App\Support\MarketsCatalog::tradingRoomUrlFromPair($pair)
        : route('login');
@endphp
<footer class="vpm-ref-footer">
    <div class="vpm-ref-footer__brand-col">
        <x-vpm.logo :href="route('landing')" :height="40" />
        <div class="vpm-ref-footer__meta">
            <div class="vpm-ref-footer__meta-row">
                <span class="material-icons notranslate" aria-hidden="true">mail</span>
                <p>support@vantagepromarket.com</p>
            </div>
            <div class="vpm-ref-footer__meta-row">
                <span class="material-icons notranslate" aria-hidden="true">copyright</span>
                <p>VantageProMarket. All Rights Reserved.</p>
            </div>
        </div>
    </div>

    <nav class="vpm-ref-footer__nav" aria-label="Footer">
        <div class="vpm-ref-footer__col">
            <h3>Top Instruments</h3>
            <ul>
                <li><a href="{{ $chartRoute('BTCUSD') }}">Bitcoin (BTC)</a></li>
                <li><a href="{{ $chartRoute('ETHUSD') }}">Ethereum (ETH)</a></li>
                <li><a href="{{ $chartRoute('SHIBUSD') }}">Shiba</a></li>
                <li><a href="{{ $chartRoute('TSLA') }}">Tesla</a></li>
            </ul>
        </div>
        <div class="vpm-ref-footer__col">
            <h3>Learn More</h3>
            <ul>
                <li><a href="{{ route('about') }}">About Us</a></li>
                <li><a href="{{ route('features') }}">What is Leverage</a></li>
                <li><a href="{{ route('marketing.responsible-trading') }}">Responsible Trading</a></li>
                <li><a href="{{ route('marketing.copy-trading') }}">How Copy Trading Works</a></li>
            </ul>
        </div>
        <div class="vpm-ref-footer__col">
            <h3>Privacy</h3>
            <ul>
                <li><a href="{{ route('legal.terms') }}">Cookie Policy</a></li>
                <li><a href="{{ route('legal.privacy') }}">Privacy Policy</a></li>
                <li><a href="{{ route('legal.terms') }}">Terms &amp; Conditions</a></li>
                <li><a href="{{ route('legal.risk') }}">General Risk Disclosure</a></li>
            </ul>
        </div>
    </nav>
</footer>