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

{% block title %}{{ ta('manage_download_pages', 'Manage Download Pages') }}{% endblock %}
{% block selected_page %}configuration{% endblock %}
{% block selected_sub_page %}download_page_manage{% endblock %}

{% block body %}
<script>
    oTable = null;
    gPageId = null;
    gDefaultLanguage = '';
    gEditPageId = null;
    $(document).ready(function(){
        // datatable
        oTable = $('#downloadPagesTable').dataTable($.extend(dataTableOpts, {
            "sAjaxSource": 'ajax/download_page_manage',
            "aaSorting": [[ 1, "asc" ]],
            "aoColumns" : [   
                { bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                { bSortable: false, sName: 'user_level', sWidth: '20%' },
                { bSortable: false , sClass: "adminResponsiveHide"},
                { bSortable: false, sName: 'file_type_limit', sWidth: '25%' },
                { bSortable: false, sWidth: '15%', sClass: "center" }
            ],
            "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
                $.ajax({
                    "dataType": 'json',
                    "type": "GET",
                    "url": sSource,
                    "data": aoData,
                    "success": fnCallback
                });
            },
            'oLanguage': $.extend(dataTableOpts.oLanguage, {
                'sEmptyTable': {{ ta('there_are_no_download_pages_in_the_current_filters', 'There are no download pages in the current filters.')|json_encode()|raw }}
            })
        }));
        
        // update custom filter
        $('.dataTables_filter').html($('#customFilter').html());
    });
    
    function addDownloadPageForm()
    {
        showBasicModal({{ ta('loading_dots', 'Loading...')|json_encode()|raw }}, {{ ta('add_download_page', 'Add Download Page')|json_encode()|raw }}, '<button type="button" class="btn btn-primary" onClick="processAddDownloadPage(); return false;">{{ ta('add_download_page', 'Add Download Page') }}</button>');
        loadAddDownloadPageForm();
    }
    
    function loadAddDownloadPageForm()
    {
        $.ajax({
            type: "POST",
            url: "ajax/download_page_manage_add_form",
            data: { },
            dataType: 'json',
            success: function(json) {
                if(json.error == true)
                {
                    setBasicModalContent(json.msg);
                }
                else
                {
                    setBasicModalContent(json.html);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                setBasicModalContent(XMLHttpRequest.responseText);
            }
        });
    }
    
    function processAddDownloadPage()
    {
        // get data
        download_page = $('#download_page').val();
        user_level_id = $('#user_level_id').val();
        page_order = $('#page_order').val();
        file_type_limit = $('#file_type_limit').val();
        optional_timer = $('#optional_timer').val();
        additional_javascript_code = $('#additional_javascript_code').val();
        
        $.ajax({
            type: "POST",
            url: "ajax/download_page_manage_add_process",
            data: { download_page: download_page, user_level_id: user_level_id, page_order: page_order, file_type_limit: file_type_limit, optional_timer: optional_timer, additional_javascript_code: additional_javascript_code },
            dataType: 'json',
            success: function(json) {
                if(json.error == true)
                {
                    showError(json.msg, 'popupMessageContainer');
                }
                else
                {
                    showSuccess(json.msg);
                    reloadTable();
                    hideModal();
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                showError(XMLHttpRequest.responseText, 'popupMessageContainer');
            }
        });

    }
    
    function editDownloadPageForm(pageId)
    {
        gEditPageId = pageId;
        showBasicModal({{ ta('loading_dots', 'Loading...')|json_encode()|raw }}, {{ ta('edit_download_page', 'Edit Download Page')|json_encode()|raw }}, '<button type="button" class="btn btn-primary" onClick="processEditDownloadPage(); return false;">{{ ta('update_download_page', 'Update Download Page') }}</button>');
        loadEditDownloadPageForm();
    }
    
    function loadEditDownloadPageForm()
    {
        $.ajax({
            type: "POST",
            url: "ajax/download_page_manage_add_form",
            data: { pageId: gEditPageId },
            dataType: 'json',
            success: function(json) {
                if(json.error == true)
                {
                    setBasicModalContent(json.msg);
                }
                else
                {
                    setBasicModalContent(json.html);
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                setBasicModalContent(XMLHttpRequest.responseText);
            }
        });
    }
    
    function processEditDownloadPage()
    {
        // get data
        download_page = $('#download_page').val();
        user_level_id = $('#user_level_id').val();
        page_order = $('#page_order').val();
        file_type_limit = $('#file_type_limit').val();
        optional_timer = $('#optional_timer').val();
        additional_javascript_code = $('#additional_javascript_code').val();
        
        $.ajax({
            type: "POST",
            url: "ajax/download_page_manage_add_process",
            data: { download_page: download_page, user_level_id: user_level_id, page_order: page_order, file_type_limit: file_type_limit, optional_timer: optional_timer, additional_javascript_code: additional_javascript_code, pageId: gEditPageId },
            dataType: 'json',
            success: function(json) {
                if(json.error == true)
                {
                    showError(json.msg, 'popupMessageContainer');
                }
                else
                {
                    showSuccess(json.msg);
                    reloadTable();
                    hideModal();
                }
                
            },
            error: function (XMLHttpRequest) {
                showError(XMLHttpRequest.responseText, 'popupMessageContainer');
            }
        });

    }

    function reloadTable()
    {
        oTable.fnDraw(false);
    }
    
    function deletePageType(pageId)
    {
        gPageId = pageId;
        showBasicModal('<p>{{ ta('are_your_sure_you_want_to_delete_the_download_page', 'Are you sure you want to delete the download page on this user type?') }}</p>', {{ ta('confirm_removal', 'Confirm Removal')|json_encode()|raw }}, '<button type="button" class="btn btn-primary" onClick="removePageOnUserType(); return false;">{{ ta('delete_download_page', 'Delete Download Page') }}</button>');
    }
    
    function removePageOnUserType()
    {
        $.ajax({
            type: "POST",
            url: "ajax/download_page_manage_remove",
            data: { pageId: gPageId },
            dataType: 'json',
            success: function(json) {
                if(json.error == true)
                {
                    showError(json.msg);
                }
                else
                {
                    showSuccess(json.msg);
                    reloadTable();
                    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('download_pages', 'Download Pages') }}</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <p>{{ ta('download_pages_introduction', 'Use this section to manage which pages your users see when they request a file download. Set 1 or more pages depending on user type. If a user type doesn\'t have any pages, the file will be downloaded directly. Some pages support countdown timers which you can also define here. If you manually add new pages, as long as the filename starts _download_page_ it will appear here.') }}</p>
                        <table id="downloadPagesTable" class="table table-striped table-only-border dtLoading bulk_action">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th class="align-left">{{ ta('user_level_page', 'User Level / Page') }}</th>
                                    <th class="align-left">{{ ta('download_page', 'Download Page') }}</th>
                                    <th class="align-left">{{ ta('file_type_limit', 'File Types') }}</th>
                                    <th class="align-left">{{ 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">
                        <a href="#" type="button" class="btn btn-primary" onClick="addDownloadPageForm(); return false;">{{ ta('set_download_page_to_user_type', 'Set Download Page To User Type') }}</a>
                    </div>
                </div>
                
                <div class="x_panel">
                    <div class="x_title">
                        <h2>{{ ta('customising_download_pages_title', 'Customising Download Pages') }}</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <p>{{ ta('customising_download_pages_description', 'If you create any custom download pages, ensure you use the following Twig template code to create the link to the next download page:<br/><br/><code>[[[DOWNLOAD_PAGE_LINK]]]</code><br/><br/>Use this on any \'next\' links or buttons for every download page you create. See compare_all.twig.html source code for an example.', {'DOWNLOAD_PAGE_LINK': '{{ file.getNextDownloadPageLink() }}'|escape})|raw }}</p>
                    </div>
                </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="" onKeyUp="reloadTable(); return false;" style="width: 180px;" class="form-control input-sm"/>
    </label>
</div>
{% endblock %}