[% 
    PROCESS "maps/${map.type}.html";

    problem_title = problem.title _ ' - ' _ loc('Viewing a problem');
    INCLUDE 'header.html'
        title = problem_title
        rss = [ loc('Updates to this problem, FixMyStreet'), "/rss/$problem.id" ]
        robots = 'index, nofollow'
%]

[% map_html %]

</div>
<div id="side">

[% INCLUDE 'report/banner.html' %]
[% INCLUDE 'report/_main.html' %]

<p align="right">
    <small>
        <a rel="nofollow" href="[% c.uri_for( '/contact', { id => problem.id } ) %]">[% loc('Offensive? Unsuitable? Tell us' ) %]</a>
    </small>
</p>

<p style="padding-bottom: 0.5em; border-bottom: dotted 1px #999999;" align="right">
    <a href="[% c.uri_for( '/around', { lat => short_latitude, lon => short_longitude } ) %]">[% loc( 'More problems nearby' ) %]</a>
</p>

<div id="alert_links">
    <a rel="nofollow" id="email_alert" href="[% c.uri_for( '/alert/subscribe', { id => problem.id } ) %]">[% loc('Email me updates' ) %]</a>

    <form action="[% c.uri_for( '/alert/subscribe' ) %]" method="post" id="email_alert_box">
        <p>[% loc('Receive email when updates are left on this problem.' ) %]</p>
        <label class="n" for="alert_rznvy">[% loc('Email:') %]</label>
        <input type="email" name="rznvy" id="alert_rznvy" value="[% email | html %]" size="30">
        <input type="hidden" name="id" value="[% problem.id %]">
        <input type="hidden" name="type" value="updates">
        <input type="submit" value="[% loc('Subscribe') %]">
    </form>
    &nbsp;
    <a href="[% c.uri_for( '/rss', problem.id ) %]">
        <img src="/i/feed.png" width="16" height="16" title="[% loc('RSS feed') %]" alt="[% loc('RSS feed of updates to this problem' ) %]" border="0" style="vertical-align: middle">
    </a>
</div>

[% INCLUDE 'report/updates.html' %]
[% INCLUDE 'report/update-form.html' %]

</div>

[% INCLUDE 'footer.html' %]