{% extends "admin/partial/layout_logged_in.html.twig" %}

{% block title %}{{ ta('downloads', 'Downloads') }}{% endblock %}
{% block selected_page %}downloads{% endblock %}
{% block selected_sub_page %}download_current{% endblock %}

{% block body %}
    <script>
        oTable = null;
        oTableRefreshTimer = null;
        $(document).ready(function () {
            // datatable
            oTable = $('#currentDownloadsTable').dataTable($.extend(dataTableOpts, {
                "sAjaxSource": 'ajax/download_current',
                "iDisplayLength": 100,
                "aaSorting": [[1, "desc"]],
                "bFilter": false,
                "bLengthChange": false,
                "aoColumns": [
                    {bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                    {sName: 'date_started', sWidth: '15%', sClass: "activeDownloadsColumn"},
                    {sName: 'ip_address', sWidth: '12%', sClass: "center adminResponsiveHide"},
                    {sName: 'file_name'},
                    {sName: 'file_size', sWidth: '12%', sClass: "center adminResponsiveHide"},
                    {sName: 'total_threads', sWidth: '10%', sClass: "center adminResponsiveHide"},
                    {sName: 'status', sWidth: '14%', sClass: "center adminResponsiveHide"}
                ],
                "fnServerData": function (sSource, aoData, fnCallback) {
                    setTableLoading();
                    $.ajax({
                        "dataType": 'json',
                        "type": "GET",
                        "url": sSource,
                        "data": aoData,
                        "success": fnCallback
                    });
                },
                'oLanguage': $.extend(dataTableOpts.oLanguage, {
                    'sEmptyTable': {{ ta('there_are_no_active_downloads', 'There are no active downloads.')|json_encode()|raw }}
                })
            }));

            oTableRefreshTimer = setInterval('reloadTable()', 15 * 1000)
        });

        function reloadTable()
        {
            oTable.fnDraw();
        }
    </script>

    <!-- page content -->
    <div class="right_col" role="main">
        <div class="">
            <div class="page-title">
                <div class="title_left">
                    <h3>{{ block('title') }}</h3>
                </div>
            </div>
            <div class="clearfix"></div>

            {{ msg_page_notifications|raw }}

            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>{{ ta('active_downloads', 'Active Downloads') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p>{{ ta('the_table_below_shows_all_active_downloads_on_the_site', 'The table below shows all active downloads on the site. This screen will automatically refresh every 15 seconds.') }}</p>
                            <p>{{ ta('note_this_page_will_not_show_any_data_if_you_are_using_improved_downloads', 'Note: This page will not show any data if you are using xSendFile (Apache), xAccelRedirect (Nginx) or X-LiteSpeed-Location (LiteSpeed) to handle your file downloads.') }}</p>
                            <table id="currentDownloadsTable" class="table table-striped table-only-border dtLoading bulk_action">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>{{ ta("date_started", "Date Started") }}</th>
                                        <th>{{ ta("downloader", "Downloader") }}</th>
                                        <th>{{ ta("file_name", "File Name") }}</th>
                                        <th>{{ ta("file_size", "File Size") }}</th>
                                        <th>{{ ta("threads", "Threads") }}</th>
                                        <th>{{ ta("status", "Status") }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="20">{{ ta('admin_loading_data', 'Loading data...') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}