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

{% block title %}{{ ta('manage_files', 'Manage Files') }}{% endblock %}
{% block selected_page %}files{% endblock %}
{% block selected_sub_page %}file_manage{% endblock %}

{% block body %}
    <script>
        oTable = null;
        gFileId = null;
        gEditFileId = null;
        gArtifactId = null;
        oldStart = 0;
        $(document).ready(function () {
            // datatable
            oTable = $('#fileTable').dataTable($.extend(dataTableOpts, {
                "sAjaxSource": 'ajax/file_manage',
                "deferRender": true,
                "aLengthMenu": [10, 25, 50, 100, 250],
                "aaSorting": [[2, "desc"]],
                "aoColumns": [
                    {bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                    {sName: 'filename'},
                    {sName: 'date_uploaded', sWidth: '12%', sClass: "center adminResponsiveHide"},
                    {sName: 'filesize', sWidth: '10%', sClass: "center adminResponsiveHide"},
                    {sName: 'downloads', sWidth: '10%', sClass: "center adminResponsiveHide"},
                    {sName: 'owner', sWidth: '11%', sClass: "center adminResponsiveHide"},
                    {sName: 'status', sWidth: '11%', sClass: "center adminResponsiveHide"},
                    {bSortable: false, sWidth: '14%', sClass: "center removeMultiFilesButton"}
                ],
                "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                    setTableLoading();
                    if (oSettings._iDisplayStart != oldStart) {
                        var targetOffset = $('.dataTables_wrapper').offset().top - 10;
                        $('html, body').animate({scrollTop: targetOffset}, 300);
                        oldStart = oSettings._iDisplayStart;
                    }
                    aoData.push({"name": "filterText", "value": $('#filterText').val()});
                    aoData.push({"name": "filterByUser", "value": $('#filterByUser').val()});
                    aoData.push({"name": "filterByServer", "value": $('#filterByServer').val()});
                    aoData.push({"name": "filterByStatus", "value": $('#filterByStatus').val()});
                    aoData.push({"name": "filterBySource", "value": $('#filterBySource').val()});
                    aoData.push({"name": "filterView", "value": $('#filterView').val()});
                    aoData.push({"name": "filterByFileId", "value": $('#filterByFileId').val()});
                    $.ajax({
                        "dataType": 'json',
                        "type": "GET",
                        "url": sSource,
                        "data": aoData,
                        "success": fnCallback
                    });
                },
                'oLanguage': $.extend(dataTableOpts.oLanguage, {
                    'sEmptyTable': {{ ta('there_are_no_files_in_the_current_filters', 'There are no files in the current filters.')|json_encode()|raw }}
                })
            }));

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

            $('#filterByUser').typeahead({
                source: function (request, response) {
                    $.ajax({
                        url: 'ajax/file_manage_auto_complete',
                        dataType: "json",
                        data: {
                            filterByUser: $("#filterByUser").val()
                        },
                        success: function (data) {
                            response(data);
                        }
                    });
                },
                minLength: 3,
                delay: 1,
                afterSelect: function () {
                    reloadTable();
                }
            });

            $('#filterByUser').on('blur', function() {
                // Handle clearing of the filter
                if($(this).val().length === 0) {
                    reloadTable();
                }
            });
        });

        function bulkMoveFiles()
        {
            if (countChecked() == 0)
            {
                alert({{ ta('please_select_some_files_to_move', 'Please select some files to move.')|json_encode()|raw }});
                return false;
            }

            // show popup
            loadMoveFileForm();
            $('#moveFilesForm').modal('show');
        }

        function loadMoveFileForm()
        {
            $('#moveFilesForm .modal-body').html('');
            $.ajax({
                type: "POST",
                url: "ajax/file_manage_move_form",
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        $('#moveFilesForm .modal-body').html(json.msg);
                    } else
                    {
                        $('#moveFilesForm .modal-body').html(json.html);
                    }

                },
                error: function (XMLHttpRequest) {
                    $('#moveFilesForm .modal-body').html(XMLHttpRequest.responseText);
                }
            });
        }

        function processMoveFileForm()
        {
            // get data
            serverIds = $('#server_ids').val();
            $.ajax({
                type: "POST",
                url: "ajax/file_manage_move_process",
                data: {serverIds: serverIds, gFileIds: getCheckboxFiles()},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        showError(json.msg, 'popupMessageContainer');
                    } else
                    {
                        showSuccess(json.msg);
                        reloadTable();
                        clearBulkResponses();
                        checkboxIds = {};
                        updateButtonText();
                        $("#moveFilesForm").modal('hide');
                    }

                },
                error: function (XMLHttpRequest) {
                    showError(XMLHttpRequest.responseText, 'popupMessageContainer');
                }
            });

        }

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

        function showNotes(notes)
        {
            showBasicModal('<p>' + notes + '</p>', {{ ta('file_notes', 'File Notes')|json_encode()|raw }});
        }

        function confirmRemoveFile(fileId)
        {
            showModal($('#confirmDelete .modal-body'), $('#confirmDelete .modal-footer'));
            gFileId = fileId;
        }

        function processRemoveFile()
        {
            removeFile(function () {
                hideModal();
            });
        }

        function removeFile(callback)
        {
            // find out file server first
            $.ajax({
                type: "POST",
                url: "ajax/update_file_state",
                data: {fileId: gFileId, statusId: $('#genericModalContainer #removal_type').val(), adminNotes: $('#genericModalContainer #admin_notes').val(), blockUploads: $('#genericModalContainer #block_uploads').val()},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        showError(json.msg);
                    } else
                    {
                        showSuccess(json.msg);
                        $('#removal_type').val(3);
                        $('#admin_notes').val('');
                        reloadTable();
                        callback();
                    }

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    showError(XMLHttpRequest.responseText);
                }
            });
        }

        function setupActionButtons()
        {
            updateButtonText();
        }

        function updateButtonText()
        {
            totalFiles = countChecked();
            $('#actionMultiMenu li').removeClass('disabled');
            if (totalFiles == 0)
            {
                totalFilesStr = '';
                $('#actionMultiMenu li').addClass('disabled');
                $('#actionMultiMenuBase').addClass('btn-default');
                $('#actionMultiMenuBase').removeClass('btn-primary');
            } else
            {
                totalFilesStr = ' (' + totalFiles + ' File';
                if (totalFiles > 1)
                {
                    totalFilesStr += 's';
                }
                totalFilesStr += ')';
                $('#actionMultiMenuBase').removeClass('btn-default');
                $('#actionMultiMenuBase').addClass('btn-primary');
            }

            $('#actionMultiMenuBase .fileCount').html(totalFilesStr);
        }

        function getCheckboxFiles()
        {
            count = 0;
            for (i in checkboxIds)
            {
                count++;
            }

            return checkboxIds;
        }

        function bulkDeleteFiles(deleteData)
        {
            if (typeof (deleteData) == 'undefined')
            {
                deleteData = false;
            }

            if (countChecked() == 0)
            {
                alert({{ ta('please_select_some_files_to_remove', 'Please select some files to remove.')|json_encode()|raw }});
                return false;
            }

            msg = {{ ta('are_you_sure_you_want_to_remove_x_files', 'Are you sure you want to remove [[[TOTAL_COUNT]]] files? This can not be undone once confirmed.')|json_encode()|raw }};
            msg = msg.replace('[[[TOTAL_COUNT]]]', countChecked());
            if (deleteData == true)
            {
                msg += '\n\n';
                msg += {{ ta('all_file_data_and_associated_data_such_as_the_stats_will_also_be_deleted', 'All file data and associated data such as the stats, will also be deleted from the database. This will entirely clear any record of the upload. (exc logs)')|json_encode()|raw }};
            } else
            {
                msg += '\n\n';
                msg += {{ ta('the_original_file_record_will_be_retained_along_with_the_stats', 'The original file record will be retained along with the file stats.')|json_encode()|raw }};
            }

            if (confirm(msg))
            {
                bulkDeleteConfirm(deleteData);
            }
        }

        var bulkError = '';
        var bulkSuccess = '';
        var totalDone = 0;
        function addBulkError(x)
        {
            bulkError += x;
        }

        function getBulkError(x)
        {
            return bulkError;
        }

        function addBulkSuccess(x)
        {
            bulkSuccess += x;
        }

        function getBulkSuccess(x)
        {
            return bulkSuccess;
        }

        function clearBulkResponses()
        {
            bulkError = '';
            bulkSuccess = '';
        }

        function bulkDeleteConfirm(deleteData)
        {
            // get server list first
            $.ajax({
                type: "POST",
                url: "ajax/file_manage_bulk_delete",
                data: {fileIds: checkboxIds, deleteData: deleteData},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        showError(json.msg);
                    } else
                    {
                        addBulkSuccess(json.msg);
                        finishBulkProcess();
                    }

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    showError({{ ta('failed_connecting_to_server_to_bulk_delete_files', 'Failed connecting to server to bulk delete files, please try again later.')|json_encode()|raw }});
                }
            });
        }

        function finishBulkProcess()
        {
            // get final response
            bulkError = getBulkError();
            bulkSuccess = getBulkSuccess();

            // compile result
            if (bulkError.length > 0)
            {
                showError(bulkError + bulkSuccess);
            } else
            {
                showSuccess(bulkSuccess);
            }
            reloadTable();
            clearBulkResponses();
            checkboxIds = {};
            updateButtonText();

            // scroll to the top of the page
            $("html, body").animate({scrollTop: 0}, "slow");
            $('#selectAllCB').prop('checked', false);
        }

        function editFile(fileId)
        {
            gEditFileId = fileId;
            loadEditFileForm();
            $('#editFileForm').modal('show');
        }

        function loadEditFileForm()
        {
            $('#editFileFormInner').html({{ ta('loading_dots', 'Loading...')|json_encode()|raw }});
            $.ajax({
                type: "POST",
                url: "ajax/file_manage_edit_form",
                data: {gEditFileId: gEditFileId},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        $('#editFileFormInner').html(json.msg);
                    } else
                    {
                        $('#editFileFormInner').html(json.html);
                        setupTagInterface();
                        toggleFilePasswordField();
                    }

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $('#editFileFormInner').html(textStatus + ': ' + errorThrown);
                }
            });
        }

        function toggleFilePasswordField()
        {
            if ($('#editFileForm #enablePassword').is(':checked'))
            {
                $('#editFileForm #password').attr('READONLY', false);
            } else
            {
                $('#editFileForm #password').attr('READONLY', true);
            }
        }

        function processEditFile()
        {
            $.ajax({
                type: "POST",
                url: "ajax/file_manage_edit_process",
                data: $('form#editFileFormInner').serialize(),
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        showError(json.msg, 'popupMessageContainer');
                    } else
                    {
                        showSuccess(json.msg);
                        reloadTable();
                        $("#editFileForm").modal('hide');
                    }

                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    showError(textStatus + ': ' + errorThrown, 'popupMessageContainer');
                }
            });

        }

        function updateSelectedRemoveFileSelect()
        {
            if ($('#removal_type').val() == '4')
            {
                $('#block_uploads').val('1');
            } else
            {
                $('#block_uploads').val('0');
            }
        }

        function confirmRemoveArtifact(artifactId)
        {
            $('#editFileForm').css('z-index', 1039);
            showBasicModal('<p>{{ ta("are_you_sure_you_want_to_remove_this_artifact_once_confirmed_itll_be_scheduled", "Are you sure you want to remove this artifact? Once confirmed, it'll be scheduled for removal via the file action queue.") }}</p>', {{ ta('remove_artifact', 'Remove Artifact')|json_encode()|raw }}, '<button type="button" class="btn btn-primary" data-dismiss="modal" onClick="processRemoveArtifact(' + artifactId + '); return false;">{{ ta('remove_artifact', 'Remove Artifact') }}</button>');
        }

        function processRemoveArtifact(artifactId)
        {
            $.ajax({
                type: "POST",
                url: "ajax/artifact/remove",
                data: {artifactId: artifactId},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true) {
                        showError(json.msg);
                    } else {
                        $('#FileArtifactRow'+json.artifact_id).remove();
                        showSuccess(json.msg);
                        hideModal();
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    showError(XMLHttpRequest.responseText);
                }
            });
        }
    </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('file_list', 'File List') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <table id="fileTable" class="table table-striped table-only-border dtLoading bulk_action">
                                <thead>
                                    <tr>
                                        <th><input type="checkbox" id="check-all" class="flat"/></th>
                                        <th class="align-left fileManageFileName">{{ ta('filename', 'Filename') }}</th>
                                        <th class="align-left">{{ ta('date_uploaded', 'Date Uploaded') }}</th>
                                        <th>{{ ta('filesize', 'Filesize') }}</th>
                                        <th>{{ ta('downloads', 'Downloads') }}</th>
                                        <th>{{ ta('owner', 'Owner') }}</th>
                                        <th>{{ ta('status', 'Status') }}</th>
                                        <th class="align-left fileManageActions">{{ ta('actions', 'Actions') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td colspan="20">{{ ta('admin_loading_data', 'Loading data...') }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="x_panel">
                        <div class="btn-group">
                            <div class="dropup">
                                <button class="btn btn-default dropdown-toggle" type="button" id="actionMultiMenuBase" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                    {{ ta('bulk_action', 'Bulk Action') }}<span class="fileCount"></span>
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="actionMultiMenuBase" id="actionMultiMenu">
                                    <li class="disabled"><a href="#" onClick="bulkDeleteFiles(false); return false;">{{ ta('remove_files_total', 'Remove Files[[[FILE_COUNT]]]', {'FILE_COUNT': ''}) }}</a></li>
                                    <li class="disabled"><a href="#" onClick="bulkDeleteFiles(true);
                                        return false;">{{ ta('delete_files_and_data_total', 'Delete Files And Stats Data[[[FILE_COUNT]]]', {'FILE_COUNT': ''}) }}</a></li>
                                    {% if Auth.hasAccessLevel(20) %}
                                    <li class="disabled"><a href="#" onClick="bulkMoveFiles();
                                        return false;">{{ ta('move_files_total', 'Move Files[[[FILE_COUNT]]]', {'FILE_COUNT': ''}) }}</a></li>
                                    {% endif %}
                                </ul>
                            </div>
                        </div>
                        {% if Auth.hasAccessLevel(20) %}
                            <div class="btn-group">
                                <a href="export_csv?type=files" type="button" class="btn btn-default">{{ ta('export_all_data_csv', 'Export All Data (CSV)') }}</a>
                            </div>
                        {% endif %}
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div class="customFilter" id="customFilter" style="display: none;">
        <label>
            {{ ta('admin_filter', 'Filter') }}:
            <input name="filterText" id="filterText" type="text" value="{{ filterText }}" onKeyUp="reloadTable();
                return false;" style="width: 180px;" class="form-control input-sm"/>
        </label>
        <label id="username" style="padding-left: 6px;">
            {{ ta('user', 'User') }}:
            <input name="filterByUser" id="filterByUser" type="text" class="filterByUser form-control input-sm txt-auto" style="width: 120px;" value="{{ filterByUserLabel }}" autocomplete="off"/>
        </label>
        <label class="adminResponsiveHide filterByServerWrapper" style="padding-left: 6px;">
            {{ ta('server', 'Server') }}:
            <select name="filterByServer" id="filterByServer" onChange="reloadTable(); return false;" style="width: 120px;" class="form-control input-sm">
                <option value="">- all -</option>
                {% for serverDetail in serverDetails %}
                    <option value="{{ serverDetail['id'] }}"{{ filterByServer == serverDetail['id']?' SELECTED':'' }}>{{ serverDetail['serverLabel'] }}</option>
                {% endfor %}
            </select>
        </label>
        <label class="adminResponsiveHide filterByStatusWrapper" style="padding-left: 6px;">
            {{ ta('status', 'Status') }}:
            <select name="filterByStatus" id="filterByStatus" onChange="reloadTable(); return false;" style="width: 120px;" class="form-control input-sm">
                <option value="">- all -</option>
                {% for statusDetail in statusDetails %}
                    <option value="{{ statusDetail }}"{{ filterByStatus == statusDetail?' SELECTED':'' }}>{{ statusDetail }}</option>
                {% endfor %}
            </select>
        </label>
        <label class="adminResponsiveHide filterBySourceWrapper" style="padding-left: 6px; display: none;">
            {{ ta('src', 'Src') }}:
            <select name="filterBySource" id="filterBySource" onChange="reloadTable();
                return false;" style="width: 80px;" class="form-control input-sm">
                <option value="">- {{ ta('all', 'all') }} -</option>
                <option value="direct">{{ ta('direct', 'Direct') }}</option>
                <option value="ftp">{{ ta('ftp', 'FTP') }}</option>
                <option value="remote">{{ ta('remote', 'Remote') }}</option>
                <option value="torrent">{{ ta('torrent', 'Torrent') }}</option>
                <option value="leech">{{ ta('leech', 'Leech') }}</option>
                <option value="webdav">{{ ta('webdav', 'Webdav') }}</option>
                <option value="api">{{ ta('api', 'API') }}</option>
                <option value="other">{{ ta('other', 'Other') }}</option>
            </select>
        </label>

        <label class="adminResponsiveHide updateViewWrapper" style="padding-left: 6px;">
            {{ ta('filter_view', 'View') }}:
            <select name="filterView" id="filterView" onChange="reloadTable(); return false;" style="width: 80px;" class="form-control input-sm">
                <option value="list" {{ SITE_CONFIG_DEFAULT_ADMIN_FILE_MANAGER_VIEW == 'list' ? 'SELECTED' : '' }}>{{ ta('list', 'List') }}</option>
                <option value="thumb" {{ SITE_CONFIG_DEFAULT_ADMIN_FILE_MANAGER_VIEW == 'thumb' ? 'SELECTED' : '' }}>{{ ta('thumbnails', 'Thumbnails') }}</option>
            </select>
        </label>

        <input type="hidden" value="{{ filterByFileId }}" name="filterByFileId" id="filterByFileId"/>
    </div>

    <div id="editFileForm" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button></div>
                <div class="modal-body" id="editFileFormInner"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ ta('close', 'Close') }}</button>
                    <button type="button" class="btn btn-primary" onClick="processEditFile();">{{ ta('update_file', 'Update File') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div id="confirmDelete" style="display: none;">
        <div class="modal-body">
            <form id="removeFileForm" class="form-horizontal form-label-left input_mask">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>{{ ta('remove_file', 'Remove File') }}:</h2>
                        <div class="clearfix"></div>
                    </div>

                    <div class="x_content">
                        <p>{{ ta('select_the_type_of_removal_below', 'Select the type of removal below. You can also add removal notes such as a copy of the original removal request. The notes are only visible by an admin user.') }}</p>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                {{ ta('removal_type', 'Removal Type') }}:
                            </label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <div class="input-group">
                                    <select name="removal_type" id="removal_type" class="form-control" onChange="updateSelectedRemoveFileSelect();
                                          return false;">
                                        <option value="3">{{ ta('general', 'General') }}</option>
                                        <option value="4">{{ ta('copyright_breach_dmca', 'Copyright Breach (DMCA)') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                {{ ta('notes', 'Notes') }}:
                            </label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <textarea name="admin_notes" id="admin_notes" class="form-control"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                {{ ta('block_future_uploads', 'Block Future Uploads') }}:
                            </label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <div class="input-group">
                                    <select name="block_uploads" id="block_uploads" class="form-control">
                                        <option value="0">{{ ta('choice_no_allow_same_file_to_be_uploaded', 'No (allow the same file to be uploaded again)') }}</option>
                                        <option value="1">{{ ta('choice_yes_blocked_from_future_uploads', 'Yes (this file will be blocked from uploading again)') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">{{ ta('close', 'Close') }}</button>
            <button type="button" class="btn btn-primary" onClick="processRemoveFile();">{{ ta('remove_file', 'Remove File') }}</button>
        </div>
    </div>

    <div id="moveFilesForm" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button></div>
                <div class="modal-body" id="moveFilesRawFileForm"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">{{ ta('close', 'Close') }}</button>
                    <button type="button" class="btn btn-primary" onClick="processMoveFileForm();">{{ ta('move_files', 'Move Files') }}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}