<section class="news-page">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <div class="news-page-header">
                    <div class="back-link">
                        <a href="news-feed/">$SVG('back-link-arrow').Size('17','14') Back to news</a>
                    </div>

                    <% if $Categories %>
                        <% loop $Categories %>
                            <% if $First %>
                                <p class="type">$Title</p>
                            <% end_if %>
                        <% end_loop %>
                    <% end_if %>
                    <p class="date">$PublishDate.FormatPHP("j M Y")</p>
                </div>
                <h1>$Title</h1>
                <% if $FeaturedImage %>
                    <div class="news-page-image">
                        <img src="$FeaturedImage.URL" alt="$Title">
                    </div>
                <% end_if %>
                $Content
                <% if $YoutubeLink %>
                    <div id="video-player-container" class="video-player-container news-page-video">
                        <div id="video-player"></div>
                        <div id="video-player-src" class="video-player-src">$YoutubeLink</div>
                        <% if $YoutubeLinkImage %>
                            <div class="video-player-overlay" style="background-image: url('$YoutubeLinkImage.Fill('750', '400').URL');">
                                $SVG('video-play').Size('110','70')
                            </div>
                        <% end_if %>
                    </div>
                <% end_if %>
                <div class="social-share news-page-social">
                    <p>Share this blog post</p>
                    <ul class="list-unstyled">
                        <li>
                            <a href="https://twitter.com/home?status={$AbsoluteLink}" target="_blank">
                                <span class="sr-only">Share on Twitter</span>
                                $SVG('twitter').Size('22','18')
                            </a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com/sharer/sharer.php?u={$AbsoluteLink}" target="_blank">
                                <span class="sr-only">Share on Facebook</span>
                                $SVG('facebook').Size('11','20')
                            </a>
                        </li>
                        <li>
                            <a href="https://plus.google.com/share?url={$AbsoluteLink}" target="_blank">
                                <span class="sr-only">Share on Google+</span>
                                $SVG('google-plus').Size('21','21')
                            </a>
                        </li>
                        <li>
                            <a href="https://www.linkedin.com/shareArticle?mini=true&url={$AbsoluteLink}&title={$Title}&summary=&source={$AbsoluteLink}" target="_blank">
                                <span class="sr-only">Share on LinkedIn</span>
                                $SVG('linkedin').Size('19','19')
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="news-page-sidebar">
                    <div class="sidebar-newsletter hidden-xs">
                        <h3>Stay informed.</h3>
                        <p>Sign up to our newsletter and stay up-to-date with all the latest from the Comedy Festival.</p>
                        <% with $NewsletterForm %>
                            <form name="NewsletterFormSidebar" $FormAttributes novalidate>
                            <div class="form-group">
                                <input name="Newsletter_Email" type="email" class="form-control" placeholder="Enter your email address">
                            </div>
                            <div class="form-group">
                                $fields.dataFieldByName('Location')
                            </div>
                                {$HiddenFields}
                            <button id="NewsletterFormSidebarSubmit" class="btn btn-yellow btn-block">Submit</button>
                        </form>
                        <% end_with %>
                    </div>
                    <% if $getAdvertising('AdvertisingSquare') %>
                        <% with $getAdvertising('AdvertisingSquare') %>
                            <% if $Image %>
                                <div class="advertisement-vertical">
                                    <a href="$Link" target="_blank">
                                        <img src="$Image.URL" alt="$Title">
                                    </a>
                                </div>
                            <% end_if %>
                        <% end_with %>
                    <% end_if %>
                </div>
            </div>
        </div>
    </div>
</section>
