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

{% block title %}{{ ta('abuse_reports', 'Abuse Reports') }}{% endblock %}
{% block selected_page %}files{% endblock %}
{% block selected_sub_page %}file_report_manage{% endblock %}

{% block body %}  
    <script>
        oTable = null;
        gFileId = null;
        gAbuseId = null;
        gNotesText = '';
        $(document).ready(function () {
            // datatable
            oTable = $('#abuseReportsTable').dataTable($.extend(dataTableOpts, {
                "sAjaxSource": 'ajax/file_report_manage',
                "aaSorting": [[2, "desc"]],
                "aoColumns": [
                    {bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                    {sName: 'report_date', sWidth: '12%', sClass: "center"},
                    {sName: 'file_name', sClass: "adminResponsiveHide"},
                    {sName: 'reported_by_name', sWidth: '15%', sClass: "center adminResponsiveHide"},
                    {sName: 'reported_by_ip', sWidth: '15%', sClass: "center adminResponsiveHide"},
                    {sName: 'status', sWidth: '12%', sClass: "center adminResponsiveHide"},
                    {bSortable: false, sWidth: '20%', sClass: "center"}
                ],
                "fnServerData": function (sSource, aoData, fnCallback) {
                    setTableLoading();
                    aoData.push({"name": "filterText", "value": $('#filterText').val()});
                    aoData.push({"name": "filterByReportStatus", "value": $('#filterByReportStatus').val()});
                    $.ajax({
                        "dataType": 'json',
                        "type": "GET",
                        "url": sSource,
                        "data": aoData,
                        "success": fnCallback
                    });
                },
                'oLanguage': $.extend(dataTableOpts.oLanguage, {
                    'sEmptyTable': {{ ta('there_are_no_reports_in_the_current_filters', 'There are no reports in the current filters.')|json_encode()|raw }}
                })
            }));

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

            // dialog box
            $("#confirmDelete").modal({
                show: false
            });

            // dialog box
            $("#viewReport").modal({
                show: false
            });
        });

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

        function confirmRemoveFile(abuseId, notesText, fileId)
        {
            showModal($('#confirmDelete .modal-body'), $('#confirmDelete .modal-footer'));
            gFileId = fileId;
            $('#removeFileForm #admin_notes').val(notesText);
            gFileId = fileId;
            gAbuseId = abuseId;
        }

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

        function viewReport(abuseId, notesText, fileId, reportStatus)
        {
            gFileId = fileId;
            gAbuseId = abuseId;
            gNotesText = notesText;

            $('#viewReport .modal-body').html('');
            $('#viewReport').modal('show');
            $.ajax({
                type: "POST",
                url: "ajax/file_report_detail",
                data: {abuseId: abuseId},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        $('#viewReport .modal-body').html(json.msg);
                    } else
                    {
                        $('#viewReport .modal-body').html(json.html);
                    }

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


            // show or hide action buttons
            if (reportStatus == 'pending')
            {
                $(":button:contains('Remove File')").prop("disabled", false).removeClass("ui-state-disabled");
                $(":button:contains('Decline Request')").prop("disabled", false).removeClass("ui-state-disabled");
            } else
            {
                $(":button:contains('Remove File')").prop("disabled", true).addClass("ui-state-disabled");
                $(":button:contains('Decline Request')").prop("disabled", true).addClass("ui-state-disabled");
                $('.ui-dialog :button').blur();
            }
        }

        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
                    {
                        acceptReport(gAbuseId);
                        return true;
                    }

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

        function acceptReport(abuseId)
        {
            gAbuseId = abuseId;
            //  accept report
            $.ajax({
                type: "POST",
                url: "ajax/file_report_accept",
                data: {abuseId: gAbuseId, sendConfirmationEmail: $('#genericModalContainer #send_confirmation_email').val()},
                dataType: 'json',
                success: function (json) {
                    if (json.error == true)
                    {
                        hideModal();
                        showError(json.msg);
                    } else
                    {
                        hideModal();
                        showSuccess(json.msg);
                        $('#removal_type').val(3);
                        $('#admin_notes').val('');
                        reloadTable();
                        callback();
                    }

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

        function declineReport(reportId)
        {
            if (confirm({{ ta('are_you_sure_you_want_to_decline_this_abuse_report', 'Are you sure you want to decline this abuse report?')|json_encode()|raw }}))
            {
                //  decline report
                $.ajax({
                    type: "POST",
                    url: "ajax/file_report_decline",
                    data: {reportId: reportId},
                    dataType: 'json',
                    success: function (json) {
                        if (json.error == true)
                        {
                            showError(json.msg);
                        } else
                        {
                            reloadTable();
                        }

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

            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_title">
                            <h2>{{ ta('abuse_reports', 'Abuse Reports') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <table id="abuseReportsTable" class="table table-striped table-only-border dtLoading bulk_action">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th class="align-left">{{ ta('report_date', 'Report Date') }}</th>
                                        <th>{{ ta('file', 'File') }}</th>
                                        <th class="align-left">{{ ta('reported_by_name', 'Reported Name') }}</th>
                                        <th style="width: 10%;">{{ ta('reported_by_ip', 'Reported By IP') }}</th>
                                        <th style="width: 10%;">{{ ta('status', 'Status') }}</th>
                                        <th class="align-left" style="width: 15%;">{{ 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">
                        <a type="button" class="btn btn-default mobileAdminResponsiveHide" href="file_report_manage_bulk_remove">{{ ta('bulk_remove', 'Bulk Remove') }}</a>
                    </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" value="{{ filterText }}" onKeyUp="reloadTable();
                    return false;" style="width: 160px;" class="form-control"/>
        </label>
        <label class="adminResponsiveHide" style="padding-left: 6px;">
            {{ ta('by_status', 'By Status') }}:
            <select name="filterByReportStatus" id="filterByReportStatus" onChange="reloadTable();
                    return false;" style="width: 120px;" class="form-control">
                <option value="">- {{ ta('all', 'all') }} -</option>
                {% for statusDetail in statusDetails %}
                    <option value="{{ statusDetail }}"{{ filterByReportStatus == statusDetail?' SELECTED':'' }}>{{ statusDetail|title }}</option>
                {% endfor %}
            </select>
        </label>
    </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" SELECTED>{{ 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 class="form-group">
                            <label class="control-label col-md-3 col-sm-3 col-xs-12">
                                {{ ta('send_confirmation_email', 'Send Confirmation Email') }}:
                            </label>
                            <div class="col-md-9 col-sm-9 col-xs-12">
                                <div class="input-group">
                                    <select name="send_confirmation_email" id="send_confirmation_email" class="form-control">
                                        <option value="0">{{ ta('choice_no', 'No') }}</option>
                                        <option value="1" SELECTED>{{ ta('choise_yes_the_original_reporting_user_will_be_emailed', 'Yes (the original reporting user will be emailed)') }}</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="viewReport" 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"></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="$('#viewReport').modal('hide');
                            confirmRemoveFile(gAbuseId, gNotesText, gFileId);">{{ ta('remove_file', 'Remove File') }}</button>
                    <button type="button" class="btn btn-primary" onClick="$('#viewReport').modal('hide');
                            declineReport(gAbuseId);">{{ ta('decline_request', 'Decline Request') }}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}