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

{% block title %}{{ ta('manage_plugins', 'Manage Plugins') }}{% endblock %}
{% block selected_page %}plugins{% endblock %}
{% block selected_sub_page %}plugin_manage{% endblock %}

{% block body %}
<script>
    oTable = null;
    gPluginId = null;
    $(document).ready(function () {
        // datatable
        oTable = $('#fileTable').dataTable($.extend(dataTableOpts, {
            "sAjaxSource": 'ajax/plugin_manage',
            "iDisplayLength": 100,
            "aoColumns": [
                {bSortable: false, sWidth: '3%', sName: 'file_icon', sClass: "center adminResponsiveHide"},
                {bSortable: false, sName: 'plugin_title'},
                {bSortable: false, sName: 'directory_name', sWidth: '14%', sClass: "adminResponsiveHide"},
                {bSortable: false, sName: 'installed', sWidth: '10%', sClass: "center adminResponsiveHide"},
                {bSortable: false, sName: 'version', sWidth: '10%', sClass: "center adminResponsiveHide"},
                {bSortable: false, sName: 'up_to_date', sWidth: '10%', sClass: "center adminResponsiveHide"},
                {bSortable: false, sWidth: '20%', sClass: "center", sClass: "center"}
            ],
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                aoData.push({"name": "filterText", "value": $('#filterText').val()});
                $.ajax({
                    "dataType": 'json',
                    "type": "GET",
                    "url": sSource,
                    "data": aoData,
                    "success": fnCallback
                });
            },
            "fnDrawCallback": function (oSettings) {
                postDatatableRender();
                checkForUpdates();
            },
            'oLanguage': $.extend(dataTableOpts.oLanguage, {
                'sEmptyTable': {{ ta('you_have_no_plugins_configured_within_your_site', 'You have no plugins configured within your site. Go to <a href=\'[[[CURRENT_PRODUCT_URL]]]\' target=\'_blank\'>[[[CURRENT_PRODUCT_NAME]]]</a> to see a list of available plugins.', {'CURRENT_PRODUCT_URL': currentProductUrl, 'CURRENT_PRODUCT_NAME': currentProductName})|json_encode()|raw }}
            })
        }));
        
        // update custom filter
        $('.dataTables_filter').html($('#customFilter').html());
    });

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

    function confirmInstallPlugin(plugin_id, pluginName)
    {
        gPluginId = plugin_id;
        showBasicModal('<p>{{ ta('are_you_sure_you_want_to_install_this_plugin', 'Are you sure you want to install this plugin?') }}</p>', {{ (ta('confirm_install', 'Confirm Install')~' - PLUGIN_NAME')|json_encode()|raw }}.replace('PLUGIN_NAME', pluginName), '<button type="button" class="btn btn-primary" onClick="installPlugin(); return false;">{{ ta('install', 'Install') }} PLUGIN_NAME</button>'.replace('PLUGIN_NAME', pluginName));
    }

    function confirmUninstallPlugin(plugin_id, pluginName)
    {
        gPluginId = plugin_id;
        showBasicModal('<p>{{ ta('are_you_sure_you_want_to_uninstall_this_plugin', 'Are you sure you want to uninstall this plugin? All data associated with the plugin will be deleted and unrecoverable.') }}</p>', {{ (ta('confirm_uninstall', 'Confirm Uninstall')~' - PLUGIN_NAME')|json_encode()|raw }}.replace('PLUGIN_NAME', pluginName), '<button type="button" class="btn btn-primary" onClick="uninstallPlugin(); return false;">{{ ta('uninstall', 'Uninstall') }} PLUGIN_NAME</button>'.replace('PLUGIN_NAME', pluginName));
    }

    function confirmDeletePlugin(plugin_id, pluginName)
    {
        gPluginId = plugin_id;
        showBasicModal('<p>{{ ta('are_you_sure_you_want_to_delete_this_plugin', 'Are you sure you want to delete this plugin? All data associated with the plugin will be deleted and unrecoverable.') }}</p>', {{ (ta('confirm_delete', 'Confirm Delete')~' - PLUGIN_NAME')|json_encode()|raw }}.replace('PLUGIN_NAME', pluginName), '<button type="button" class="btn btn-primary" onClick="deletePlugin(); return false;">{{ ta('delete', 'Delete') }} PLUGIN_NAME</button>'.replace('PLUGIN_NAME', pluginName));
    }

    function installPlugin()
    {
        $.ajax({
            type: "POST",
            url: "ajax/plugin_manage_install",
            data: {plugin_id: gPluginId},
            dataType: 'json',
            success: function (json) {
                if (json.error == true)
                {
                    showError(json.msg, 'messageContainer');
                } else
                {
                    window.location = 'plugin_manage?id=' + encodeURIComponent(json.id) + '&plugin=' + encodeURIComponent(json.plugin) + '&sm=' + encodeURIComponent(json.msg);
                }
            },
            error: function (XMLHttpRequest) {
                showError(XMLHttpRequest.responseText, 'messageContainer');
            }
        });
    }

    function uninstallPlugin()
    {
        $.ajax({
            type: "POST",
            url: "ajax/plugin_manage_uninstall",
            data: {plugin_id: gPluginId},
            dataType: 'json',
            success: function (json) {
                if (json.error == true)
                {
                    showError(json.msg, 'messageContainer');
                } else
                {
                    window.location = 'plugin_manage?sm=' + encodeURIComponent(json.msg);
                }
            },
            error: function (XMLHttpRequest) {
                showError(XMLHttpRequest.responseText, 'messageContainer');
            }
        });
    }

    function deletePlugin()
    {
        $.ajax({
            type: "POST",
            url: "ajax/plugin_manage_delete",
            data: {plugin_id: gPluginId},
            dataType: 'json',
            success: function (json) {
                if (json.error == true)
                {
                    showError(json.msg, 'messageContainer');
                }
                else
                {
                    window.location = 'plugin_manage?d=' + encodeURIComponent(json.msg);
                }
            },
            error: function (XMLHttpRequest) {
                showError(XMLHttpRequest.responseText, 'messageContainer');
            }
        });
    }
    
    function checkForUpdates()
    {
        $.ajax({
            url: "ajax/check_for_upgrade",
            dataType: "json"
        }).done(function(response) {
            totalOutOfDate = 0;
            for(i in response)
            {
                // found some plugins which aren't up-to-date
                var itemIdentifier = i;
                if($('.identifier_'+itemIdentifier).length > 0)
                {
                    $('.identifier_'+itemIdentifier).replaceWith('<a href="#" onClick="showUpdateNotice(\''+response[i]['latest_version']+'\'); return false;"><i class="fa fa-warning text-danger" data-toggle="tooltip" data-placement="top" data-original-title={{ ta('update_available', 'Update Available')|json_encode()|raw }}></i></a>');
                    totalOutOfDate++;
                }
            }
            
            // assume the rest are up to date
            $('.update_checker').replaceWith('<i class="fa fa-check text-success" data-toggle="tooltip" data-placement="top" data-original-title={{ ta('plugin_is_the_latest_version', 'Plugin is the Latest Version')|json_encode()|raw }}></i>');
            setupTooltips();
            
            // show the onscreen notice
            if(totalOutOfDate > 0)
            {
                msg = {{ ta('you_have_x_plugins_which_have_updates_available', 'You have [[[PLUGIN_COUNT]]] plugin(s) which have updates available. Please see below for more information.')|json_encode()|raw }};
                msg = msg.replace('[[[PLUGIN_COUNT]]]', totalOutOfDate);
                showInfo(msg);
            }
        }).error(function(response) {
            // assume the rest are up to date
            $('.update_checker').replaceWith('<i class="fa fa-check text-success" data-toggle="tooltip" data-placement="top" data-original-title={{ ta('plugin_is_the_latest_version', 'Plugin is the Latest Version')|json_encode()|raw }}></i>');
            setupTooltips();
        });
    }
    
    function showUpdateNotice(newVersion)
    {
        msg = {{ ta('this_plugin_has_been_updated_to_version', 'This plugin has been updated to v[[[NEW_VERSION]]]. Click the button below to login to your account and download the latest release.')|json_encode()|raw }};
        msg = msg.replace('[[[NEW_VERSION]]]', newVersion);
        showBasicModal('<p>'+msg+'</p>', {{ ta('plugin_update_available_v', 'Plugin Update Available - v')|json_encode()|raw }} + newVersion, '<a href="https://yetishare.com" target="_blank" class="btn btn-primary">{{ ta('download_update', 'Download Update') }}</a>');
    }
</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('plugins', 'Plugins') }}</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></th>
                                    <th class="align-left">{{ ta("plugin", "Plugin") }}</th>
                                    <th class="align-left">{{ ta("directory_name", "Directory Name") }}</th>
                                    <th class="align-left">{{ ta("installed", "Installed?") }}</th>
                                    <th class="align-left">{{ ta("version", "Version") }}</th>
                                    <th class="align-left">{{ ta("up_to_date", "Up To Date") }}</th>
                                    <th class="align-left">{{ ta("action", "Action") }}</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 href="plugin_manage_add" type="button" class="btn btn-primary">{{ ta('add_plugin', 'Add Plugin') }}</a>
                    <a href="{{ currentProductUrl }}/plugins.html" target="_blank" type="button" class="btn btn-default">{{ ta('get_plugins', 'Get Plugins') }}</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" onKeyUp="reloadTable();
                return false;" class="form-control"/>
    </label>
</div>
{% endblock %}