{% extends "_layout.html" %}
{% block title %}Datasets{% endblock %}
{% block content %}
<div class="page-head">
    <h2>Datasets</h2>
    <button class="prominent" id="btn-upload">+ Carica CSV</button>
</div>

<div id="datasets-list" class="list"></div>

<dialog id="upload-dlg">
    <form id="upload-form" method="dialog">
        <h3>Carica dataset</h3>
        <label>Nome<input type="text" name="nome" required></label>
        <label>Tipo
            <select name="dataset_type">
                <option value="custom">custom</option>
                <option value="imported">imported</option>
            </select>
        </label>
        <label>Formato
            <select name="format">
                <option value="csv">csv</option>
                <option value="json">json</option>
            </select>
        </label>
        <label>Tags (virgola)<input type="text" name="tags"></label>
        <label>Descrizione<textarea name="description"></textarea></label>
        <label>File<input type="file" name="file" required></label>
        <menu>
            <button type="button" id="upload-cancel">Annulla</button>
            <button type="submit" class="prominent">Carica</button>
        </menu>
    </form>
</dialog>
{% endblock %}
{% block scripts %}
<script src="/static/js/datasets.js"></script>
{% endblock %}