[% USE Number.Format -%]
[%
    other_categories_formatted = other_categories | format_number;
-%]
[% extra_js = [
    version('/vendor/chart.min.js'),
    version('/js/dashboard.js')
] -%]
[% INCLUDE 'header.html', title = loc('Dashboard'), bodyclass = 'dashboard' %]

<div class="dashboard-header">
    <h1>[% loc('Dashboard') %] – [% body.name %]</h1>
</div>

[% IF body.send_method.match('Email') OR body.send_method == '' %]
<div class="dashboard-row">
    <div class="dashboard-item dashboard-item--12">
        <div class="healthcheck-unit healthcheck-unit--good">
            <h3>Email delivery</h3>
            <p>
                [% body.name %] receives reports from FixMyStreet via email; you can see a full list of the email addresses we send reports to at the bottom of this page.
            </p>
        </div>
        <div class="healthcheck-unit healthcheck-unit--bad">
            <h3>Integration with back end systems</h3>
            <p>
                Local authorities can connect with FixMyStreet in a number of different ways so that reports drop directly into your existing system(s) instead of arriving by email.
            </p>
            <ol>
                <li>You can do this yourself (for free) using our <a href="/about/open311-api-info">Open311 API</a></li>
                <li>We can build and maintain the integration for you (carries an annual fee)</li>
                <li>You can become a <a href="https://www.societyworks.org/services/highways/"> FixMyStreet Pro</a> user. FixMyStreet Pro is a more advanced version of FixMyStreet, which seeks to eliminate the significant costs councils incur from duplicate reporting, unnecessary contact and failure demand.</li>
            </ol>

            <p>FixMyStreet is an independent web service run by the charity mySociety to make it easier for anyone to report a problem in their local area without needing to have any knowledge of council boundaries or responsibilities.</p>

            <p>As a charity our goal is to help improve services for citizens and local authorities. If you would like some help connecting FixMyStreet to your own system(s), please send an email to support@fixmystreet.com.</p>
        </div>
    </div>
</div>
[% END %]

<h2 id="results">Reports received by [% body.name %]</h2>

<form method="GET" action="#results">
    <div class="filters">
        <p>
            <label for="area">[% loc('Problems reported in area:') %]</label>
            <select class="form-control" id="area" name="area">
                <option value="">[% body.name %]</option>
              [% FOR w IN children.values.sort('name') %]
                <option value="[% w.id %]"[% ' selected' IF w.id == ward.0 %]>[% w.name %]</option>
              [% END %]
            </select>
        </p>
        <p class="pro-feature">
            <label for="category">[% loc('Category:') %]</label>
            <select class="form-control" id="category" disabled>
                <option>[% loc('All categories') %]</option>
            </select>
        </p>
        <p class="pro-feature">
            <label for="state">[% loc('Report state:') %]</label>
            <select class="form-control" id="state" disabled>
                <option>[% loc('All states') %]</option>
            </select>
        </p>
        <p>
            <label for="period">[% loc('Reported:') %]</label>
            <select class="form-control" id="period" name="period">
                <option value="week"[% ' selected' IF period == 'week' %]>This past week</option>
                <option value="month"[% ' selected' IF period == 'month' %]>This past month</option>
                <option value="3months"[% ' selected' IF period == '3months' %]>In the past 3 months</option>
                <option value="year"[% ' selected' IF period == 'year' %]>This past year</option>
                <option value="ever"[% ' selected' IF period == 'ever' %]>Any time</option>
                <option disabled>Custom date range (Pro)</option>
            </select>
        </p>
        <p class="no-label">
            <input type="submit" class="btn" value="[% loc('Look up') %]">
        </p>
    </div>
    <input type="hidden" name="group_by" value="[% group_by %]">

    [% BLOCK gb %]
      [% IF group_by == new_gb %]
        <strong title="Currently grouped by [% text %]">[% text %]</strong>
      [% ELSE %]
        <a href="[% c.uri_with({ group_by => new_gb }) %]#results" title="Group by [% text %]">[% text %]</a>
      [% END %]
    [% END %]

    <div class="dashboard-row">
        <div class="dashboard-item dashboard-item--12">
            <table class="dashboard-ranking-table js-make-bar-chart">
              [% FOR k IN rows %]
                <tr>
                  [% IF group_by == 'state' %]
                    <th scope="row">[% prettify_state(k) %]</th>
                  [% ELSE %]
                    <th scope="row">[% k or loc('Website') %]</th>
                  [% END %]
                    <td>[% grouped.$k.total OR 0 %]</td>
                </tr>
              [% END %]
            </table>

            <ul class="dashboard-options-tabs dashboard-options-tabs--below">
                <li role="presentation"><span>[% loc('Group by:') %]</span><li>
                <li>[% INCLUDE gb new_gb='category' text='category' %]</li>
                <li>[% INCLUDE gb new_gb='device' text='device' %]</li>
                <li>[% INCLUDE gb new_gb='state' text='state' %]</li>
                <li class="pull-right"><a href="[% c.uri_with({ csv => 1 }) %]">[% loc('Export CSV preview (100 rows)') %]</a></li>
            </ul>
        </div>
    </div>

