<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="noindex,nofollow">
    <title>{{ LANG.INSTALL.0 }}</title>
    <link rel="stylesheet" type="text/css" href="../../vendor/uikit3/css/uikit{{ rtl }}.min.css">
    <link rel="stylesheet" type="text/css" href="layout/style{{ rtl }}.css">
    <script src="../../vendor/uikit3/js/uikit.min.js"></script>
    <script src="../../vendor/uikit3/js/uikit-icons.min.js"></script>
</head>

<body dir="{{ LANG.DIRECTION }}">
    <!--HEADER-->
    <header class="uk-box-shadow-small" style="background-color: #426f9c; color: white">
        <div class="uk-container">
            <nav class="uk-navbar uk-light" id="navbar" data-uk-navbar>
                <div class="uk-navbar-left">
                    <a class="uk-navbar-item uk-logo" href="https://www.geeklog.net/"><img data-src="layout/logo.png" width="180" height="63.7" alt="Geeklog" style="background-color: #426f9c;" uk-img></a>
                    <span class="uk-visible@m">{{ LANG.INSTALL.2 }}</span>
                </div>

                <div class="uk-navbar-right">
                    <ul class="uk-navbar-nav uk-visible@s">
                        <li><a href="index.php?language={{ language }}">{{ LANG.INSTALL.121 }}</a></li>
                        <li><a href="rescue.php?lang={{ language }}">{{ LANG.INSTALL.109 }}</a></li>
                        <li><a href="{{ LANG.INSTALL.87 }}">{{ LANG.INSTALL.1 }}</a></li>
                        <li><a href="help.php?language={{ language }}">{{ LANG.INSTALL.122 }}</a></li>
                        <li class="{{ language_selector_menu }}"><a href="#modal-language" uk-toggle>{{ LANG.INSTALL.118 }}</a></li>
                    </ul>
                    <ul class="uk-navbar-nav uk-hidden@s">
                        <li><a class="uk-navbar-toggle" data-uk-toggle data-uk-navbar-toggle-icon href="#offcanvas-nav"></a></li>
                    </ul>
                </div>

            </nav>
        </div>
    </header>

    <!-- OFFCANVAS -->
    <div id="offcanvas-nav" data-uk-offcanvas="flip: true; overlay: true">
        <div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide">
            <button class="uk-offcanvas-close uk-close uk-icon" type="button" data-uk-close></button>
            <ul class="uk-nav uk-nav-default">
                <li><a href="index.php?language={{ language }}">{{ LANG.INSTALL.121 }}</a></li>
                <li><a href="rescue.php?lang={{ language }}">{{ LANG.INSTALL.109 }}</a></li>
                <li><a href="{{ LANG.INSTALL.87 }}">{{ LANG.INSTALL.1 }}</a></li>
                <li><a href="help.php?language={{ language }}">{{ LANG.INSTALL.122 }}</a></li>
                <li class="{{ language_selector_menu }}"><a href="#modal-language" uk-toggle>{{ LANG.INSTALL.118 }}</a></li>
            </ul>
        </div>
    </div>
    <!-- /OFFCANVAS -->
    <!-- MODALS -->
    {{ language_selector }}
    <!-- /MODALS -->
    <!--/HEADER-->
    <!-- CONTENT -->
    <section class="uk-section uk-section-muted">
        <div class="uk-container uk-container-small uk-flex-auto">
            {{ content }}
        </div>
    </section>
    <!-- /CONTENT -->
    <!--FOOTER-->
    <footer class="uk-section uk-section-default uk-section-small">
        <div class="uk-container">
            <p class="uk-text-small uk-text-center">{{ LANG.INSTALL.119 }}</p>
        </div>
    </footer>
    <!--/FOOTER-->

<script>
    function INST_selectMigrationType() {
        var myType = document.migrate.migration_type.value;
        var migrationSelect = document.getElementById("migration-select");
        var migrationUpload = document.getElementById("migration-upload");
        var migrationUploadWarning = document.getElementById("migration-upload-warning");

        switch (myType) {
            case "select":
                migrationSelect.style.display = "inline";
                migrationUpload.style.display = "none";
                migrationUploadWarning.style.display = "none";
                break;

            case "upload":
                migrationSelect.style.display = "none";
                migrationUpload.style.display = "inline";
                migrationUploadWarning.style.display = "block";
                break;

            default:
                migrationSelect.style.display = "none";
                migrationUpload.style.display = "none";
                migrationUploadWarning.style.display = "none";
        }
    }
</script>
</body>
</html>
