{% load staticfiles %}
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="{% static 'remie/js/jquery-1.11.2.min.js' %}"></script>
<script type="text/javascript">
	$(document).ready(function(){
	    $("#iframe_update_button").click(function(){
	        var default_url = "{% url 'remie_segment' %}";
	        var project_id = $("#project_id").val();
	        var group_mode = $("#group_mode").is(":checked");
	        
	        
	        var final_url = default_url+"?project_id="+project_id+"&group_mode="+group_mode;
	        $("#remie_workunit_iframe").attr("src", final_url);
	    });
	});
</script>
</head>
<body>
<div style="float:left; width:1191px; height:200px;">
<label>Id projet: </label><br><input id="project_id" type="text"></input><br><br>
<label>Mode groupe: </label><input id="group_mode" type="checkbox"></input><br><br>
<input id="iframe_update_button" type="button" value="Générer"></input>
<input id="copy_button" type="button" value="Copier"></input>
</div>
<div style="width:1191px; height:625px; outline: 1px;" id="remie_iframe_container">
  <iframe id="remie_workunit_iframe" width="1191" height="625" src=""></iframe>
</div>
</body>
</html>