<footer>
    <div id="footer-bottom">
        {%- set link_index = 'BotPhone'|navigate_list %}
        <div class="footer-contact">
            {% if link_index and link_index['link'] %}
            <div id="footer-contact-icon" class="ngsty-ico">
                <span class=" ngph-dian">
                    <img src="{{link_index['link'][0]['logo']}}" alt="" />
                </span>
            </div>
            {{link_index['link'][0]['description']}}
            {% endif %}
        </div>
        <div class="social-icons ngfu-box">
            {%- for row in link_index['link'] %}
            {% if loop.index0 > 0 %}
            <a aria-label="Visit our YouTube channel" title="Visit our YouTube channel" target="{{row['target']}}" href="{{row['url']}}" class="ng-Ta">
                <img class="a-img" src="{{row['logo']}}" alt=""/>
            </a>
            {% endif %}
            {%- endfor %}
        </div>
        <br class="clear">
    </div>
    <div class="footer panel-padding foo-style ">
        <div class="row hidden ngco-size">
            {%- set nav_data = "Product"|navigate_list %}
            <div class="col-md-2 col-xs-6 ngsty-s1">
                <ul class="list-unstyled">
                    <li class="li-header">
                        {{nav_data['title']}}
                    </li>
                    {%- for row in nav_data['link'] %}
                    <li>
                        <a target="{{row['target']}}" href="{{row['url']}}">{{row['name']}}</a>
                    </li>
                    {%- endfor %}
                </ul>
            </div>
            {%- set nav_data = "Service"|navigate_list %}
            <div class="col-md-2 col-xs-6 ngbox2 ngsty-s2">
                <ul class="list-unstyled">
                    <li class="li-header">
                        {{nav_data['title']}}
                    </li>
                    {%- for row in nav_data['link'] %}
                    <li>
                        <a target="{{row['target']}}" href="{{row['url']}}">{{row['name']}}</a>
                    </li>
                    {%- endfor %}
                </ul>
            </div>
            <div class="col-md-8 col-xs-6 ngbox3 row ngsty-s3">
                {%- set nav_data = "Navdown"|navigate_list %}
                <div class="col-md-4 col-xs-6 ngsty-Z1s3">
                    <ul class="list-unstyled">
                        <li class="li-header">
                            {{nav_data['title']}}
                        </li>
                        {%- for row in nav_data['link'] %}
                        <li>
                            <a target="{{row['target']}}" href="{{row['url']}}">{{row['name']}}</a>
                        </li>
                        {%- endfor %}
                    </ul>
                </div>
                {%- set nav_data = "Document"|navigate_list %}
                <div class="col-md-4 col-xs-6 ngsty-Z1s3">
                    <ul class="list-unstyled">
                        <li class="li-header">
                            {{nav_data['title']}}
                        </li>
                        {%- for row in nav_data['link'] %}
                        <li>
                            <a target="{{row['target']}}" href="{{row['url']}}">{{row['name']}}</a>
                        </li>
                        {%- endfor %}
                    </ul>
                </div>
                {%- set nav_data = "About"|navigate_list %}
                <div class="col-md-4 col-xs-6 ngsty-Z1s3">
                    <ul class="list-unstyled">
                        <li class="li-header">
                            {{nav_data['title']}}
                        </li>
                        {%- for row in nav_data['link'] %}
                        <li>
                            <a target="{{row['target']}}" href="{{row['url']}}">{{row['name']}}</a>
                        </li>
                        {%- endfor %}
                    </ul>
                </div>
            </div>
        </div>
        <div class="visible-xs-block">
            <select class="form-control">
                <option selected="selected">Menu ...</option>
                {%- for nav_data in 'all'|navigate_list %}
                <option value="">{{nav_data['title']}}</option>
                {%- for row in nav_data['link'] %}
                <option value="{{loop.index}}">&nbsp;|-&nbsp;{{row['name']}}</option>
                {%- endfor %}
                {%- endfor %}
            </select>
        </div>
        <div class="language ngsty-pbox">
            <p class="langP-style">
                <span class="glyphicon glyphicon-globe pull-left"></span>
                <span class="ngco-DE">{{kg['web']['name']}}(&nbsp;
                    {% set app_list = ''|app %}
                    {% for row in app_list %}
                    <a href="../api/unlimited_process?action=setapp&id={{row['id']}}">{{row['name']}}</a>{% if loop.index != app_list|length %}&nbsp;&nbsp;|&nbsp;&nbsp;{% endif %}
                    {% endfor %})
                </span>
            </p>
        </div>
        <hr class="foo-hr">
        <div class="footer-logo ngco-Zfu foo-paddingL ngin-size14 comsty-dY" style="position: relative;">
            <p class="ngsty-Ptu">
                <input type="hidden" value="{{kg['run_start_time'][1]}}" class="date_">
                <img src="/static/image/logo_min.png" alt="" /><span>Copyright © <span class="dates" style="margin: 0;padding: 0;"></span> Kgcms. All Rights Reserved.</span>
            </p>
            <ul class="list-inline ngco-size ngfu-a">
                <li class="ngNo-paddingL">
                    <a href="#">{{kg['lang']['frontend'][11]}}</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#"> {{kg['lang']['frontend'][12]}}</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#"> {{kg['lang']['frontend'][13]}} </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#"> {{kg['lang']['frontend'][14]}}</a>
                </li>
            </ul>
            <p class="ngce-p2-style">Processed in {{ kg['run_start_time']|run_time }} second(s), {{ kg['db_request_count'] }} queries<br /></p>
            {{kg['web']['copyright']}}
            <p class="ngce-p2-style">
                <a href="http://beian.miit.gov.cn/" target="_blank">{{ kg['globals']['icp'] }}</a><br />
            </p>
            <div class="roof_placement" title="{{kg['lang']['frontend'][10]}}" onclick="$('html,body').animate({scrollTop:'0px'},1000);"><img src="{{kg['tpl_url']}}image/top.png" alt=""></div>
        </div>
    </div>
</footer>
<script>
    $(function(){
        var time = parseInt($(".date_").val()*1000);
        var date = new Date(Number(time));
        $(".dates").text(date.getFullYear());
    })
</script>