{{ block title }}
   <font color = "blue"><p style="text-align:center;"> Survey </font>
{{ endblock }}
{{ block content }}

  <p style="text-align:justify;">
     1. Your gender:
  <br>
  <form>
  <input type="radio" name="sex" value="male"> Male
  <input type="radio" name="sex" value="female"> Female
  </form>

<form>
<label> 2. Your age: </label>
<select>
<option value = "15"> 15 </option>
<option value = "16"> 16 </option>
<option value = "17"> 17 </option>
<option value = "18"> 18 </option>
<option value = "19"> 19 </option>
<option value = "20"> 20 </option>
<option value = "21"> 21 </option>
<option value = "22"> 22 </option>
<option value = "23"> 23 </option>
<option value = "24"> 24 </option>
<option value = "25"> 25 </option>
<option value = "26"> 26 </option>
<option value = "27"> 27 </option>
<option value = "28"> 28 </option>
<option value = "29"> 29 </option>
<option value = "30"> 30 </option>
<option value = "31"> 31 </option>
<option value = "32"> 32 </option>
<option value = "33"> 33 </option>
<option value = "34"> 34 </option>
<option value = "35"> 35 </option>
<option value = "36"> 36 </option>
<option value = "37"> 37 </option>
<option value = "38"> 38 </option>
<option value = "39"> 39 </option>
<option value = "40"> 40 </option>
<option value = "41"> 41 </option>
<option value = "42"> 42 </option>
<option value = "43"> 43 </option>
<option value = "44"> 44 </option>
<option value = "45"> 45 </option>
<option value = "46"> 46 </option>
<option value = "47"> 47 </option>
<option value = "48"> 48 </option>
<option value = "49"> 49 </option>
<option value = "50"> 50 </option>
</select>
</form>
<br>
     3. Your occupation:
<br>
  <form>
  <input type="radio" name="occupation" value="Undergraduate Student"> Undergraduate Student
  <input type="radio" name="occupation" value="Graduate Student"> Graduate Student
 <input type="radio" name="occupation" value="Other"> Other
  </form>
<br>
    4. {{ formfields }}
<br>
    5. On average, how many hours of television do you watch per week (including shows that are prerecorded, on DVD, etc. and not including movies)?
  <br>
  <form>
  <input type="radio" name="weekly hours" value="Less than 1 hour"> Less than 1 hour
  <input type="radio" name="weekly hours" value="2-4 hours"> 2-4 hours
      <input type="radio" name="weekly hours" value="4-8 hours"> 4-8 hours
      <input type="radio" name="weekly hours" value="12-16 hours"> 12-16 hours
      <input type="radio" name="weekly hours" value="20 hours and above"> 20 hours and above
  </form>
<br>
    6. Do you have any experience with online recommendations (e.g., recommendations generated by Amazon or Netflix)?
<br>
  <form>
  <input type="radio" name="Experience" value="Yes"> Yes, I have used Recommender Systems before.
  <br>
  <input type="radio" name="Experience" value="No"> No, I have never used Recommender Systems.
  </form>
<br>
   7. Please answer this question if you answered 'Yes' in question 6. <br>Otherwise, you can skip this question and directly go to the next page.
<br>
How userful do you generally find online recommendations to be?
<br>
 <table id="likert">
     <tr>
         <td><input type="radio" name="Not At All Useful" value="1" /></td>
         <td><input type="radio" name="Guilty" value="2" /></td>
         <td><input type="radio" name="Guilty" value="3" /></td>
         <td><input type="radio" name="Guilty" value="4" /></td>
         <td><input type="radio" name="Guilty" value="5" /></td>
         <td><input type="radio" name="Guilty" value="6" /></td>
         <td><input type="radio" name="Very Useful" value="7" /></td>
     </tr>
     <tr>
         <td>1 <br>(Not At <br>All Useful)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td> 2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td> 3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>
         <td> 4 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td> 5 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td> 6 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
         <td>7 (Very <br>Useful) </td>
     </tr>
  </table>
    </p>

    {{ next_button }}
{{ endblock }}