<!DOCTYPE html>
<html lang="en" >

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Fatal Error - NamelessMC">

    <title>Fatal Error - NamelessMC</title>

    <meta name="author" content="NamelessMC">

    <link rel="stylesheet" href="/core/assets/vendor/fomantic-ui/dist/semantic.min.css">
    <link rel="stylesheet" href="/core/assets/vendor/@fortawesome/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="/core/assets/plugins/prism/prism_light_atom.css">
</head>

<body>
    
    <div class="ui container one column grid">
        <div class="row three column">
                            <div class="column"></div>
                        <div class="ui message column center aligned"
                 style=" margin-top: 30px; width: 100%; overflow-wrap: break-word;">
                                    <h2>Sorry!</h2>
                    <p>Sorry, but something went wrong while loading the page. Please contact an administrator.</p>

                    <div class="btn-group" role="group" aria-label="...">
                        <button class="ui button primary" onclick="history.go(-1)">
                            Back
                        </button>
                        <a href="/" class="ui button success">
                            Home
                        </a>
                    </div>
                            </div>
                            <div class="column"></div>
                    </div>

        
    </div>

    </body>

<style>
    

    /* Style the buttons that are used to open the tab content */
    .tablinks, .sql-tablinks {
        text-align: left;
        cursor: pointer;
    }

    .tablinks:hover, .sql-tablinks:hover {
        background-color: rgb(247, 247, 247) !important;
    }

    /* Style the tab content */
    .tabcontent,
    .sql-tabcontent {
        float: left;
        width: 80%;
    }

    .tablinks-container {
        min-height: 920px !important;
        max-height: 920px;
        overflow-y: scroll;
    }

    @media (max-width: 1198px) {
        .tabcontent,
        .sql-tabcontent {
            width: 100%;
        }

        .tablinks, .sql-tablinks {
            width: 100% !important;
        }

        .tablinks-container {
            min-height: 0;
        }
    }

    /* Force SQL query to not overflow */
    .sql-tabcontent > pre {
        overflow-y: scroll;
    }

    code {
        cursor: default;
    }
    
</style>

<script src="/core/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="/core/assets/vendor/fomantic-ui/dist/semantic.min.js"></script>
<script src="/core/assets/plugins/prism/prism.js"></script>

<script>
    function hideAllFrames() {
        $('.tabcontent').each(function() {
            $(this).css('display', 'none');
        });
    }

    function hideAllSqlFrames() {
        $('.sql-tabcontent').each(function() {
            $(this).css('display', 'none');
        });
    }

    function removeAllActive() {
        $('.tablinks').each(function() {
            $(this).removeClass('active');
        });
    }

    function removeAllActiveSqlFrames() {
        $('.sql-tablinks').each(function() {
            $(this).removeClass('active');
        });
    }

    $(document).ready(function() {
        $('.menu .item').tab();

        // Fix prism not highlighting the tabs which are "display: hidden;"
        // from the fomantic active class
        document.getElementById('sql').classList.remove('active');

        // handle expanding width of tablinks on mobile
        checkWidth();
        window.addEventListener('resize', checkWidth);

        openFrame(0);
        openSqlFrame(0);
    });

    function checkWidth() {
        if (window.matchMedia("(max-width: 1198px)").matches) {
            document.getElementById('tablinks-container').classList.add('fluid');
            document.getElementById('sql-tablinks-container').classList.add('fluid');
        } else {
            document.getElementById('tablinks-container').classList.remove('fluid');
            document.getElementById('sql-tablinks-container').classList.remove('fluid');
        }
    }

    function openFrame(id) {
        hideAllFrames();
        removeAllActive();

        $('#frame-' + id).css('display', 'block');
        $('#button-' + id).addClass('active');
    }

    function openSqlFrame(id) {
        hideAllSqlFrames();
        removeAllActiveSqlFrames();

        $('#sql-frame-' + id).css('display', 'block');
        $('#sql-button-' + id).addClass('active');
    }

    </script>

</html>
