{% include 'header.html' %}
<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Labeling</h1>
    </div>

    <!-- Content Row -->
    <div class="row">

        <div class="col-sm-12">
            <!-- Illustrations -->
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Labeling Data Tweet</h6>
                </div>
                <div class="card-body">
                    <form method="post" action="" enctype="multipart/form-data">
                        <div class="form-group">
                            <label for="exampleFormControlFile1">Upload File</label>
                            <input type="file" name="file" class="form-control-file" id="exampleFormControlFile1">
                            <small id="" class="form-text text-muted">Upload file hasil preprocessing berekstensi
                                .csv</small>

                            {% with messages = get_flashed_messages(category_filter=["upload_gagal"]) %}
                            {% if messages %}
                            <small id="" class="form-text text-danger">{{ messages[0] }}</small>
                            {% endif %}
                            {% endwith %}

                            {% with messages = get_flashed_messages(category_filter=["upload_berhasil"]) %}
                            {% if messages %}
                            <small id="" class="form-text text-success">{{ messages[0] }}</small>
                            {% endif %}
                            {% endwith %}

                            {% with messages = get_flashed_messages(category_filter=["labeling_data"]) %}
                            {% if messages %}
                            <small id="" class="form-text text-success">{{ messages[0] }}</small>
                            {% endif %}
                            {% endwith %}
                        </div>
                        <input type="submit" value="Upload Data" name="upload" class="btn btn-primary">
                        <input type="submit" value="Labeling Data" name="labeling" class="btn btn-primary">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- DataTales Show -->

    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                Hasil labeling
                <a href="{{ url_for('static', filename='files/Data Labeling.csv') }}" target="blank"
                    class="d-none d-sm-inline-block btn-sm btn-primary float-right shadow-sm"><i
                        class="fas fa-download fa-sm text-white-50"></i> Download Data</a>
            </h6>

        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>No</th>
                            <!-- <th>Username</th> -->
                            <th>ID</th>
                            <th>Tweet Bersih</th>
                            <th>Hasil Labeling</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>No</th>
                            <th>Username</th>
                            <th>Tweet Bersih</th>
                            <th>Hasil Labeling</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        {% set count = namespace(value=1) %}
                        {% for item in value %}
                        <tr>
                            <td>{{ count.value }}</td>
                            <td>{{ item[0] }}</td>
                            <td>{{ item[1] }}</td>
                            <td>{{ item[2] }}</td>
                        </tr>
                        {% set count.value = count.value + 1 %}
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>


</div>
<!-- /.container-fluid -->
{% include 'footer.html' %}