<div class="page-loader-wrapper">
    <div class="loader">
        <div class="preloader">
            <div class="spinner-layer pl-red">
                <div class="circle-clipper left">
                    <div class="circle"></div>
                </div>
                <div class="circle-clipper right">
                    <div class="circle"></div>
                </div>
            </div>
        </div>
        <p>Please wait...</p>
    </div>
</div>
<!-- #END# Page Loader -->

<!-- Overlay For Sidebars -->
<div class="overlay"></div>
<!-- #END# Overlay For Sidebars -->

<!-- Search Bar -->
<div class="search-bar">
    <div class="search-icon">
        <i class="material-icons">search</i>
    </div>
    <input type="text" placeholder="START TYPING...">

    <div class="close-search">
        <i class="material-icons">close</i>
    </div>
</div>
<!-- #END# Search Bar -->

<!-- Top Bar -->
<nav class="navbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <a href="javascript:void(0);" id="load-search-icon-m" class="navbar-toggle collapsed" aria-expanded="false"></a>
            <a href="javascript:void(0);" class="bars"></a>
            <a href="javascript:void(0);" class="navbar-brand">CE Pick N Go</a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <!-- Call Search -->
                <li><a href="javascript:void(0);" id="load-search-icon"><i class="material-icons">search</i></a></li>
                <!-- #END# Call Search -->
            </ul>
        </div>
    </div>
</nav>
<!-- #Top Bar -->

