[% INCLUDE 'header.html', title = '' %]

[% IF error %]
    <p class="error">[% error %]</p>
[% END %]

<p id="expl">        
    [% 
        subhead
            = c.cobrand.moniker == 'southampton'
            ? '(like graffiti, fly tipping, or broken paving slabs)'
            : loc('(like graffiti, fly tipping, broken paving slabs, or street lighting)');
    %]
    
    <strong>[% loc('Report, view, or discuss local problems') %]</strong>
    
    [% IF subhead != ' ' %]
        <small>[% subhead %]</small>
    [% END %]
</p>

[% TRY %][% INCLUDE 'front/news.html' %][% CATCH file %][% END %]

[% PROCESS 'around/postcode_form.html' %]

<div id="front_intro">
    [% INCLUDE 'index-steps.html' %]
</div>

[% 
    recent_photos = c.cobrand.recent_photos('front', 3);
    probs         = c.cobrand.recent();
%]

[% IF probs.size || recent_photos.size %]
<div id="front_recent">
    <h2>[% loc('Recently reported problems') %]</h2>
    [% IF recent_photos.size %]
        <p id="front_photos">
        [% FOREACH p IN recent_photos %]
            <a href="/report/[% p.id %]"><img border="0" height="100"
                src="/photo/[% p.id %].tn.jpeg" alt="[% p.title | html %]" title="[% p.title | html %]"></a>
        [% END %]
        </p>
    [% END %]

    [% IF probs.size %]
        <ul id="nearby_lists">
        [% FOREACH p IN probs %]
            <li>
                <a href="/report/[% p.id %]">[% p.title | html %]</a>
                <small>[% prettify_epoch( p.confirmed_local.epoch, 1 ) %]</small>
            </li>    
        [% END %]
        </ul>
    [% END %]
</div>
[% END %]

[% INCLUDE 'footer.html' %]