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

{% block title %}System Update{% endblock %}
{% block selected_page %}configuration{% endblock %}
{% block selected_sub_page %}configuration{% endblock %}

{% block body %}
    <script>
        function checkForUpdates() {
            $('#checkUpdatesBtn1').hide();
            $('#checkUpdatesBtn2').show();

            $(document).ready(function () {
                $.ajax({
                    url: "ajax/check_for_upgrade",
                    dataType: "json"
                }).done(function (response) {
                    console.log(response);
                    if (typeof (response['core']) != "undefined") {
                        // updates available
                        $('.availableVersionNumber').html(response['core']['latest_version']);
                        $('#checkUpdatesBtn3').text({{ ta('upgrade_to_v', 'Upgrade to v')|json_encode()|raw }} + response['core']['latest_version']);
                        $('.releaseNotesTitle').html({{ ta('release_notes_for_v', 'Release Notes for v')|json_encode()|raw }} + response['core']['latest_version']);
                        $('.releaseNotesPara1').html(response['core']['release_detail']['release_date_formatted'] + ' - ' + response['core']['release_detail']['release_title']);
                        $('.releaseNotesPara2').html(response['core']['release_detail']['release_detail']);

                        $('.updateCheckerWrapper').hide();
                        $('.updateAvailableWrapper').show();
                    } else {
                        // no updates available
                        $('.updateCheckerWrapper').hide();
                        $('.updateNotAvailableWrapper').show();
                    }
                });
            });
        }
    </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 updateCheckerWrapper">
                        <div class="x_title">
                            <h2>{{ ta('update_check', 'Update Check') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p>{{ ta('use_this_page_to_check_and_apply_updates_for_your_install', 'Use this page to check and apply updates for your install.') }}</p>
                            <p>{{ ta('current_version', 'Current Version') }}: v{{ scriptInstalledVersion }}</p>
                        </div>

                        <a id="checkUpdatesBtn1" href="#" class="btn btn-primary" onClick="checkForUpdates();
                            return false;">{{ ta('system_update_check_for_updates', 'Check for Updates') }}</a>
                        <a id="checkUpdatesBtn2" href="#" class="btn btn-primary" onClick="return false;" style="display: none;" disabled="disabled">{{ ta('system_update_checking_for_updates', 'Checking...') }} <span class="glyphicon glyphicon-refresh spinning"></span></a>
                    </div>

                    <div class="x_panel updateNotAvailableWrapper" style="display: none;">
                        <div class="x_title">
                            <h2>{{ ta('youre_up_to_date', 'You\'re Up To Date!') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p>{{ ta('congratulations_you_are_already_on_the_latest_copy_of_the_script', 'Congratulations, you are already on the latest copy of the script. Check again at any time or keep an eye on our website for announcements.') }}</p>
                        </div>
                    </div>

                    <div class="x_panel updateAvailableWrapper" style="display: none;">
                        <div class="x_title">
                            <h2>{{ ta('update_available', 'Update Available!') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p>{{ ta('a_new_update_to_your_install_is_available', 'A new update to your install is available! Click the button below to download <strong>v<span class="availableVersionNumber"></span></strong> via your account login on the [[[CURRENT_PRODUCT_NAME]]] website.', {'CURRENT_PRODUCT_NAME': currentProductName})|raw }}</p>
                        </div>

                        <a id="checkUpdatesBtn3" href="{{ currentProductUrl }}" class="btn btn-success" target="_blank">{{ ta('system_update_start_update', 'Upgrade') }}</a>
                    </div>

                    <div class="x_panel updateAvailableWrapper" style="display: none;">
                        <div class="x_title">
                            <h2 class="releaseNotesTitle">{{ ta('release_notes', 'Release Notes') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <p class="releaseNotesPara1"></p>
                            <p class="literal-block releaseNotesPara2"></p>
                        </div>
                    </div>

                    <div class="x_panel updateAvailableWrapper" style="display: none;">
                        <div class="x_title">
                            <h2>{{ ta('how_to_upgrade', 'How to Upgrade') }}</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <ol>
                                {{ ta('upgrade_guidance', '<li>Download the latest release code.</li>
                                <li>Backup your MySQL database, any /files/ and the _config.inc file.</li>
                                <li>Backup any custom code or changes you have made (these may be overwritten).</li>
                                <li>Unzip the newly downloaded zip file onto your local computer.</li>
                                <li>Within that local code, remove the _config.inc file & the install/ folder.</li>
                                <li>Upload the new files to your existing installation of {{ currentProductName }} replacing all existing files.</li>
                                <li>Within your hosting control panel, load phpMyAdmin and select your new database. In the right-hand section click on \'import\'. Attach the the relevant sql patches from the directory `/install/resources/upgrade_sql_statements/` and submit the form. Choose the patches between your current script version number and the latest, ensuring you do them in version number order. If there are none, you can ignore this step.</li>
                                <li>Done - Enjoy the upgrade!</li>')|raw }}
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}