<% cache 'VenuePage' %>
<section class="festival-page">
    <div class="container">
        <div class="back-link">
            <a href="$Parent.Link">$SVG('back-link-arrow').Size('17','14') Back to $Parent.Title</a>
        </div>
        <div class="row">
            <div class="col-sm-8">
                <div class="well">
                    <h2 class="festival-page-subtitle">{$City.Title}</h2>

                    <h1>{$Title}</h1>
                    {$Content}
                    <% if $Images %>
                        <div class="festival-page-images">
                            <% loop $Images %>
                                <% if $URL %>
                                    <img src="{$URL}" alt="<% if $Title %>$Title<% else %>$Up.Title<% end_if %>">
                                <% end_if %>
                            <% end_loop %>
                        </div>
                    <% end_if %>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="well well-sidebar">
                    <h4 class="well-title uppercase">Where to find us</h4>
                    <% if $AddressString %>
                        <div class="well-content-block well-icon-block">
                            $SVG('sidebar-map-pin').Size('25','28')
                            <p>{$AddressString}</p>
                        </div>
                    <% end_if %>
                    <% if $PhoneNumber %>
                        <div class="well-content-block well-icon-block">
                            $SVG('sidebar-phone').Size('24','24')
                            <p>{$PhoneNumber}</p>
                        </div>
                    <% end_if %>
                    <% if $FormattedURL %>
                        <div class="well-content-block well-icon-block">
                            $SVG('sidebar-globe').Size('25','26')
                            <p class="sidebar-url"><a href="{$FormattedURL}">{$VenueURL}</a></p>
                        </div>
                    <% end_if %>
                    <% if $TicketText && $TicketingAgentID > 0 && $TicketingAgent.Website %>
                        <div class="well-content-block well-icon-block">
                            $SVG('sidebar-ticket').Size('28','28')
                            <% if $TicketText %>
                                {$TicketText}
                            <% end_if %>
                            <% if $TicketingAgent %>
                                <a href="$TicketingAgent.FormattedURL">$TicketingAgent.Title</a>
                            <% end_if %>
                        </div>
                    <% end_if %>
                    <% if $WheelchairText %>
                        <div class="well-content-block well-icon-block">
                            $SVG('sidebar-wheelchair').Size('26','29')
                            {$WheelchairText}
                        </div>
                    <% end_if %>
                </div>
                <% if $lat && $lng %>
                    <div class="festival-page-map-container">
                        <a class="get-directions" href="https://www.google.com/maps/dir/Current+Location/{$lat},{$lng}" target="_blank">Get directions</a>
                        <div id="map" class="festival-page-map" data-lat="{$lat}" data-lng="{$lng}"></div>
                    </div>
                <% end_if %>
            </div>
        </div>
    </div>
</section>

<% if $Shows %>
<section class="grid-shows-container hidden-xs">
    <div class="container">
        <div class="grid-shows-title">
            <h2>Shows at {$Title}</h2>
        </div>
        <div class="grid-shows">
            <% loop $Shows %>
                <% include ShowPreview %>
            <% end_loop %>
        </div>
    </div>
</section>
<% end_if %>
<% end_cache %>
