<!DOCTYPE html>
<html>
    <head>
        <title>WKFS Product Survey</title>

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://documentation.wolterskluwerfs.com/Help/resources/font-awesome/4.6.3/css/font-awesome.min.css" />

        <link rel="stylesheet" href="https://documentation.wolterskluwerfs.com/Help/resources/Survey/css/survey.css">
    </head>
    <body>

      <script>
          document.write("<legend><span class='productName'>" + window.parent.$("#ug-name").text() + "</span><br/>Product Survey</legend>");
      </script>


      <form name="surveyform" method="post" action="https://documentation.wolterskluwerfs.com/Help/resources/Survey/thankyou.php">
          <fieldset>

            <table>
                <col width="40%">
                <col width="60%">
                <tr>
                    <td>
                        <label for="email">1. Please enter your email address.</label>
                    </td>
                    <td>
                        <input id="email" name="email" type="text" placeholder="" class="form-control input-md">
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="recommendProduct">2. How likely is it that you would recommend this product?</label>
                    </td>
                    <td>
                        <select id="recommendProduct" name="recommendProduct" class="form-control">
                            <option value="Very likely">Very likely</option>
                            <option value="Somewhat likely">Somewhat likely</option>
                            <option value="Uncertain">Uncertain</option>
                            <option value="Somewhat unlikely">Somewhat unlikely</option>
                            <option value="Very unlikely">Very unlikely</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="satisfiedProduct">3. Overall, how satisfied or dissatisfied are you with the product?</label>
                    </td>
                    <td>
                        <select id="satisfiedProduct" name="satisfiedProduct" class="form-control">
                            <option value="Very satisfied">Very satisfied</option>
                            <option value="Somewhat satisfied">Somewhat satisfied</option>
                            <option value="Neither satisfied nor dissatisfied">Neither satisfied nor dissatisfied</option>
                            <option value="Somewhat dissatisfied">Somewhat dissatisfied</option>
                            <option value="Very dissatisfied">Very dissatisfied</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="describeProduct">4. Which of the following<br>would you use to describe<br>the product?<br>Select all that apply.</label>
                    </td>
                    <td>
                        <div class="checkbox">
                            <label for="describeProduct-0">
                                <input type="checkbox" name="describeProduct" id="describeProduct-0" value="Reliable">
                                Reliable
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-1">
                                <input type="checkbox" name="describeProduct" id="describeProduct-1" value="High Quality">
                                High Quality
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-2">
                                <input type="checkbox" name="describeProduct" id="describeProduct-2" value="Useful">
                                Useful
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-3">
                                <input type="checkbox" name="describeProduct" id="describeProduct-3" value="Unique">
                                Unique
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-4">
                                <input type="checkbox" name="describeProduct" id="describeProduct-4" value="Good value for money">
                                Good value for money
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-5">
                                <input type="checkbox" name="describeProduct" id="describeProduct-5" value="Overpriced">
                                Overpriced
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-6">
                                <input type="checkbox" name="describeProduct" id="describeProduct-6" value="Impractical">
                                Impractical
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-7">
                                <input type="checkbox" name="describeProduct" id="describeProduct-7" value="Ineffective">
                                Ineffective
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-8">
                                <input type="checkbox" name="describeProduct" id="describeProduct-8" value="Poor quality">
                                Poor quality
                            </label>
                        </div>
                        <div class="checkbox">
                            <label for="describeProduct-9">
                                <input type="checkbox" name="describeProduct" id="describeProduct-9" value="Unreliable">
                                Unreliable
                            </label>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="needsProduct">5. How well does this product<br>meet your needs?</label>
                    </td>
                    <td>
                        <select id="needsProduct" name="needsProduct" class="form-control">
                            <option value="Extremely well">Extremely well</option>
                            <option value="Very well">Very well</option>
                            <option value="Somewhat well">Somewhat well</option>
                            <option value="Not so well">Not so well</option>
                            <option value="Not well at all">Not well at all</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>
                        <label for="qualityProduct">6. How would you rate the quality of the product?</label>
                    </td>
                    <td>
                        <select id="qualityProduct" name="qualityProduct" class="form-control">
                            <option value="Very high">Very high</option>
                            <option value="High">High</option>
                            <option value="Neither high nor low">Neither high nor low</option>
                            <option value="Low">Low</option>
                            <option value="Very low">Very low</option>
                        </select>
                    </td>
                </tr>

            </table>

          </fieldset>


          <input type="hidden" id="txtApp" name="app" value="" />
          <script>
              var url = (window.location !== window.parent.location)
                      ? document.referrer
                      : document.location.href;
              if (/SurveyTest/.test(url)) {
                  var AppVal = "Security Administration";
              } else if (/PubAssistFTP/.test(url)) {
                  var AppVal = "PubAssist FTP";
              }
              document.getElementById('txtApp').value = AppVal;
              //document.write("<b>Application: </b>" + AppVal);
          </script>


          <button type="submit"
                  id="feedbackSubmit"
                  class="btn btn-success btn-lg"
                  data-loading-text="Sending..."
                  style="display: block; margin-top: 10px; margin-left: 10px; text-align:right">
              <i class="fa fa-send-o fa-1x pull-left">&nbsp;<span class="submitbtn">&nbsp;Submit</span></i>
          </button>
      </form>



    </body>
</html>
