[% permissions = c.user.permissions(c, problem.bodies_str) %]
[% second_column = BLOCK -%]
  <div id="side-inspect">
    [% INCLUDE 'errors.html' %]

    <form id="report_inspect_form" method="post" action="[% c.uri_for( '/report', problem.id ) %]">

      <div class="inspect-section">
        <p>
          <strong>[% loc('Report ID:') %]</strong>
          <span class="js-report-id">[% problem.id %]</span>
        </p>
        <p>
          [% SET local_coords = problem.local_coords; %]
          [% IF local_coords %]
              <strong>[% loc('Easting/Northing:') %]</strong>
              <span id="problem_easting">[% local_coords.0 %]</span>,
              <span id="problem_northing">[% local_coords.1 %]</span>
          [% ELSE %]
              <strong>[% loc('Latitude/Longitude:') %]</strong>
              <span id="problem_latitude">[% problem.latitude %]</span>
              <span id="problem_longitude">[% problem.longitude %]</span>,
          [% END %]
          <input type="hidden" name="longitude" value="[% problem.longitude %]">
          <input type="hidden" name="latitude" value="[% problem.latitude %]">
        </p>
        <p>
          <a target="_blank" href="https://www.google.com/maps/dir/Current+Location/[% problem.latitude %],[% problem.longitude %]" class="btn btn--block btn--navigate">[% loc('Navigate to this problem') %]</a>
        </p>
        <p>
          <a href="#" class="btn btn--block btn--geolocate" id="geolocate_link">[% loc('Set to my current location') %]</a>
        </p>
      </div>

    [% IF permissions.report_edit_category OR permissions.report_inspect %]
      <div class="inspect-section">
        <p>
          <label for="category">[% loc('Category') %]</label>
            [%# XXX this is duplicated from admin/report_edit.html, should be refactored %]
          <select name="category" id="category" class="form-control">
            [% IF NOT problem.category OR NOT categories.grep(problem.category).size %]
            <optgroup label="[% loc('Existing category') %]">
              <option selected value="[% problem.category | html %]">[% (problem.category OR '-') | html %]</option>
            </optgroup>
            [% END %]
            [% IF categories.size %]
              <optgroup label="[% loc('Available categories') %]">
                [% FOREACH cat IN categories %]
                  <option[% ' selected' IF problem.category == cat %]>[% cat | html %]</option>
                [% END %]
              </optgroup>
            [% END %]
          </select>
        </p>

        [% FOREACH category IN categories %]
          [% cat_prefix = category | lower | replace('[^a-z]', '') %]
          [% cat_prefix = "category_" _ cat_prefix _ "_" %]
          [% IF category == problem.category %]
            <p data-category="[% category | html %]" data-priorities="[% priorities_by_category.$category %]">
              [% INCLUDE 'report/new/category_extras_fields.html' %]
            </p>
          [% ELSE %]
            <p data-category="[% category | html %]" class="hidden" data-priorities="[% priorities_by_category.$category %]">
              [% INCLUDE 'report/new/category_extras_fields.html' report_meta='' %]
            </p>
          [% END %]
        [% END %]

        [% IF permissions.report_inspect %]
          [% PROCESS 'defect_type/format.html' %]
          <p>
            <label for="defect_type">[% loc('Defect type') %]</label>
            <select id="defect_type" name="defect_type" class="form-control">
              <option value=""[% ' selected' IF NOT problem.defect_type %]>-</option>
              [% FOREACH defect_type IN problem.defect_types %]
                <option[% ' selected' IF problem.defect_type_id == defect_type.id %] value="[% defect_type.id %]">[% defect_type_format() %]</option>
              [% END %]
            </select>
          </p>

          <p>
            <label for="state">[% loc('State') %]</label>
            [% INCLUDE 'report/inspect/state_groups_select.html' %]
          </p>
          <div id="js-duplicate-reports" class="[% "hidden" UNLESS problem.duplicate_of %]">
            <input type="hidden" name="duplicate_of" value="[% problem.duplicate_of.id %]">
            <p class="[% "hidden" UNLESS problem.duplicate_of %]"><strong>[% loc('Duplicate of') %]</strong></p>
            <p class="[% "hidden" IF problem.duplicate_of %]">[% loc('Which report is it a duplicate of?') %]</p>
            <ul class="item-list">
              [% IF problem.duplicate_of %]
                [% INCLUDE 'report/_item.html' item_extra_class = 'item-list--reports__item--selected' problem = problem.duplicate_of %]
                <li class="item-list__item"><a class="btn" href="#" id="js-change-duplicate-report">[% loc('Choose another') %]</a></li>
              [% END %]
            </ul>
          </div>
          [% IF problem.duplicates.size %]
            <p><strong>[% loc('Duplicates') %]</strong></p>
            <ul class="item-list">
              [% FOR duplicate IN problem.duplicates %]
                [% INCLUDE 'report/_item.html' problem = duplicate %]
              [% END %]
            </ul>
          [% END %]
        [% END %]

      </div>
    [% END %]

    [% IF permissions.report_edit_priority OR permissions.report_inspect %]
      <div class="inspect-section">
        <p>
          <label for="problem_priority">[% loc('Priority') %]</label>
          <select name="priority" id="problem_priority" class="form-control">
            <option value="" [% 'selected' UNLESS problem.response_priority_id %]>-</option>
            [% FOREACH priority IN problem.response_priorities %]
              <option value="[% priority.id %]" [% 'selected' IF problem.response_priority_id == priority.id %] [% 'disabled' IF priority.deleted %]>[% priority.name | html %]</option>
            [% END %]
          </select>
        </p>

        [% IF permissions.report_inspect %]
        <p>
          <label for="traffic_information">[% loc('Traffic management required?') %]</label>
          [% traffic_info = problem.get_extra_metadata('traffic_information') %]
          <select id="traffic_information" name="traffic_information" class="form-control">
            <option value=""[% ' selected' IF NOT traffic_info %]>-</option>
            [% FOREACH option IN problem.traffic_management_options %]
                <option value='[% option %]'[% ' selected' IF traffic_info == option %]>[% option %]</option>
            [% END %]
          </select>
        </p>
        <p>
          <label for="detailed_information">[% loc('Extra details') %]</label>
          <textarea rows="2" name="detailed_information" id="detailed_information" class="form-control">[% problem.get_extra_metadata('detailed_information') | html %]</textarea>
        </p>
        [% END %]

      </div>
    [% END %]

      <div class="inspect-section">

        [% IF permissions.report_inspect %]
          <p>
            <label class="label-containing-checkbox">
              <input type="checkbox" name="include_update" value="1" class="js-toggle-public-update" checked>
              [% loc('Save with a public update') %]
            </label>
          </p>
          <p>
            <label for="public_update">[% loc('Public update:') %]</label>
            [% INCLUDE 'admin/response_templates_select.html' for='public_update' %]
            <textarea rows="2" name="public_update" id="public_update" class="form-control">[% public_update | html %]</textarea>
          </p>
        [% END %]

        [% IF problem.get_extra_metadata('inspected') %]
          [% IF problem.whensent %]
            <p>[% loc("<strong>Note:</strong> This report has been sent onwards for action. Any changes made won't be passed on.") %]</p>
          [% ELSE %]
            <p>[% loc("<strong>Note:</strong> This report hasn't yet been sent onwards for action. Any changes made may not be passed on.") %]</p>
          [% END %]
        [% END %]

        <p>
          <input type="hidden" name="token" value="[% csrf_token %]">
          <input class="btn btn-primary" type="submit" value="[% loc('Save changes') %]" data-value-original="[% loc('Save changes') %]" data-value-duplicate="[% loc('Save + close as duplicate') %]" name="save" />
        </p>
      </div>

    </form>
  </div>
[%- END %]