{{#main-content}}
<div class="widget-box transparent">
    {{grid-header search-box=false}}
    <div class="widget-body">
        <!-- #section:custom/scrollbar -->
        <div class="widget-main no-padding table-responsive no-border">
            <table class="table table-striped table-bordered table-hover dataTable" style="border: 1px solid #ddd;">
                <thead class="thin-border-bottom">
                    <tr>
                        <th>
                            Date Created
                        </th>
                        <th>
                            <i class="ace-icon fa fa-exchange bigger-110"></i>
                            Status
                        </th>
                        <th>
                            File Downloaded
                        </th>
                        <th>
                            Note
                        </th>
                        <th style="min-width: 106px;">
                            <i class="ace-icon fa fa-cogs bigger-110"></i>
                            Actions
                        </th>
                    </tr>
                </thead>

                <tbody>
                    {{#each model.list as |it|}}
                    <tr>
                        <td>
                            {{moment-format it.dateCreated 'M/D/YYYY H:mm:ss'}}
                        </td>
                        <td>
                            {{it.status}}
                        </td>
                        <td>
                            {{#if it.downloaded}}
                                <span class="green">
                                    <i class="ace-icon fa fa-check-square bigger-120"></i>
                                    DOWNLOADED
                                </span>
                            {{else}}
                                <span class="blue">
                                    <i class="ace-icon fa fa-spinner bigger-120"></i>
                                    NOT DOWNLOAD
                                </span>
                            {{/if}}
                        </td>
                        <td>
                            {{it.note}}
                        </td>
                        <td>
                            <div class="btn-group">
                                {{#if (eq it.status 'DONE')}}
                                <a {{on 'click' (route-action 'download' it)}} target="_blank" href="/export-task/download?id={{it.id}}" class="btn btn-xs btn-info" data-rel="tooltip" title="Download">
                                    <i class="ace-icon fa fa-download bigger-120"></i>
                                    Download
                                </a>
                                {{/if}}
                            </div>
                        </td>
                    </tr>
                    {{/each}}
                </tbody>
            </table>
        </div>
        {{pagination-bar}}
    </div>
</div>
{{/main-content}}