<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="x-ua-compatible" content="ie=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>

        

        <link rel="shortcut icon" type="image/png" href="/style/favicon.png"/>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
              integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
        <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.20.2/dist/bootstrap-table.min.css">

        <link rel="stylesheet" type="text/css" href="/style/bootstrap-overrides.css">
        <link rel="stylesheet" type="text/css" href="/style/autocomplete.css">

        <!-- TODO: use bootstrap-icons (already included) instead of font-awesome -->
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css"
              integrity="sha384-/frq1SRXYH/bSyou/HUp/hib7RVN1TawQYja658FEOodR/FQBKVqT9Ol+Oz3Olq5" crossorigin="anonymous"/>


        <script src="https://code.jquery.com/jquery-3.6.0.min.js"
                integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>


        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
                integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
        <script src="https://unpkg.com/bootstrap-table@1.20.2/dist/bootstrap-table.min.js"></script>

        <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"
                integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY=" crossorigin="anonymous"></script>

        <script src="https://accounts.google.com/gsi/client" async defer></script>

        <script src="https://cdn.jsdelivr.net/npm/d3@7"></script>

        <script>
            const checkers = {};
            const checkersCallbacks = []

            const sources = {};
            const sourcesCallbacks = []

            const claims = {};
            const claimsCallbacks = []

            const citations = {};
            const citationsCallbacks = []

            const informiz = {};
            const informizCallbacks = []

            const loadCompleteCallbacks = []
            const autoSearchCallbacks = []

            const modalCallbacks = [];
        </script>
        <script type="text/javascript" src="/js/util.js"></script>
        <script type="text/javascript" src="/js/load_data.js"></script>

    </head>
    <body>

        <!-- TODO: invoking bean methods is less secure than passing calculated values in the model?
                Forbidden in other attrs with error message "Instantiation of new objects and access to static classes
                or parameters is forbidden in this context".
                SSO provider to replace "googleOAuthService=${@googleOAuthService}"? -->
        <div class="container">

            <div class="row mt-3">
                <div class="col d-flex align-items-center justify-content-center">
                    <h3 class="alert-heading mt-2">------- TEST APPLICATION ------</h3>
                </div>
            </div>

            <div class="mw-100">
    <div class="row my-5">
        <div class="col">
            <img class="img-fluid float-left" src="/style/logo-sm.jpg" alt="">
        </div>

<!-- TODO: SSO provider?
        <div id="sign_in_div" class="col d-flex align-items-center justify-content-end">
            <div id="g_id_onload"
                 th:data-client_id="${googleOAuthService.getClientId()}"
                 th:data-nonce="${sUtils.getNonce()}"
                 th:data-login_uri="@{/oauth/login}"
                 data-auto_prompt="false">
            </div>
            <div class="border border-success rounded d-flex align-items-center">
                <div class="g_id_signin"
                     th:data-type="${#authorization.expression('isAuthenticated()') ? 'icon' : 'standard'}"
                     th:data-theme="${#authorization.expression('isAuthenticated()') ? 'outline' : 'filled_blue'}">
                </div>
                <div>
                    <a sec:authorize="isAuthenticated()" class="small p-2 text-decoration-none text-success link-success"
                       href="javascript:usrSignOut()">Sign Out</a>
                </div>
            </div>
            <div class="d-none">
                <form id="logout-form" th:action="@{/oauth/logout}" method="post">
                    <input type="submit" value="Logout">
                </form>
            </div>
        </div>
-->
    </div>
    <div class="row">
        <div class="col">
            <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #28A745;">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">Informiz</a>

                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar"
                            aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="collapsibleNavbar">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item" id="nav-home"><a class="nav-link fw-bold" href="/">Home</a></li>
                            <li class="nav-item" id="nav-checkers"><a class="nav-link fw-bold" href="/factchecker/">Fact Checkers</a></li>
                            
                            <li class="nav-item" id="nav-informiz"><a class="nav-link fw-bold" href="/informi/">Informiz</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <script>
            function usrSignOut() {
                // Calling login endpoint by submitting a form, to go through Spring's CSRF-token handling.
                $( "#logout-form" ).submit();
            }
        </script>
</div>

            <div class="mt-3 px-2 bg-light bg-gradient">
                <div class="row mx-1 alert alert-secondary" role="alert">
                    <div class="col col-auto">
                        <h3 class="alert-heading mt-2">
                            Welcome to the Demo-Channel of Informiz,<br/> the collaborative fact-checking platform!
                        </h3>
                        <a href="https://informiz.org/about" class="text-success link-success fs-6 fst-italic" target="_blank">About Informiz</a>
                        <h5 class="mt-3 mb-3">This open-source project promotes fact-based public discussion by making
                            reliable information easily accessible.
                        </h5>
                    </div>
                    <div class="col d-flex align-items-center">
                        <button class="btn btn-success btn-sm mx-auto">
                            <a href="https://www.gofundme.com/f/informiz-collaborative-factchecking" target="_blank"
                               style="text-decoration: none; color: inherit;">Donate</a>
                        </button>
                    </div>
                </div>


                <div class="row justify-content-center">
                    <div class="col col-auto">
                        <div>
    <div class="my-5">
        <div class="text-danger" role="alert">
            <h2>The following error has occurred:</h2>
            <b>
                [<span>200</span>]
                <span>NoResourceFoundException</span>
            </b>
            <p>An internal error was logged and will be addressed by a developer</p>
        </div>
    </div>
</div>
                    </div>
                </div>

                <div class="row">
                    <div class="col col-auto">
                        <div>
    <div>
        <span class="text-muted small">
             &#169; 2020  @informiz.org  View our <a href="/policy" class="text-muted"><u>privacy policy</u></a>
        </span>
    </div>
</div>
                    </div>
                </div>

            </div>
        </div>

    </body>
</html>