<section>
    <!-- Left Sidebar -->
    <aside id="leftsidebar" class="sidebar">

        <!-- User Info -->
        <div class="user-info">
            <div class="image">
                <img src="images/user.png" width="48" height="48" alt="User" />
            </div>
            <div class="info-container">
                <div class="name" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><?php echo $_SESSION['user_name']; ?></div>
                <div class="email"><?php echo $_SESSION['email']; ?></div>
                <input type="hidden" id="user_type_id" value="<?php echo $_SESSION['user_type_id']; ?>" />
            </div>
        </div>
        <!-- #User Info -->

        <!-- Menu -->
        <div class="menu">
            <ul class="list">

                <li>
                    <a href="javascript:void(0);" id="load-home">
                        <i class="material-icons active">home</i>
                        <span>Home</span>
                    </a>
                </li>

                <!--					<li>-->
                <!--                        <a href="javascript:void(0);" id="load-search">-->
                <!--                            <i class="material-icons">search</i>-->
                <!--                            <span>Search</span>-->
                <!--                        </a>-->
                <!--                    </li>-->

                <li>
                    <a href="javascript:void(0);" id="load-search-ref">
                        <i class="material-icons">search</i>
                        <span>Search</span>
                    </a>
                </li>

                <li>
                    <a href="javascript:void(0);" id="load-accounts">
                        <i class="material-icons">monetization_on</i>
                        <span>Accounts</span>
                    </a>
                </li>
                <!--				   <li>-->
                <!--                 -->
                <!--                        <a href="javascript:void(0);" class="js-right-sidebar" data-close="true">-->
                <!--                            <i class="material-icons">format_color_fill</i>-->
                <!--                            <span>Themes</span>-->
                <!--                        </a>-->
                <!--                    </li>-->

                <li>
                    <a href="sign-out.php">
                        <i class="material-icons col-light-blue">input</i>
                        <span>Sign Out</span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- #Menu -->

        <!-- Footer -->
        <div class="legal">
            <div class="copyright">
                &copy; 2025 - 2026 <a href="javascript:void(0);">Ceylon Experience</a>.
            </div>
            <div class="version">
                <b>Version: </b> 1.0.0
            </div>
            <div class="version">
                <b>Time: </b> <span id='ct5'></span>
            </div>
        </div>
        <!-- #Footer -->
    </aside>
    <!-- #END# Left Sidebar -->

    <!-- Right Sidebar -->
    <aside id="rightsidebar" class="right-sidebar">
        <ul class="nav nav-tabs tab-nav-right" role="tablist">
            <li role="presentation" class="active"><a href="#skins" data-toggle="tab">SKINS</a></li>

        </ul>
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active in active" id="skins">
                <ul class="demo-choose-skin">
                    <li data-theme="red" class="active">
                        <div class="red"></div>
                        <span>Red</span>
                    </li>
                    <li data-theme="pink">
                        <div class="pink"></div>
                        <span>Pink</span>
                    </li>
                    <li data-theme="purple">
                        <div class="purple"></div>
                        <span>Purple</span>
                    </li>
                    <li data-theme="deep-purple">
                        <div class="deep-purple"></div>
                        <span>Deep Purple</span>
                    </li>
                    <li data-theme="indigo">
                        <div class="indigo"></div>
                        <span>Indigo</span>
                    </li>
                    <li data-theme="blue">
                        <div class="blue"></div>
                        <span>Blue</span>
                    </li>
                    <li data-theme="light-blue">
                        <div class="light-blue"></div>
                        <span>Light Blue</span>
                    </li>
                    <li data-theme="cyan">
                        <div class="cyan"></div>
                        <span>Cyan</span>
                    </li>
                    <li data-theme="teal">
                        <div class="teal"></div>
                        <span>Teal</span>
                    </li>
                    <li data-theme="green">
                        <div class="green"></div>
                        <span>Green</span>
                    </li>
                    <li data-theme="light-green">
                        <div class="light-green"></div>
                        <span>Light Green</span>
                    </li>
                    <li data-theme="lime">
                        <div class="lime"></div>
                        <span>Lime</span>
                    </li>
                    <li data-theme="yellow">
                        <div class="yellow"></div>
                        <span>Yellow</span>
                    </li>
                    <li data-theme="amber">
                        <div class="amber"></div>
                        <span>Amber</span>
                    </li>
                    <li data-theme="orange">
                        <div class="orange"></div>
                        <span>Orange</span>
                    </li>
                    <li data-theme="deep-orange">
                        <div class="deep-orange"></div>
                        <span>Deep Orange</span>
                    </li>
                    <li data-theme="brown">
                        <div class="brown"></div>
                        <span>Brown</span>
                    </li>
                    <li data-theme="grey">
                        <div class="grey"></div>
                        <span>Grey</span>
                    </li>
                    <li data-theme="blue-grey">
                        <div class="blue-grey"></div>
                        <span>Blue Grey</span>
                    </li>
                    <li data-theme="black">
                        <div class="black"></div>
                        <span>Black</span>
                    </li>
                </ul>
            </div>


        </div>
    </aside>
    <!-- #END# Right Sidebar -->
</section>

<script type="text/javascript">
    if (document.referrer !== document.location.href) {
        setTimeout(function() {

            //document.location.reload();
            var autoSign_out_fn = '92';
            var url = 'get_data.php';

            var SignOutData = new FormData();
            SignOutData.append('autoSign_out_fn', autoSign_out_fn);

            // GET EHI DETAILS
            $.ajax({
                url: url,
                method: 'POST',
                processData: false,
                contentType: false,
                cache: false,
                dataType: 'json',
                data: SignOutData,
                success: function(data) {
                    if (data != null) {
                        if (data == '92') {
                            location.reload();
                        }
                        //location.reload();
                    } else {

                    }
                },

                error: function() {

                }
            });
        }, 1200000);
    }
</script>

<script>
    function display_ct5() {
        var x = new Date()
        var ampm = x.getHours() >= 12 ? ' PM' : ' AM';

        var x1 = x.getMonth() + 1 + "/" + x.getDate() + "/" + x.getFullYear();
        x1 = x.getHours() + ":" + x.getMinutes() + ":" + x.getSeconds() + ":" + ampm;
        document.getElementById('ct5').innerHTML = x1;
        display_c5();
    }

    function display_c5() {
        var refresh = 1000; // Refresh rate in milli seconds
        mytime = setTimeout('display_ct5()', refresh)
    }
    display_c5()
</script>