</form>

<div class="dashboard-row">
    <div class="dashboard-item dashboard-item--6">
        <h2 class="dashboard-subheading">[% tprintf( loc('Most popular categories in %s'), body.name ) %]</h2>
        <p>[% loc('Number of problems reported in each category, in the last 7 days.') %]</p>
        <table class="dashboard-ranking-table">
            <tbody>
              [% FOR line IN top_five_categories %]
                [% line_count = line.count | format_number ~%]
                <tr><td>[% line.category %]</td><td>[% tprintf(nget("%s report", "%s reports", line.count), decode(line_count)) %]</td></tr>
              [% END %]
            </tbody>
            <tfoot>
                <tr><td>[% loc('Other categories') %]</td><td>[% tprintf(nget("%s report", "%s reports", other_categories), decode(other_categories_formatted)) %]</td></tr>
            </tfoot>
        </table>
    </div>
</div>

<div class="dashboard-row">
    <div class="dashboard-item dashboard-item--12">
        <h2 class="dashboard-subheading">[% tprintf( loc('Where we send %s reports'), body.name ) %]</h2>
        [% IF body.send_method == 'Refused' %]
          <p>
            [% tprintf( loc('%s currently does not accept reports from FixMyStreet.'), body.name) %]
          </p>

          <p>
            [% loc('If you&rsquo;d like to discuss this then <a href="/contact">get in touch</a>.') %]
          </p>
        [% ELSIF body.send_method == 'Noop' %]
          <p>
            [% tprintf( loc('Reports are currently not being sent to %s.'), body.name ) %]
          </p>
        [% ELSIF NOT body.send_method.match('Email') AND body.send_method != ''  %]
          <p>
              [% tprintf( loc('Reports to %s are currently sent directly into backend services.'), body.name) %]
          </p>
        [% ELSE %]
        <p>
          [% loc('We currently send all reports to the email addresses below.') %]
        </p>
        <p>
          [% loc('You can find lots more information about FixMyStreet in <a href="/about/information-for-councils">our FAQs</a>. For anything else, please <a href="/contact">get in touch</a>') %]
        </p>
        <table class="dashboard-ranking-table" style="margin-bottom: 1em;">
          <tr>
            <th>[% loc('Category') %]</th>
            <th>[% loc('Contact') %]</th>
          </tr>
          [% WHILE ( cat = live_contacts.next ) %]
            <tr>
              <td class="contact-category"><a href="[% body_url %]?filter_category=[% cat.category | uri %]">[% cat.category_display | html %]</a>
              </td>
              <td>[% cat.email | html %]</td>
            </tr>
          [% END %]
        </table>
        <p>
          [% loc('If there’s a better contact address for the reports you are receiving, tell us by emailing support@fixmystreet.com and we’ll update it for you.') %]
        <p>
        <p>
          [% loc('You can find lots more information about FixMyStreet in <a href="/about/information-for-councils">our FAQs</a>. For anything else, please <a href="/contact">get in touch</a>') %]
        </p>
        [% END %]
    </div>
</div>

[% INCLUDE 'footer.html' %]