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

{% block title %}{{ ta('file_servers', 'File Servers') }}{% endblock %}
{% block selected_page %}file_servers{% endblock %}
{% block selected_sub_page %}server_manage{% endblock %}

{% block body %}
<script>
    oTable = null;
    gTestFileServerId = null;
    gDeleteFileServerId = null;
    $(document).ready(function () {
        // datatable
        oTable = $('#fileServerTable').dataTable($.extend(dataTableOpts, {
            "sAjaxSource": 'ajax/server_manage',
            "aaSorting": [[1, "asc"]],
            "aoColumns": [
                {bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                {sName: 'server_label', sWidth: '25%'},
                {sName: 'server_type', sWidth: '10%', sClass: "center adminResponsiveHide"},
                {sName: 'total_files', sWidth: '10%', sClass: "center"},
                {sName: 'status', sWidth: '10%', sClass: "center adminResponsiveHide"},
                {bSortable: false, sWidth: '20%', sClass: "center adminResponsiveHide"}
            ],
            "fnServerData": function (sSource, aoData, fnCallback) {
                aoData.push({"name": "filterText", "value": $('#filterText').val()});
                $.ajax({
                    "dataType": 'json',
                    "type": "GET",
                    "url": sSource,
                    "data": aoData,
                    "success": fnCallback
                });
            },
            'oLanguage': $.extend(dataTableOpts.oLanguage, {
                'sEmptyTable': {{ ta('there_are_no_servers_in_the_current_filters', 'There are no servers in the current filters.')|json_encode()|raw }}
            })
        }));

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

    function confirmRemoveFileServer(serverId, serverName, activeFiles)
    {
        $('#pleaseWait').hide();
        $('#confirmText').show();
        $('#serverNameLabel').html(serverName);
        $('#serverActiveFilesLabel').html(activeFiles);
        $('#confirmDelete').modal("show");
        gDeleteFileServerId = serverId;
    }

    function removeFileServer()
    {
        $('#confirmText').hide();
        $('#pleaseWait').show();
        $.ajax({
            type: "POST",
            url: "ajax/server_manage_remove",
            data: {serverId: gDeleteFileServerId},
            dataType: 'json',
            success: function (json) {
                if (json.error == true)
                {
                    $('#pleaseWait').hide();
                    $('#confirmText').show();
                    showError(json.msg);
                } else
                {
                    showSuccess(json.msg);
                    reloadTable();
                    $("#confirmDelete").modal("hide");
                }

            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $('#pleaseWait').hide();
                $('#confirmText').show();
                showError(XMLHttpRequest.responseText);
            }
        });
    }

    function loadFtpTestServerForm()
    {
        showBasicModal('<iframe src="server_manage_test_ftp?serverId=' + gTestFileServerId + '" style="background: url(\'{{ CORE_ASSETS_ADMIN_WEB_ROOT }}/images/spinner.gif\') no-repeat center center;" height="100%" width="100%" frameborder="0" scrolling="auto">{{ ta('loading_dots', 'Loading...') }}</iframe>', {{ ta('test_ftp_server', 'Test FTP Server')|json_encode()|raw }});
    }

    function loadDirectTestServerForm()
    {
        showBasicModal('<iframe src="server_manage_test_direct?serverId=' + gTestFileServerId + '" style="background: url(\'{{ CORE_ASSETS_ADMIN_WEB_ROOT }}/images/spinner.gif\') no-repeat center center;" height="100%" width="100%" frameborder="0" scrolling="auto">{{ ta('loading_dots', 'Loading...') }}</iframe>', {{ ta('test_server', 'Test Server')|json_encode()|raw }});
    }

    function loadFlysystemTestServerForm()
    {
        showBasicModal('<iframe src="server_manage_test_flysystem?serverId=' + gTestFileServerId + '" style="background: url(\'{{ CORE_ASSETS_ADMIN_WEB_ROOT }}/images/spinner.gif\') no-repeat center center;" height="100%" width="100%" frameborder="0" scrolling="auto">{{ ta('loading_dots', 'Loading...') }}</iframe>', {{ ta('test_storage_server', 'Test Storage Server')|json_encode()|raw }});
    }

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

    function testFtpFileServer(serverId)
    {
        gTestFileServerId = serverId;
        $('#testServerForm').modal("show");
        loadFtpTestServerForm();
    }

    function testDirectFileServer(serverId)
    {
        gTestFileServerId = serverId;
        $('#testServerForm').modal("show");
        loadDirectTestServerForm();
    }

    function testFlysystemFileServer(serverId)
    {
        gTestFileServerId = serverId;
        $('#testServerForm').modal("show");
        loadFlysystemTestServerForm();
    }

    function toggleAllUploads()
    {
        if (confirm({{ ta('are_you_sure_you_want_to_disable_all_uploads_on_your_site', 'Are you sure you want to disable all uploads on your site? This will block any new uploads from starting for non-admin users.')|json_encode()|raw }}))
        {
            window.location = 'server_manage?toggle_uploads=1';
        }

        return false;
    }

    function toggleAllDownloads()
    {
        if (confirm({{ ta('are_you_sure_you_want_to_disable_all_downloads_on_your_site', 'Are you sure you want to disable all downloads on your site? This will block any new downloads from starting for non-admin users.')|json_encode()|raw }}))
        {
            window.location = 'server_manage?toggle_downloads=1';
        }

        return false;
    }
</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_content">
                        <table id="fileServerTable" class="table table-striped table-only-border dtLoading bulk_action">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>{{ ta("server_label", "Server Label") }}</th>
                                    <th>{{ ta("server_type", "Server Type") }}</th>
                                    <th>{{ ta("total_files", "Total Files") }} *</th>
                                    <th>{{ ta("status", "Status") }}</th>
                                    <th>{{ ta("action", "Action") }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td colspan="20">{{ ta('admin_loading_data', 'Loading data...') }}</td>
                                </tr>
                            </tbody>
                        </table>

                        <div class="clear"><br/></div>
                        <p>{{ ta('note_active_servers_above_might_not_be_used_for_new_uploads', 'Note: Active servers above might not necessarily be used for new uploads. You can set which specific server is used within the <a href="setting_manage?filterByGroup=File+Uploads&selectedItem=default_file_server">site configuration</a> section.')|raw }}</p>
                        <p>{{ ta('the_total_files_data_is_refreshed_every_5_minutes', '* The "total files" data is refreshed every 5 minutes, so the above values may be slightly out of date. Stats are for active or trash items, pending deletes in the <a href="file_manage_action_queue">file action queue</a> are not included. You can force a refresh by <a href="server_manage?r=1">click here</a>.')|raw }}</p>
                    </div>
                </div>

                <div class="x_panel">
                    <div class="btn-group pull-right">
                        <a href="#" type="button" class="btn btn-{{ (SITE_CONFIG_UPLOADS_BLOCK_ALL == 'yes') ? 'danger' : 'default' }} buttonmobileAdminResponsiveHide" onclick="toggleAllUploads(); return false;">{{ (SITE_CONFIG_UPLOADS_BLOCK_ALL == 'yes') ? ta('enable_all_site_uploads', 'Enable All Site Uploads') : ta('disable_all_site_uploads', 'Disable All Site Uploads') }}</a>&nbsp;
                        <a href="#" type="button" class="btn btn-{{ (SITE_CONFIG_DOWNLOADS_BLOCK_ALL == 'yes') ? 'danger' : 'default' }} buttonmobileAdminResponsiveHide" onclick="toggleAllDownloads(); return false;">{{ (SITE_CONFIG_DOWNLOADS_BLOCK_ALL == 'yes') ? ta('enable_all_site_downloads', 'Enable All Site Downloads') : ta('disable_all_site_downloads', 'Disable All Site Downloads') }}</a>
                    </div>
                    {% if Auth.hasAccessLevel(20) %}
                        <div class="btn-group pull-left" style="margin-right: 10px;">
                            <a href="{{ ADMIN_WEB_ROOT }}/server_add_edit" type="button" class="btn btn-primary">{{ ta('add_file_server', 'Add File Server') }}</a>
                        </div>
                        <div class="btn-group pull-left">
                            <a href="{{ ADMIN_WEB_ROOT }}/setting_manage?filterByGroup=File+Uploads&selectedItem=use_server_upload_pooling" type="button" class="btn btn-default buttonmobileAdminResponsiveHide">{{ ta('server_pooling', 'Server Pooling') }} {{ SITE_CONFIG_USE_SERVER_UPLOAD_POOLING == 'yes' ? ta('enabled_title', 'Enabled') : ta('disabled_title', 'Disabled') }}</a>&nbsp;
                        </div>
                    {% endif %}
                </div>

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

<div class="customFilter" id="customFilter" style="display: none;">
    <label>
        {{ ta('filter_results', 'Filter Results') }}:
        <input name="filterText" id="filterText" type="text" class="form-control" value="{{ filterText }}" onKeyUp="reloadTable(); return false;" style="width: 160px;"/>
    </label>
</div>

<div id="confirmDelete" 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="removeFileServerForm">
                <div class="x_panel">
                    <span id="confirmText">
                        <div class="x_title">
                            <h2>{{ ta('confirm_file_server_removal', 'Confirm File Server Removal') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            {{ ta('are_you_sure_you_want_to_remove_file_server_block', '<p>Are you sure you want to remove the file server called \'<span id="serverNameLabel" style="font-weight: bold;"></span>\'?</p>
                            <p>There are <span id="serverActiveFilesLabel"></span> file(s) on this server. Any active files will be removed and any historic data will be lost. This includes the statistics on these and previously expired files.</p>
                            <p>Once confirmed, this action can not be reversed.</p>
                            <p>Note: If there are a lot of files on this file server, this process may take a long time to complete.</p>')|raw }}
                        </div>
                    </span>
                    <span id="pleaseWait">
                        {{ ta('removing_please_wait', 'Removing, please wait...') }}
                    </span>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" onClick="removeFileServer(); return false;">{{ ta('confirm_file_server_removal', 'Confirm File Server Removal') }}</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}