{% extends "base.html" %}

{% block title %}
{{ title }}
{% endblock %}

{% block content %}

  <div class="container">


<section>
<h3>Generate Multi-Class Normally Distributed Cluster Centers Dataset </h3>
<form id="model-form" method="post" action="/projects/generate-ndcc">
  <div class="row">
    <div class="three columns">
      <label for="centers">Number of Centers:</label>
        <select id="centers" name="centers">
            <option value="1" {% if centers == "1" %}selected{% endif %}>100</option>
            <option value="2" {% if centers == "2" %}selected{% endif %}>300</option>
            <option value="3" {% if centers == "3" %}selected{% endif %}>500</option>
            <option value="4" {% if centers == "4" %}selected{% endif %}>700</option>
        </select>
    </div>

    <div class="three columns">
      <label for="dataset">Number of Samples</label>
      <input style="width: 100%;" type="number" step="1" id="nos" name="nos" value="{{nos}}">
    </div>
    <div class="three columns">
      <label for="dataset">Number of features</label>
      <input style="width: 100%;" type="number" step="1" id="nof" name="nof" value="{{nof}}">
    </div>
    <div class="three columns">
      <label for="dataset">Number of classes</label>
      <input style="width: 100%;" type="number" step="1" id="noc" name="noc" value="{{noc}}">
    </div>
  </div>

  <div id="model-params" class="row" style="margin-top:15px;"></div>

  <button type="submit">Generate Dataset</button>

    {% if dataset_name %}
    <a id="downloadLink" href="/static/public/files/{{ dataset_name }}" download style="display:none;"></a>
    <button class="date" onclick="document.getElementById('downloadLink').click() " >
        ⬇ Download Dataset
    </button>
    {% endif %}

</form>
</section>

  </div>



{% endblock %}