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

{% block title %}{{ ta('manage_file_action_queue', 'Manage File Action Queue') }}{% endblock %}
{% block selected_page %}files{% endblock %}
{% block selected_sub_page %}file_manage_queue{% endblock %}

{% block body %}
    <script>
        oTable = null;
        checkboxIds = {};
        gTableLoaded = false;
        $(document).ready(function () {
            // datatable
            oTable = $('#fileActionTable').dataTable($.extend(dataTableOpts, {
                "sAjaxSource": 'ajax/file_manage_action_queue',
                "aaSorting": [[1, "desc"]],
                "aoColumns": [
                    {bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                    {sName: 'date_added', sWidth: '15%', sClass: "center adminResponsiveHide"},
                    {sName: 'server', sWidth: '14%', sClass: "center adminResponsiveHide"},
                    {sName: 'file_path'},
                    {sName: 'file_action', sWidth: '10%', sClass: "center adminResponsiveHide"},
                    {sName: 'status', sWidth: '17%', sClass: "center"},
                    {bSortable: false, sWidth: '90px', sClass: "center"}
                ],
                "fnServerData": function (sSource, aoData, fnCallback) {
                    setTableLoading();
                    aoData.push({"name": "filterText", "value": $('#filterText').val()});
                    aoData.push({"name": "filterByServer", "value": $('#filterByServer').val()});
                    aoData.push({"name": "filterByStatus", "value": $('#filterByStatus').val()});
                    $.ajax({
                        "dataType": 'json',
                        "type": "GET",
                        "url": sSource,
                        "data": aoData,
                        "success": fnCallback
                    });
                    gTableLoaded = true;
                },
                'oLanguage': $.extend(dataTableOpts.oLanguage, {
                    'sEmptyTable': {{ ta('there_are_no_file_actions_in_the_current_filters', 'There are no file actions in the current filters.')|json_encode()|raw }}
                })
            }));

            // update custom filter
            $('.dataTables_filter').html($('#customFilter').html());

            // refresh every 10 seconds
            window.setInterval(function () {
                if (gTableLoaded == false)
                {
                    return true;
                }
                gTableLoaded = false;
                reloadTable();
            }, 20000);
        });

        function reloadTable()
        {
            oTable.fnDraw(false);
        }

        function cancelItem(itemId)
        {
            if (confirm({{ ta('are_you_sure_you_want_to_cancel_this_item_from_file_action_queue', 'Are you sure you want to cancel this item? This will not restore the file, it will simply stop it processing in this queue.')|json_encode()|raw }}))
            {
                window.location = "file_manage_action_queue?cancel=" + itemId;
            }

            return false;
        }

        function restoreItem(itemId)
        {
            if (confirm({{ ta('are_you_sure_you_want_to_restore_this_file_file_action_queue', 'Are you sure you want to restore this file? It\'ll be returned into the script as it existed previously.')|json_encode()|raw }}))
            {
                window.location = "file_manage_action_queue?restore=" + itemId;
            }
        }
    </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('list_of_file_actions', 'List Of File Actions ([[[TOTAL_PENDING]]] Pending)', {'TOTAL_PENDING': totalPendingFileActions}) }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p>{{ ta('below_is_listed_any_actions_on_core_files', 'Below is listed any actions on core files. So queued deletes, moves etc. This page will automatically update every 20 seconds.') }}</p>
                            <p>{{ ta('note_if_the_below_queue_isnt_processing_ensure_youve_setup_crons', 'Note: If the below queue isn\'t processing, please ensure you\'ve setup all the cron tasks, including any crons on external file servers. Full details can be seen via our <a href="https://support.mfscripts.com/public/kb_view/26/" target="_blank">knowledge base</a>.')|raw }}</p>
                            <table id="fileActionTable" class="table table-striped table-only-border dtLoading bulk_action">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>{{ ta('date_added', 'Date Added') }}</th>
                                        <th>{{ ta('server', 'Server') }}</th>
                                        <th>{{ ta('file_path', 'File Path') }}</th>
                                        <th>{{ ta('file_action', 'File Action') }}</th>
                                        <th>{{ ta('status', 'Status') }}</th>
                                        <th>{{ ta('actions', 'Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="20">{{ ta('admin_loading_data', 'Loading data...') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="customFilter" id="customFilter" style="display: none;">
        <label>
            {{ ta('filter_by_filename', 'Filter By Filename') }}:
            <input name="filterText" id="filterText" type="text" value="{{ filterText }}" onKeyUp="reloadTable();
                return false;" style="width: 160px;" class="form-control"/>
        </label>
        <label class="adminResponsiveHide" style="padding-left: 6px;">
            {{ ta('by_server', 'By Server') }}:
            <select name="filterByServer" id="filterByServer" onChange="reloadTable();
                return false;" style="width: 120px;" class="form-control">
                <option value="">- {{ ta('all', 'all') }} -</option>
                {% for serverDetail in serverDetails %}
                    <option value="{{ serverDetail['id'] }}"{{ filterByServer == serverDetail['id']?' SELECTED':'' }}>{{ serverDetail['serverLabel'] }}</option>
                {% endfor %}
            </select>
        </label>
        <label class="adminResponsiveHide" style="padding-left: 6px;">
            {{ ta('by_status', 'By Status') }}:
            <select name="filterByStatus" id="filterByStatus" onChange="reloadTable();
                return false;" style="width: 120px;" class="form-control">
                <option value="">- {{ ta('all', 'all') }} -</option>
                {% for statusDetail in statusDetails %}
                    <option value="{{ statusDetail }}"{{ filterByStatus == statusDetail?' SELECTED':'' }}>{{ statusDetail|title }}</option>
                {% endfor %}
            </select>
        </label>
    </div>
{% endblock %}