[%# 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.
  #%]

[%# INTERFACE:
  # This template has no interface. However, to use it, you need to fulfill
  # the interfaces of the templates it contains.
  #%]

[% js_data = BLOCK %]
var queryform = "reportform"
[% END %]

[% PROCESS global/header.html.tmpl
  title = "Generate Graphical Report"
  onload = "doOnSelectProduct(0); chartTypeChanged()"
  yui = [ 'autocomplete', 'calendar' ]
  javascript = js_data
  javascript_urls = [ "js/util.js", "js/TUI.js", "js/field.js" ]
  style_urls = [ "skins/standard/search_form.css" ]
  doc_section = "reporting.html#reports"
%]

[% PROCESS "search/search-report-select.html.tmpl" %]

<p>
  Choose one or more fields as your axes, and then refine your set of 
  [% terms.bugs %] using the rest of the form.
</p>

<script type="text/javascript"><!--
  [%# The Y-axis fields are not used for pie charts %]
  function chartTypeChanged() {
    // format[2] is the pie chart radio button
    if (document.reportform.format[2].checked == true) {
      document.reportform.y_axis_field.disabled = true;
      document.reportform.cumulate[0].disabled = true;
      document.reportform.cumulate[1].disabled = true;
    } else {
      document.reportform.y_axis_field.disabled = false;
      document.reportform.cumulate[0].disabled = false;
      document.reportform.cumulate[1].disabled = false;
    }
  }
// -->
</script>

[% button_name = "Generate Report" %]

<form method="get" action="report.cgi" name="reportform" id="reportform">

<table align="center">
  <tr>
    <td valign="middle">
      <b>Vertical Axis:</b><br>
      <noscript><small>(not for pie charts)</small><br></noscript>
      [% PROCESS select name = 'y_axis_field' %]<br>
      <br>
        <b>Plot Data Sets:</b><br>
        <input type="radio" name="cumulate" value="0"
        [% " checked" IF default.cumulate.0 != "1" %]>
        Individually<br>
        <input type="radio" name="cumulate" value="1"
        [% " checked" IF default.cumulate.0 == "1" %]>
        Stacked
    </td>
    <td width="150" height="150">
      <table border="1" width="100%" height="100%">
        <tr>
          <td align="center" valign="middle">
            <b>Multiple Images:</b><br>
            [% PROCESS select name = 'z_axis_field' %]
          </td>
        </tr>
      </table>
    </td>
    <td rowspan="2">
      <b>Format:</b><br>
      [% chart_formats = [
        { name => "line", description => "Line Graph" },
        { name => "bar",  description => "Bar Chart" },
        { name => "pie",  description => "Pie Chart" } ] %]
      [% default.chart_format.0 = default.chart_format.0 || "bar" %]

      [% FOREACH chart_format = chart_formats %]
        <input type="radio" name="format"
               value="[% chart_format.name FILTER html %]"
               onchange="chartTypeChanged()"
          [% " checked" IF default.chart_format.0 == chart_format.name %]>
          [% chart_format.description FILTER html %]<br>
      [% END %]
    </td>
  </tr>

  <tr>
    <td>
    </td>
    <td align="left">
      <b>Horizontal Axis:</b>
      [% PROCESS select name = 'x_axis_field' %]<br>
      <label for="x_labels_vertical"><b>Vertical labels:</b></label>
      <input type="checkbox" name="x_labels_vertical" id="x_labels_vertical"
             value="1"
         [% " checked" IF default.x_labels_vertical.0 == "1" %]>
     </td>
    <td>
    </td>
  </tr>
</table>

<hr>

[% PROCESS search/form.html.tmpl %]

[% PROCESS "search/boolean-charts.html.tmpl" %]

  <div id="knob">
    <input type="submit" id="[% button_name FILTER css_class_quote %]"
           value="[% button_name FILTER html %]">
    <input type="hidden" name="action" value="wrap">
  </div>
</form>

[% PROCESS global/footer.html.tmpl %]
