        {% include 'layouts/page/' ~ session ~ '/banner.twig' %}
    <section id="whatsnew-details-section">
        <div class="container vision-text-content">
            <div class="row">
                <div class="col-3">
                    <ul class="list-unstyled sidemenu">
                    {% for topTenWhatsnewdata in topTenWhatsnew %}

                        {% if topTenWhatsnewdata.cp_subject == whatsnewdetails.cp_subject %}
                            <li class="sidebar-active" ><a href="/whatsnew/details/{{topTenWhatsnewdata.cp_subject}}">{{topTenWhatsnewdata.cp_subject}}</a></li>
                        {% endif %}
                        {% if topTenWhatsnewdata.cp_subject != whatsnewdetails.cp_subject %}    
                            <li><a href="/whatsnew/details/{{topTenWhatsnewdata.cp_subject}}">{{topTenWhatsnewdata.cp_subject}}</a></li>
                        {% endif %}
                    {% endfor %}
                        {# <li><a href="/whatsnew/details/加拿大十天學術交流">加拿大十天學術交流</a></li>
                        <li><a href="/whatsnew/details/家庭教育講座報導">家庭教育講座報導</a></li>
                        <li class="sidebar-active"><a>香港十天學術交流團報名開始</a></li>
                        <li><a href="/whatsnew/details/十二天澳洲珀斯學術交流團報名開始">十二天澳洲珀斯學術交流團報名開始</a></li>
                        <li><a href="/whatsnew/details/加拿大十天學術交流">加拿大十天學術交流</a></li>
                        <li><a href="/whatsnew/details/家庭教育講座報導">家庭教育講座報導</a></li>
                        <li><a href="/whatsnew/details/企業伙伴計劃頒奬禮暨運動友善計劃啟動禮">企業伙伴計劃頒奬禮暨運動友善計劃啟動禮</a></li>
                        <li><a href="/whatsnew/details/十二天澳洲珀斯學術交流團報名開始">十二天澳洲珀斯學術交流團報名開始</a></li>
                        <li><a href="/whatsnew/details/加拿大十天學術交流">加拿大十天學術交流</a></li> #}
                    </ul>
                </div>
                <div class="col-9">
                    {% include 'layouts/breadcrumb.twig' %}
                    <div class="row vision-bottom-padding">
                        <div class="col-11 mx-auto">
                            <p class="text-right vision-text-color-grey whatsnew-no-bottom-margin">{{whatsnewdetails.ep_date}}</p>
                            <h4 class="text-center vision-text-color">{{whatsnewdetails.cp_subject}}</h4>
                            <hr><img src="../../upload/whatsnew_images/{{whatsnewdetails.ep_pic}}">
                            <p class="vision-top-padding">{{whatsnewdetails.cp_content | raw}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
