<?php include_once($_SERVER['DOCUMENT_ROOT'].'/_ps2020/_global/dir_root.php'); ?>
<?php include_once($_SERVER['DOCUMENT_ROOT'].'/_ps2020/config/cfg_loggedUser.php'); ?>
<?php include($_SERVER['DOCUMENT_ROOT'] ."/_ps2020/config/connect.php"); ?>


<!DOCTYPE html>
<html>
    <head>
        <title>Account Disabled | GEESE</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <?php include_once(dir_rootPHP.'_global/icon.php'); ?>


        <!-- libs -->
            <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
            <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/fontAwesome/css/font-awesome.min.css" /> -->
            <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/animate.css" /> -->

            <!-- Font Awesome -->
            <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
            <!-- Google Fonts -->
            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
            <!-- Bootstrap core CSS -->
            <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
            <!-- Material Design Bootstrap -->
            <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet">

            <!-- animation -->
                <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate.css" />
                <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_bounce.css" /> -->
                <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_fade.css" />
                <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_flip.css" /> -->
                <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_other.css" /> -->
                <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_rotate.css" /> -->
                <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_slide.css" /> -->
                <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>libs/Animate/animate_zoom.css" /> -->

        <!-- css -->
            <link rel="stylesheet" href="<?php echo dir_root; ?>css/template-hielo/main.css" />

        <!-- css (custom) -->
            <link rel="stylesheet" href="<?php echo dir_root; ?>css/henry_style.css" />
            <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>css/tanuj_style.css" /> -->
            <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>css/karl_style.css" /> -->
            <!-- <link rel="stylesheet" href="<?php echo dir_root; ?>css/harsh_style.css" /> -->

            <style>
                .mb-4{
                    margin-bottom: .7rem !important;
                }

                .ctm-outer{
                    background-color: white;
                    box-shadow: 0 0 15px #dfdfdf;
                }
            </style>

    </head>

    <body>

        <!-- Header | Nav -->
            <?php include_once(dir_rootPHP.'_global/navbar/navbar.php'); ?>
            <?php include_once(dir_rootPHP.'_global/navbar/navbar-mobile.php'); ?>

        
        <!-- Page-Title -->
            <section id="One" class="wrapper style3" style="padding-top: 9rem;">
                <div class="inner">
                    <header class="align-center">
                        <p>Greenscape Environmental Experience & Learning Survey Experiments</p>
                        <h2>Account Disabled</h2>
                    </header>
                </div>
            </section>

        <!-- Content -->
            <section id="two" class="wrapper style2" style="padding: 8% 0 6% 0;">
                <div class="inner">

                    <div class="row d-flex justify-content-center">

                        <!--Grid column-->
                        <div class="col-md-6">

                           <!-- V-Code (form) -->
                                <div class="animated fadeInUp text-center border border-light p-5 ctm-outer">

                                    <i class="fa fa-exclamation-circle" style="font-size: 36px; color: red;"></i>

                                    <p style="margin: 20px 0;">
                                        Your account has been disabled, please contact the researcher or send a message on the 'Contact Us' page.
                                    </p>

                                </div>

                        </div>
                        <!--Grid column-->

                    </div>
                    <!--Grid row-->

                </div>
            </section>
            

        <!-- Footer -->
            <?php include_once(dir_rootPHP.'_global/footer/footer.php'); ?>

        <!-- Scripts -->
            <script src="<?php echo dir_root; ?>js/template-hielo/jquery.min.js"></script>
            <script src="<?php echo dir_root; ?>js/template-hielo/jquery.scrollex.min.js"></script>
            <script src="<?php echo dir_root; ?>js/template-hielo/skel.min.js"></script>
            <script src="<?php echo dir_root; ?>js/template-hielo/util.js"></script>
            <script src="<?php echo dir_root; ?>js/template-hielo/main.js"></script>

        <!--The jquery will be used to check if email exists!!-->
            <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
            <!-- Bootstrap tooltips -->
            <script type="text/javascript"
                src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
            <!-- Bootstrap core JavaScript -->
            <script type="text/javascript"
                src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
            <!-- MDB core JavaScript -->
            <script type="text/javascript"
                src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js"></script>

    </body>
</html>

