{% extends 'base.html.twig' %}
{% block content %}
<div class="container-fluid">
    <div class="row pt-2">
        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
            <h2 class="pt-2">
                Import
            </h2>
        </div>
        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
            <a id="create-import-btn" href="{{ path('import_bundle_create_import', {'importId':0}) }}" class="btn btn-secondary float-right"
               title="Add new Import">
                Add New Import
            </a>
        </div>
    </div>

    <div class="row my-1">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
            <div class="card pt-2 pb-2 shadow-sm">

                <div class="card-header">

                </div>

                <div class="card-body py-3">

                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <table id="import-table" class="display table table-striped bs-data-table w-100">
                                <thead>
                                <tr>
                                    <th class="invisible-column">ID</th>

                                    <th class="all">Type</th>
                                    <th class="all">Start Row</th>
                                    <th class="all">Number of Rows</th>
                                    <th class="all">File</th>
                                    <th class="">Current Row</th>
                                    <th class="">Last Row Imported</th>
                                    <th class="">Date Started</th>
                                    <th class="">Date Completed</th>
                                    <th class="all">Is Complete</th>
                                    <th class="all">Imported By</th>
                                    <th>Date Created</th>
                                    <th class="no-sort">&nbsp;</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% if imports is defined and imports|length > 0 %}
                                    {% for import in imports %}
                                        <tr>
                                            <td>{{ import.id }}</td>

                                            <td>{{ import.importType.name }}</td>
                                            <td>{{ import.startRow }}</td>
                                            <td>{{ import.numberOfRows }}</td>
                                            <td>{{ import.fileUpload.originalName }}</td>
                                            <td>{{ import.currentRow }}</td>
                                            <td>{{ import.lastImportedRow }}</td>
                                            <td>
                                                {% if import.dateStarted is not null %}
                                                    {{ import.dateStarted.format('Y-m-d') }}
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if import.dateCompleted is not null %}
                                                    {{ import.dateCompleted.format('Y-m-d') }}
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if import.isComplete is same as(true) %}
                                                    Yes
                                                {% else %}
                                                    No
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if import.fileUpload.uploadedBy is not null %}
                                                    {{ import.fileUpload.uploadedBy.firstName ~ ' ' ~ import.fileUpload.uploadedBy.lastName }}
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if import.dateCreated is not null %}
                                                    {{ import.dateCreated.format('Y-m-d') }}
                                                {% endif %}
                                            </td>

                                            <td></td>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts_post_body %}
    <script type="text/javascript">
        $(function(){

        });
    </script>
{% endblock %}