[%# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
#
# This Source Code Form is "Incompatible With Secondary Licenses", as
# defined by the Mozilla Public License, v. 2.0.%]

[% PROCESS global/variables.none.tmpl %]
[% title = BLOCK %]Enter [% terms.Bug %] [% END %]
[% PROCESS bug_modal/common_header.html.tmpl 
    title = title
    jquery = [ "selectize" ]
    jquery_css = [ "js/jquery/plugins/selectize/selectize.default.css" ]
    javascript_urls = ['extensions/BugModal/web/new_bug.js']
%]
[% PROCESS global/header.html.tmpl %]
<p>Coming Soon!</p>
<p>This is a demonstration of a reusable comment component</p>

<form name="newbugform" id="newbugform" method="post" action="new_bug.cgi">

<input type="hidden" value="[% issue_hash_token(['new_bug']) FILTER html %]" name="token">

[% WRAPPER bug_modal/module.html.tmpl
    title = ""
%]
    <div id="summary-container">
    [%# summary %]
    [% INCLUDE bug_modal/field.html.tmpl
        field = bug_fields.short_desc
        field_type = constants.FIELD_TYPE_FREETEXT
        edit_only = 1
        editable = 1
        required = 1
        help = "https://wiki.mozilla.org/BMO/UserGuide/BugFields#short_desc"
    %]
    
  </div>
  <div id="mode-container">
    <div id="user-guide">
      <a title="User guide for [% terms.Bugzilla %]" href="#">Get help with this page</a>
    </div>
  </div>
[%END%]


[%# === status === %]

[% WRAPPER bug_modal/module.html.tmpl
    title = "Status"
%]
  [% WRAPPER fields_lhs %]

    [%# product %]
    [% can_edit_product   = bug.check_can_change_field("product", 0, 1) %]
    [% filtered_product   = bug.product_obj.name FILTER uri %]
    [% filtered_component = bug.component_obj.name FILTER uri %]
    [% WRAPPER bug_modal/field.html.tmpl
        field        = bug_fields.product
        field_type   = constants.FIELD_TYPE_SINGLE_SELECT
        edit_only = 1
        editable = 1
        help         = "describecomponents.cgi?product=$filtered_product"
    %]
      <span aria-owns="product-name product-latch">
        <span role="button" aria-label="show product information" aria-expanded="false" tabindex="0"
              class="spin-latch" id="product-latch" data-latch="product" data-for="product">&#9656;</span>
        <div title="show product information" tabindex="0" class="spin-toggle"
             id="product-name" data-latch="product" data-for="product">
          [% bug.product FILTER html %]
        </div>
        <div id="product-info" style="display:none">
          [% bug.product_obj.description FILTER html_light %]
        </div>
      </span>
    [% END %]
    [% WRAPPER bug_modal/field.html.tmpl
        field          = bug_fields.product
        field_type     = constants.FIELD_TYPE_SINGLE_SELECT
        hide_on_view   = 1
        hide_on_edit   = !can_edit_product
        append_content = 1
        help           = "describecomponents.cgi?product=$filtered_product"
    %]
      <span id="product-search-container">
        [% INCLUDE prodcompsearch/form.html.tmpl
            id            = "pcs"
            custom_select = 1
            hidden        = 1
            throbber      = "product-throbber"
        %]
        <button id="product-search" type="button" class="minor">Search</button>
        <button id="product-search-cancel" type="button" class="minor" style="display:none">X</button>
        <img id="product-throbber" src="extensions/BugModal/web/throbber.gif"
          width="16" height="11" style="display:none">
        <img id="product-search-error" class="tt" src="extensions/BugModal/web/error.png"
          width="16" height="16" style="display:none">
      </span>
    [% END %]

    [%# component %]
    [% WRAPPER bug_modal/field.html.tmpl
        field      = bug_fields.component
        field_type = constants.FIELD_TYPE_SINGLE_SELECT
        help       = "describecomponents.cgi?product=$filtered_product&component=$filtered_component#$filtered_component"
        edit_only = 1
        editable = 1
    %]
      <span aria-owns="component-name component-latch">
        <span role="button" aria-label="show component description" aria-expanded="false" tabindex="0"
              class="spin-latch" id="component-latch" data-latch="component" data-for="component">&#9656;</span>
        <div title="show component information" tabindex="0" class="spin-toggle" id="component-name"
             data-latch="#component-latch" data-for="component">
            [% bug.component FILTER html %]
        </div>
        <div id="component-info" style="display:none">
          <div>[% bug.component_obj.description FILTER html_light %]</div>
          <a href="buglist.cgi?component=[% bug.component FILTER uri %]&amp;
                  [%~ %]product=[% bug.product FILTER uri %]&amp;
                  [%~ %]bug_status=__open__" target="_blank">Other [% terms.Bugs %]</a>
        </div>
      </span>
    [% END %]
  [% END %]
  [% WRAPPER fields_rhs %]
  <td colspan="2" id="comp_desc_container">
    <table>
        <tr>
          <td>
            <fieldset>
              <legend>Component Description</legend>
              <div id="comp_desc" class="comment">Select a component to read its description.</div>
            </fieldset>
          </td>
        </tr>
      </table>
    </td>
  [% END %]
[% END %]

[%# === tracking === %]

[% WRAPPER bug_modal/module.html.tmpl
  title = "Tracking"
  subtitle = sub
  collapsed = col
%]
  [% WRAPPER fields_lhs %]

    [%# version %]
    [% INCLUDE bug_modal/field.html.tmpl
        field = bug_fields.version
        field_type = constants.FIELD_TYPE_SINGLE_SELECT
        help = "https://wiki.mozilla.org/BMO/UserGuide/BugFields#version"
        edit_only = 1
        editable = 1
    %]
    
 [% END %]
[% END %]

[% BLOCK fields_lhs %]
  <div class="fields-lhs">[% content FILTER none %]</div>
[% END %]

[% BLOCK fields_rhs %]
  <div class="fields-rhs">[% content FILTER none %]</div>
[% END %]

[%
    IF user.id;
      INCLUDE bug_modal/common_new_comment.html.tmpl;
    ELSE;
      %]
        <div id="new-comment-notice">
          You need to <a href="new-bug&amp;GoAheadAndLogIn=1">log in</a>
          before you can file a [% terms.bug %].
        </div>
      [%
    END;
  %]

<div style="display: none" id="xhr-error"></div>
<button type="submit" id="commit-btn" class="create-btn major">Create New [% terms.Bug %]</button>
</form>
[% PROCESS global/footer.html.tmpl %]