<!-- These forms are for the rejection-map sub-project! -->

<p> Individual Map </p>
<!-- Individual Map(s) -->
<!-- Functions: individual_map_list + html_tag_list combined -->
<!-- unclear: is it possible to select only one userID or several? -->
<form action='/soupboat/{{base_url}}/api/label/rejection/individual_map/'>
    <!-- parameters for individual_map_list -->
    <label for="userID">userID</label>
    <input list="userIDs" id="userID" name="userID" multiple />
    <datalist id="userIDs">
      <option value="1">
      <option value="2">
      <option value="3">
      <option value="4">
      <option value="5">
    </datalist>
<br>
    <!-- parameters for html_tag_list -->    
    <label for='position'>Position</label>
    <input type="checkbox" name='position'>
    <label for='text'>Text</label>
    <input type="checkbox" name='position'>
    <label for='timestamp'>Timestamp</label>
    <input type="checkbox" name='position'>
    <label for='UserID'>UserID</label>
    <input type="checkbox" name='position'>
    
    <button type="submit" value="Submit">Create Individual Map</button>
</form>

<br>
<br>

<p> Vernacular Map </p>
<!-- Vernacular Map -->
<!-- Functions: vernacular_map_list -->
<form action='/soupboat/{{base_url}}/api/vernacular_map/?image=rejection_map.jpg/'>    
    <button type="submit" value="Submit">Create Vernacular Map</button>
</form>

<br>
<br>

<p> Area Map </p>
<!-- Functions: area_map_list + html_tag_list combined -->
<form action='/soupboat/{{base_url}}/api/area_map/?image=rejection_map.jpg/'>
    <!-- parameters for area_map_list --> 
    <label for='left'>left</label>
    <input type="number" name='left'>
    <label for='right'>right</label>
    <input type="number" name='right'>
    <label for='top'>top</label>
    <input type="number" name='top'>
    <label for='bottom'>bottom</label>
    <input type="number" name='bottom'>
<br>
    <!-- parameters for html_tag_list -->     
    <label for='position'>Position</label>
    <input type="checkbox" name='position'>
    <label for='text'>Text</label>
    <input type="checkbox" name='position'>
    <label for='timestamp'>Timestamp</label>
    <input type="checkbox" name='position'>
    <label for='UserID'>UserID</label>
    <input type="checkbox" name='position'>
    
    <button type="submit" value="Submit">Create Area Map</button>
</form>

<br>
<br>

<p> Target Map </p>
<!-- Target Map -->
<!-- Functions: target_map_list + html_tag_list combined -->
<form action='/soupboat/{{base_url}}/api/target_map/?image=rejection_map.jpg/'>
    <!-- parameters for target_map_list -->
    <label for='targets'>targets</label>
    <input class='list-input' type="text" name='targets'>
<br>
    <!-- parameters for html_tag_list -->    
    <label for='position'>Position</label>
    <input type="checkbox" name='position'>
    <label for='text'>Text</label>
    <input type="checkbox" name='position'>
    <label for='timestamp'>Timestamp</label>
    <input type="checkbox" name='position'>
    <label for='UserID'>UserID</label>
    <input type="checkbox" name='position'>
    
    <button type="submit" value="Submit">Create Target Map</button>
</form>

<br>
<br>

<p> Highlight Map </p>
<!-- Highlight Map -->
<!-- Functions: highlight_map_list -->
<form action='/soupboat/{{base_url}}/api/highlight_map/?image=rejection_map.jpg/'>
    <!-- parameters for highlight_map_list -->
    <label for='target'>target</label>
    <input type="text" name='target'>
    
    <button type="submit" value="Submit">Create Highlight Map</button>
</form>

<br>
<br>

<p> Ghost Map </p>
<!-- Ghost Map -->
<!-- Functions: ghost_map_list -->
<form action='/soupboat/{{base_url}}/api/ghost_map/?image=rejection_map.jpg/'>

    <label for='ghost_glyph'>ghost glyph</label>
    <input type="text" name='ghost_glyph'>
    
    <button type="submit" value="Submit">Create Ghost Map</button>
</form>

<br>
<br>


<script src="/soupboat/si16-app/static/js/inputList.js" defer ></script> 