<script type="text/javascript">

function change_hostid(){

    var hosts = JSON.parse(document.formu.hosts.value)
    
    var region
    region = document.formu.regionId[document.formu.regionId.selectedIndex].value


    if (region != 0) {
	var n =0
	for (var i in hosts) {
	
		if (hosts[i].regionId == region){
		    n++
		    document.formu.hostId.length = n + 1 
		
                    document.formu.hostId.options[n].value=hosts[i].hostId
			
                    document.formu.hostId.options[n].text=hosts[i].hostId
		}
        }

    }else{
       
       document.formu.hostId.length = 1
       
       document.formu.hostId.options[0].value = "-"
       document.formu.hostId.options[0].text = "-"
    }
    
    document.formu.hostId.options[0].selected = true
} 
</script>

<%- include _template.ejs %>

	  
  	
  	<section>
<header>
  <h3> OWD Scheduled Tests </h3>
</header>

<table class='table table-striped table-bordered table-condensed'>
  <thead>
    <tr>
      <th>RegionId</th>
      <th>HostId</th>
      <th>Frequency</th>
      <th>Actions</th>
    </tr>
  </thead>
  

<tbody>
  <% for (var i in scheduled) { %>
    <tr>
       <td> <%= scheduled[i].regionIdDestination %> </td>
       <td> <%= scheduled[i].hostDestination  %>  </td>
       <td> <%= scheduled[i].frequency %> </td>
       <td> 
            <form class='form-inline pull-right' method='post' action='/config/scheduled/<%= scheduled[i]._id %>'>
              <input type='hidden' name='_method' value='delete'>
                <button type="submit" class='btn btn-danger btn-mini'> 
                  <i class='icon-edit icon-white'></i> Stop 
                </button>
              
            </form>
            
              <% if (i==0){ %>
              <a class='form-inline pull-right' href='/config/scheduled/<%= scheduled[i]._id %>'>
              
                <button type="submit" class='btn btn-warning btn-mini'> 
                  <i class='icon-edit icon-white'></i> Edit 
                </button>
              
              </a>
              <% } %>
       </td> 
    </tr>
  <%  }; %>
  </tbody>
  
</table>

<footer>
  
</footer>

</section>
  	 
	  <form class="form-horizontal" method='POST' action='/config/scheduled/new' name="formu">
  <fieldset>
	<input type="hidden" id="inputRegion" name="hosts" placeholder="regionID" value = <%=JSON.stringify(hosts)%> >

	 
	    <fieldset>
		
		    <legend>New scheduled test</legend>
		    <br>
		    
		    <input type='hidden' name='type' value='owd'>
		    		    
		    <div class="control-group">
				<label class="control-label" for="inputRegion">regionID</label>
				<div class="controls">
					
				   <select id="inputRegion" name="regionId" onchange="change_hostid()" >
		      			<option></option>
					  <%for (var n in region) {
					    %>
					      <option><%=region[n]%></option>
					    <%
					  }%>
				   </select>
				</div>
				
			</div>
			
			<div class="control-group">
				<label class="control-label" for="inputHostId">hostID</label>
				<div class="controls">
					<select id="inputHostId" name="hostId">
		      <option></option>
 
                </select>
				</div>
			</div>
			
				<div class="control-group">
				<label class="control-label" for="inputFequency">Frequency</label>
				<div class="controls">
					<input type="text" id="inputPublicIp" name="frequency" placeholder="-- min">
				</div>
			</div>
			
		    
		    <div class="form-actions">
		    	<button type="submit" class="btn btn-primary">Save changes</button>
		    	<button type="button" class="btn">Cancel</button>
		    </div>
	    
	    </fieldset>
    </form>

    
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	</div>
  </div>
 </div>

</body>
