[% IF permissions.report_instruct %]

[% IF problem.get_extra_metadata('inspected') AND NOT errors %]

<dl>
    <dt>Defect category</dt>
    <dd>[% problem.get_extra_metadata('defect_item_category') %]</dd>

    <dt>Defect type</dt>
    <dd>[% problem.get_extra_metadata('defect_item_type') %]</dd>

    <dt>Defect detail</dt>
    <dd>[% problem.get_extra_metadata('defect_item_detail') %]</dd>

    <dt>Location description</dt>
    <dd>[% problem.get_extra_metadata('defect_location_description') %]</dd>

    <dt>Traffic management required?</dt>
    <dd>[% problem.get_extra_metadata('traffic_information') %]</dd>
</dl>

[% ELSE %]

<div id="js-inspect-action-scheduled" class="[% "hidden" UNLESS problem.state == 'action scheduled' %]">

  <p>[% loc('Do you want to automatically raise a defect?') %]</p>
  <p class="segmented-control segmented-control--radio">
      <input type="radio" name="raise_defect" id="raise_defect_yes" value="1" data-show=".js-inspect-defect-yes">
      <label class="btn" for="raise_defect_yes">[% loc('Yes') %]</label>
      <input type="radio" name="raise_defect" id="raise_defect_no" value="0" data-hide=".js-inspect-defect-yes">
      <label class="btn" for="raise_defect_no">[% loc('No') %]</label>
  </p>

    <div class="js-inspect-defect-yes hidden-js">

        <p>Please fill in the below:</p>

        <label for="defect_item_category">Defect category</label>
        <select id="defect_item_category" name="defect_item_category" class="form-control" required>
            <option value="">-- Pick a category --</option>
            <option data-show=".defect-minor-carriageway-options"
                data-hide=".defect-non-minor-carriageway-options">
                Minor Carriageway
            </option>
            <option data-show=".defect-minor-carriageway-options"
                data-hide=".defect-non-minor-carriageway-options">
                Footway/ Cycleway
            </option>
            <option data-show=".defect-kerb-options"
                data-hide=".defect-non-kerb-options">
                Kerbing
            </option>
            <option data-show=".defect-drainage-options"
                data-hide=".defect-non-drainage-options">
                Drainage
            </option>
        </select>

        <label for="defect_item_type">Defect type</label>
        <select id="defect_item_type" name="defect_item_type" class="form-control" required>
            <option value="">-- Pick a type --</option>
            <optgroup class="defect-pothole-options defect-non-fill-options defect-non-cluster-options defect-minor-carriageway-options defect-non-kerb-options defect-non-drainage-options" label="Minor Carriageway/ Footway/ Cycleway">
                <option>Pothole (Permanent)</option>
            <optgroup class="defect-fill-options defect-minor-carriageway-options defect-non-kerb-options defect-non-drainage-options" label="Minor Carriageway/ Footway/ Cycleway">
                <option>Sweep &amp; Fill</option>
            </optgroup>
            <optgroup class="defect-kerb-options defect-non-fill-options defect-non-minor-carriageway-options defect-non-drainage-options" label="Kerbing">
                <option>Damaged</option>
                <option>Loose</option>
                <option>Misaligned Single Units or Uneven Run of Units</option>
                <option>Missing</option>
            </optgroup>
            <optgroup class="defect-drainage-options defect-non-kerb-options defect-non-minor-carriageway-options" label="Drainage">
                <option>Blockage</option>
            </optgroup>
        </select>

        <label for="defect_item_detail">Defect detail</label>
        <select id="defect_item_detail" name="defect_item_detail" class="form-control" required>
            <option value="">-- Pick a detail --</option>
            <optgroup class="defect-fill-options defect-minor-carriageway-options defect-non-cluster-options defect-non-pothole-options defect-non-kerb-options defect-non-drainage-options"
                data-show="defect-fill-options" data-hide="defect-non-fill-options"
                label="Sweep &amp; Fill">
                <option>0-1m&sup2;</option>
                <option>1-2m&sup2;</option>
            </optgroup>
            <optgroup class="defect-pothole-options defect-minor-carriageway-options defect-non-cluster-options defect-non-fill-options defect-non-kerb-options defect-non-drainage-options"
                data-show="defect-pothole-options" data-hide="defect-non-pothole-options"
                label="Pothole (Permanent)">
                <option>0-1m&sup2;</option>
                <option>1-2m&sup2;</option>
            </optgroup>
            <optgroup class="defect-kerb-options defect-non-minor-carriageway-options defect-non-drainage-options" label="Kerbing">
                <option>1 kerb unit or I liner length</option>
                <option>Greater than 1 kerb unit or I liner length</option>
            </optgroup>
            <optgroup class="defect-drainage-options defect-non-kerb-options defect-non-minor-carriageway-options" label="Drainage">
                <option>Blockage raised as a defect</option>
            </optgroup>
        </select>

        <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 %]>&nbsp;</option>
            [% FOREACH option IN ['Signs and Cones', 'Stop and Go Boards'] %]
                <option value='[% option %]'[% ' selected' IF traffic_info == option %]>[% option %]</option>
            [% END %]
        </select>

        <label for="defect_location_description">Location description</label>
        <textarea rows="2" id="defect_location_description" name="defect_location_description" class="form-control"></textarea>

    </div>

</div>

[% END %]

[% END %]