<footer id="colophon" class="site-footer panel panel-group" role="contentinfo" data-panel>
    <div class="panel-content">
        <section class="panel panel-short panel-full cta">
            <div class="panel-content">
                <div class="entry-header">
                </div><!-- .entry-header -->
                <div class="entry-content">
                    <h3 class="entry-title">Stay up-to-date with Queen's Wharf Brisbane</h3>
                    <a href="#" data-toggle="modal" data-target="#subscribe" class="btn btn-dark">Stay Informed</a>
                </div><!-- .entry-content -->
            </div><!-- .panel-content -->
        </section>
        <div id="footer-navigation" class="site-navigation panel panel-short panel-full">
            <div class="panel-content">
                <div class="row">
                    <section id="stay-connected">
                        <h2>Stay connected</h2>
                        <ul class="control-group-social-media">
                            {% if facebook_url %}
                                <li>
                                    <a href="{{ facebook_url }}" class="control control-icon-social"><i class="icon-facebook"></i></a>
                                </li>
                            {% endif %}
                            {% if twitter_url %}
                                <li>
                                    <a href="{{ twitter_url }}" class="control control-icon-social"><i class="icon-twitter"></i></a>
                                </li>
                            {% endif %}
                            {% if google_url %}
                                <li>
                                    <a href="{{ google_url }}" class="control control-icon-social"><i class="icon-google"></i></a>
                                </li>
                            {% endif %}
                            {% if instagram_url %}
                                <li>
                                    <a href="{{ instagram_url }}" class="control control-icon-social"><i class="icon-instagram"></i></a>
                                </li>
                            {% endif %}
                            {% if youtube_url %}
                                <li>
                                    <a href="{{ youtube_url }}" class="control control-icon-social"><i class="icon-youtube"></i></a>
                                </li>
                            {% endif %}
                        </ul>
                        <nav>
                            {% for item in footer_menu.get_items %}
                                <ul>
                                    <li>
                                        <a href="{{ item.link }}" >{{ item.name }}</a>
                                        {% set children = item.get_children %}
                                        {% if children %}
                                            <ul>
                                                {% for child in children %}
                                                    <li><a href="{{ child.link }}" >{{ child.name }}</a></li>
                                                {% endfor %}
                                            </ul>
                                        {% endif %}
                                    </li>
                                </ul>
                            {% endfor %}
                        </nav>
                    </section>
                    <section id="general-enquiries">
                        {{ footer_right | wpautop }}
                    </section>
                </div>
            </div>
        </div><!-- .site-navigation -->
        <div class="site-info panel panel-short panel-full">
            <div class="panel-content">
                <div class="site-branding">
                    <div class="site-logo">
                        <img src="<?php bloginfo('template_directory'); ?>/assets/img/logo.png" />
                    </div>
                    <nav>
                        <ul>
                            {% if legal_page %}
                            <li><a href="{{ legal_page.link }}" >Privacy Policy</a></li>
                            {% endif %}
                            <li><a href="{{ contact_page.link }}" >Contact</a></li>
                        </ul>
                    </nav>
                </div>
                <p class="copyright">Copyright &copy; {{"now"|date('Y')}} Destination Brisbane Consortium.<span> All rights reserved. All images are artist's impressions, subject to planning approvals.</span></p>
            </div>
        </div><!-- .site-info -->
    </div>
</footer><!-- #colophon -->
