&pageTitle;

&sad.message;

<div class="message">&sad.lastSite;</div>
      <input id="last-url" type="url" placeholder="&sad.urlPlaceholder;"/>
      <div class="fine-print">&feedback.privacy;</div>
      <input class="send-feedback" type="submit" value="&feedback.send;"/>
    </form>
  </section>

<section id="idea">
    <form onsubmit="sendFeedback(event);">
      <div class="message">&idea.message;</div>
      <textarea class="description" placeholder="&idea.placeholder;" rows="8" required="true"/>
      <div class="fine-print">&feedback.privacy;</div>
      <input class="send-feedback" type="submit" value="&feedback.send;"/>
    </form>
  </section>

<section id="thanks-sad">
    <h1 class="header">&sad.thanksHeader;</h1>
    <div class="message-box-bottom">
      <div class="message">&sad.thanksMessageTop;</div>
      <div class="message">&sad.thanksMessageBottom;</div>
    </div>
  </section>

<section id="thanks-idea">
    <h1 class="header">&idea.thanksHeader;</h1>
    <div class="message-box-bottom">
      <div class="message">&idea.thanksMessageTop;</div>
      <div class="message">&idea.thanksMessageBottom;</div>
    </div>
  </section>

Cu.import("resource://gre/modules/Services.jsm");

function dump(a) {
      Services.console.logStringMessage(a);
    }

function sendMessageToJava(aMessage) {
      Cc["@mozilla.org/android/bridge;1"].getService(Ci.nsIAndroidBridge).
                                          handleGeckoMessage(JSON.stringify(aMessage));
    }

function init() {
      let sumoLink = Services.urlFormatter.formatURLPref("app.support.baseURL");
      document.getElementById("sumo-link").href = sumoLink;

window.addEventListener("popstate", function (aEvent) {
        updateActiveSection(aEvent.state ? aEvent.state.section : "intro")
      }, false);

// Fill "Last visited site" input with most recent history entry URL.
      Services.obs.addObserver(function observer(aSubject, aTopic, aData) {
        document.getElementById("last-url").value = aData;
      }, "Feedback:LastUrl", false);

sendMessageToJava({ type: "Feedback:LastUrl" });
    }

function uninit() {
      Services.obs.removeObserver(this, "Feedback:LastUrl");
    }

function switchSection(aSection) {
      history.pushState({ section: aSection }, aSection);
      updateActiveSection(aSection);
    }

function updateActiveSection(aSection) {
      document.querySelector("section[active]").removeAttribute("active");
      document.getElementById(aSection).setAttribute("active", true);
    }

function openPlayStore() {
      sendMessageToJava({ type: "Feedback:OpenPlayStore" });

window.close();
    }

function maybeLater() {
      window.close();

sendMessageToJava({ type: "Feedback:MaybeLater" });
    }

function sendFeedback(aEvent) {
      // Prevent the page from reloading.
      aEvent.preventDefault();

let section = history.state.section;

// Sanity check.
      if (section != "sad" && section != "idea") {
        Cu.reportError("Trying to send feedback from an invalid section: " + section);
        return;
      }

let sectionElement = document.getElementById(section);
      let descriptionElement = sectionElement.querySelector(".description");

// Bail if the description value isn't valid. HTML5 form validation will take care
      // of showing an error message for us.
      if (!descriptionElement.validity.valid)
        return;

let data = new FormData();
      data.append("description", descriptionElement.value);

if (section == "sad") {
        data.append("_type", 2);

let urlElement = document.getElementById("last-url");
        // Bail if the URL value isn't valid. HTML5 form validation will take care
        // of showing an error message for us.
        if (!urlElement.validity.valid)
          return;

// Only send a URL string if the user provided one.
        if (urlElement.value) {
          data.append("add_url", true);
          data.append("url", urlElement.value);
        }
      } else {
        // Otherwise we're in the "idea" section.
        data.append("_type", 3);        
      }

let sysInfo = Cc["@mozilla.org/system-info;1"].getService(Ci.nsIPropertyBag2);
      data.append("device", sysInfo.get("device"));
      data.append("manufacturer", sysInfo.get("manufacturer"));

let req = new XMLHttpRequest();
      req.addEventListener("error", function() {
        Cu.reportError("Error sending feedback to input.mozilla.org: " + req.statusText);
      }, false);
      req.addEventListener("abort", function() {
        Cu.reportError("Aborted sending feedback to input.mozilla.org: " + req.statusText);
      }, false);

let postURL = Services.urlFormatter.formatURLPref("app.feedback.postURL");
      req.open("POST", postURL, true);
      req.send(data);

switchSection("thanks-" + section);
    }
  ]]></script>

</body>
</html>

&intro.header;

&happy.header;