{% extends "base.html" %}
{% block title %}iSmartML{% endblock %}
{% block head %}
    	{{ super() }}
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script>
	$(window).bind("pageshow", function() {
	    var form = $('form'); 
	    // let the browser natively reset defaults
	    form[0].reset();
	});
        </script>

	<script type="text/javascript">

	$(document).on('change', '.custom-file-input', function (event) {
    		$(this).next('.custom-file-label').html(event.target.files[0].name);
		})
        </script>
	<div id="header_bar">
	<img id="banner" src ="static/images/status/status1.svg">
     </div>

{% endblock %}

{% block content %}
<form method="post" action="" enctype="multipart/form-data">
    <dl>		
	    	<h4><p>Select Task</p></h4>
		<p>
		    <input type="radio" name="task" value="classification" required checked > Classification  
			<a href="https://scikit-learn.org/stable/tutorial/basic/tutorial.html#machine-learning-the-problem-setting" target="_blank">
				<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Samples belong to two or more classes and we want to learn from already labeled data how to predict the class of unlabeled data.">
				</i>
			</a> &nbsp
		    <input type="radio" name="task" value="regression"> Regression
			<a href="https://scikit-learn.org/stable/tutorial/basic/tutorial.html#machine-learning-the-problem-setting" target="_blank">
				<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="If the desired output consists of one or more continuous variables, then the task is called regression.">
				</i>
			</a> &nbsp
		</p>
		

 <!--		<h4><p>Select Dataset Format</p></h4>
		<p>
		    <input type="radio" name="data_type" value="csv" required> CSV
		    <input type="radio" name="data_type" value="numpy"> Numpy Array
		</p>
-->	


		<h4><p>Upload Dataset </p></h4>
		
		<p>

		  <div class="form-group w-25">
		  <div class="custom-file">
			    <input type="file" name="file" class="custom-file-input" id="inputDataset" required>
			        <label class="custom-file-label" for="inputDataset">Choose file</label>

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

                <h4><p>Select Seperator</p></h4>
		<p>
		    <input type="radio" name="sep" value="," required checked >Coma(,)
		    <input type="radio" name="sep" value=";"> Semicolon(;)
		</p>
		

    </dl>
    <p>
		<button type="submit" class="btn btn-primary"  data-toggle="modal" data-target="#exampleModalCenter">Next</button>
	</p>


</form>


	<h3 class="target_cap"> <a class="btn btn-info btn-lg active" role="button"  href="{{ url_mod( 'about' )}}">About/Contact</a></h3>
	<h3 class="target_cap">Demo:</h3>
<p>
<iframe  width="550" height="350" src="https://www.youtube.com/embed/aug5UXd1dNI">
</iframe>
<p>





{% endblock %}