<html lang="en">

    <%- include('partials/header'); -%>

    <body id="body">

        <!-- LOADER -->
        <%- include('partials/loader'); -%>
        <!-- LOADER -->

        <!-- /// ################################################################################################################################# /// -->
        
        <!-- NAVBAR -->
        <div style="justify-content:center; display:flex;">

            <div class="gradient" style="width:411px; display:none;" id="gradient"></div>
            
            <div class="navbar" style="display:none;" id="div_section_navbar">

                <div class="row" style="overflow:hidden;">

                    <div class="column80" style="overflow:hidden; font-size:12px; padding:10px; color:#F8F9FA;" id="div_section_navbar_div_winner"></div>

                    <div class="column20" style="padding:10px; justify-content:right; display:flex;">

                        <div class="clickInset" style="text-align:center; width:50px; font-size:12px; padding:3px; background-color:#F8F9FA; color:#ED1C24; border: 1px solid #BE161D; border-radius:50px;" id="div_section_navbar_button_login">
                            &nbsp; Login &nbsp;
                        </div>
                        
                        <div style="text-align:right; padding:3px; font-weight:bold; color:#F8F9FA; display:none;" id="div_section_navbar_div_setting">
                            <span class="material-symbols-outlined" style="margin-top:-4px; font-size:25px;" id="div_section_navbar_span_setting">manage_accounts</span>
                        </div>

                    </div>
                    
                </div>

            </div>

        </div>
        <!-- NAVBAR -->

        <!-- CONTAINER -->
        <div class="container animate__animated animate__fadeIn noScroll" style="position:relative;" id="div_section_container">

            <div style="padding:10px; margin-top:40px;">

                <div>

                    <div style="height:auto; width:100%; border-radius:15px; overflow-x:hidden;">
                        <div class="autoplay">
                            <img src="assets/banner1.jpg" style="height:120px; width:auto;">
                            <img src="assets/banner2.jpg" style="height:120px; width:auto;">
                            <img src="assets/banner3.jpg" style="height:120px; width:auto;">
                            <img src="assets/banner4.jpg" style="height:120px; width:auto;">
                        </div>
                    </div>

                </div>

                <div style="margin-top:5px;">

                    <strong>Sakla Games</strong>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;" id="div_section_container_sakla">
                    
                        <div class="column50">
                            <img class="imageShadow" alt="San Pablo" src="assets/sanpablo.png" style="height:90px; width:auto; border-radius:10px;" id="div_section_container_sakla_sanpablo">
                        </div>

                        <div class="column50" style="margin-left:8px; position:relative;">
                            <div class="imageProvider">Maintenance</div>
                            <img class="imageShadow" alt="Malabon" src="assets/malabon.png" style="height:90px; width:auto; border-radius:10px;" id="div_section_container_sakla_malabon">
                        </div>

                        <div class="column50" style="margin-left:8px; position:relative;">
                            <div class="imageProvider">Maintenance</div>
                            <img class="imageShadow" alt="Sta Maria" src="assets/stamaria.png" style="height:90px; width:auto; border-radius:10px;" id="div_section_container_sakla_stamaria">
                        </div>

                        <div class="column50" style="margin-left:8px; position:relative;">
                            <div class="imageProvider">Maintenance</div>
                            <img class="imageShadow" alt="international" src="assets/international.png" style=" height:90px; width:auto; border-radius:10px;" id="div_section_container_sakla_international">
                        </div>
        
                    </div>

                </div>

                <div style="margin-top:10px;">

                    <strong>Slot Games</strong>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;" id="div_section_container_suggested_list"></div>

                </div>

                <div style="margin-top:15px;">

                    <div class="row" style="height:110px;">

                        <div class="column50" style="justify-content:center; display:flex;">

                            <img src="assets/bannerB1.png" style="margin-top:15px; position:absolute; height:100px; width:auto;">
                            <img class="banner" src="assets/bannerB2.png" style="margin-top:15px; position:absolute; height:100px; width:auto;">

                            <img src="assets/jackpot.png" style="position:absolute; height:50px; width:auto;">
                           
                            <div style="margin-top:55px; font-size:23px; font-weight:bolder; position:absolute; color:#F8F9FA; font-family:'Sixtyfour',sans-serif;" id="jackpot_current">0.00</div>

                        </div>

                    </div>

                </div>

                <div style="margin-top:10px;">

                    <strong>Live Games</strong>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;">

                        <div class="column50">
                            <img class="imageShadow" alt="21008_STAR HUNTER" src="assets/fachai/21008.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22040_LUCKY FORTUNES" src="assets/fachai/22040.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>
                        
                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22043_SUGAR BANG BANG" src="assets/fachai/22043.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22020_CHINESE NEW YEAR" src="assets/fachai/22020.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22029_COWBOYS" src="assets/fachai/22029.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22032_MAGIC BEANS" src="assets/fachai/22032.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                    </div>

                </div>

                <div style="margin-top:10px;">

                    <strong>More Games</strong>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;">

                        <div class="column50">
                            <img class="imageShadow" alt="21008_STAR HUNTER" src="assets/fachai/21008.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22040_LUCKY FORTUNES" src="assets/fachai/22040.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>
                        
                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22043_SUGAR BANG BANG" src="assets/fachai/22043.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22020_CHINESE NEW YEAR" src="assets/fachai/22020.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                    </div>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;">

                        <div class="column50">
                            <img class="imageShadow" alt="22020_CHINESE NEW YEAR" src="assets/fachai/22020.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22029_COWBOYS" src="assets/fachai/22029.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22032_MAGIC BEANS" src="assets/fachai/22032.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22043_SUGAR BANG BANG" src="assets/fachai/22043.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                    </div>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;">

                        <div class="column50">
                            <img class="imageShadow" alt="21008_STAR HUNTER" src="assets/fachai/21008.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22040_LUCKY FORTUNES" src="assets/fachai/22040.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>
                        
                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22043_SUGAR BANG BANG" src="assets/fachai/22043.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22020_CHINESE NEW YEAR" src="assets/fachai/22020.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                    </div>

                </div>

                <div style="margin-top:15px;">
                    <div class="row" style="margin-top:10px; text-align:center;">
                        <div class="column" style="font-weight:bold; font-size:13px; padding:5px; color:#ED1C24; border-radius:5px; border: 2px solid #ED1C24;">View More</div>
                    </div>
                </div>

                <!-- VERSION -->
                <%- include('partials/version'); -%>
                <!-- VERSION -->

            </div>
            
        </div>
        <!-- CONTAINER -->

        <!-- SETTING -->
        <div class="setting animate__animated animate__fadeIn noScroll" style="position:relative;" id="div_section_setting">
            
            <div style="padding:15px;">

                <div style="text-align:center; font-size:10px;">
                    <span class="material-symbols-outlined" style="margin-top:-5px; left:7; position:absolute; color:#ED1C24;" id="div_section_setting_span_back">chevron_left</span>
                    Account Management
                </div>

                <div class="row" style="margin-top:15px;">

                    <div class="column">

                        <div style="font-size:12px;">
                            Welcome back, <strong id="current_user"></strong>
                        </div>
                        <div style="font-size:8px;" id="current_dated"></div>

                    </div>

                    <div class="column" style="text-align:right;">
                        <span class="material-symbols-outlined" style="margin-right:-5px; font-size:20px; color:#ED1C24;" id="div_section_setting_span_logout">logout</span>
                    </div>

                </div>

                <div class="div-shadow" style="margin-top:10px; padding:12px; border-radius:10px; background-color:#F14950;">

                    <div class="row">

                        <div class="column">

                            <div>
                                <strong style="font-size:10px; color:#F8F9FA;">Current balance</strong>
                            </div>

                            <div>
                                <strong style="font-size:15px; color:#F8F9FA;">₱</strong>
                                <strong style="font-size:25px; color:#F8F9FA;" id="current_balance"></strong>
                            </div>

                        </div>

                        <div class="column" style="position:relative; text-align:right;">

                            <div style="font-size:10px; color:#F8F9FA; margin-right:10px;">
                                Transactions <span class="material-symbols-outlined" style="position:absolute; font-size:15px;">chevron_right</span>
                            </div>

                            <div class="clickInset" style="margin-top:7px; float:right; text-align:center; width:60px; font-size:10px; font-weight:bold; padding:3px; background-color:#F8F9FA; color:#ED1C24; border: 1px solid #BE161D; border-radius:50px;" id="div_section_navbar_button_login">
                                &nbsp; Cashier &nbsp;
                            </div>
                            
                        </div>

                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="overflow:hidden; font-size:10px;" id="div_section_setting_div_winner"></div>

                </div>

                <div style="margin-top:10px;">

                    <strong style="font-size:12px;">Recently Played</strong>

                    <div class="noScroll row" style="margin-top:10px; width:100%; overflow-x:auto;">

                        <div class="column50">
                            <img class="imageShadow" alt="21008_STAR HUNTER" src="assets/fachai/21008.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22040_LUCKY FORTUNES" src="assets/fachai/22040.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>
                        
                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22043_SUGAR BANG BANG" src="assets/fachai/22043.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22020_CHINESE NEW YEAR" src="assets/fachai/22020.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22029_COWBOYS" src="assets/fachai/22029.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                        <div class="column50" style="margin-left:10px;">
                            <img class="imageShadow" alt="22032_MAGIC BEANS" src="assets/fachai/22032.jpg" style="height:90px; width:auto; border-radius:10px;">
                        </div>

                    </div>

                </div>


            </div>

        </div>
        <!-- SETTING -->

        <!-- WITHDRAW -->
        <div class="withdraw animate__animated animate__fadeIn noScroll" style="position:relative;" id="div_section_withdraw">

            <div style="padding:15px;">

                <div class="row">

                    <div class="column" style="color:#7C7D7D; font-size:12px;">
                        Hello, <strong id="current_user"></strong>
                    </div>

                </div>

                <div class="row" style="margin-top:12px; padding:10px; background-color:#ED1C24; border-radius:10px; color:#F8F9FA;">
                
                   



                </div>
            
            </div>

        </div>
        <!-- WITHDRAW -->

        <!-- LOG -->
        <div class="log animate__animated animate__fadeIn noScroll" style="position:relative;" id="div_section_log">

            <div style="padding:15px;">

                Log
            
            </div>

        </div>
        <!-- LOG -->
    
        <!-- LOGIN -->
        <div style="justify-content:center; display:flex;">

            <div class="imageShadow animate__animated animate__bounceIn vertical-center7" style="display:none;" id="div_section_login">
                
                <div class="row">

                    <div class="column70" style="margin-left:5px; color:#4A4B4B; font-size:30px; font-weight:bold;">Login</div>
                    <div class="column30" style="text-align:right;">
                        <span class="material-symbols-outlined" style="color: #ED1C24;" id="div_section_login_button_cancel">cancel</span>
                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="margin-left:5px;">
                        
                        <div>
                            <label for="div_section_login_input_username" style="font-size:14px; color:#4A4B4B;">Username</label><br>
                            <input class="textBox" type="text" id="div_section_login_input_username" style="padding:8px; font-size:20px; height:50px; width:98.5%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;">
                        </div>
                    
                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="margin-left:5px;">
                        
                        <div style="position:relative;">
                            <label for="div_section_login_input_password" style="font-size:14px; color:#4A4B4B;">Password</label><br>
                            <input class="textBox" type="password" id="div_section_login_input_password" style="padding:8px; font-size:20px; height:50px; width:98.5%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;">
                            <span class="material-symbols-outlined" style="margin-top:13px; right:15; position:absolute; color:#4A4B4B;" id="icon_eye">visibility_off</span>   
                        </div>
                    
                    </div>

                </div>

                <div class="row" style="margin-top:20px; text-align:center;">
                    <div class="column">
                        <div class="clickInset" style="margin-left:5px; width:93%; font-weight:bold; height:30px; font-size:20px; padding:5px; color:#FAF9F8; background-color:#ED1C24; border-radius:10px; border: 2px solid #ED1C24;" id="div_section_login_button_login">
                            Login
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:10px; text-align:center;">

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_login_validation_1">
                        Incorrect Username or Password.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_login_validation_2">
                        Your account is deactivated.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_login_validation_catch">
                        Something went wrong. <br> Please refresh this page!
                    </div>

                </div>

                <div class="row" style="margin-top:5px; margin-bottom:10px; text-align:center;">
                    <div class="column" style="font-size:11px; text-align:center; color:#4A4B4B;">
                        I agree to the <u>Terms of use</u> and <u>Privacy policy</u>
                        <div style="margin-top:15px;">
                            <img alt="keep_it_fun" src="assets/fun.png" style="height:40px; width:auto;">
                        </div>
                    </div>
                </div>

                <div class="row" style="display:none; margin-top:15px; text-align:center;" id="div_section_login_show_register">
                    <div class="column">
                        <div style="font-size:8; color:#4A4B4B;" id="div_section_login_show_register_button"><u>Register here.</u></div>
                    </div>
                </div>

            </div>     

        </div>
        <!-- LOGIN -->

        <!-- REGISTER -->
        <div style="justify-content:center; display:flex;">

            <div class="imageShadow animate__animated animate__bounceIn vertical-center7" style="display:none;" id="div_section_register">
            
                <div class="row">

                    <div class="column70" style="margin-left:5px; color:#4A4B4B; font-size:30px; font-weight:bold;">Register</div>
                    <div class="column30" style="text-align:right;">
                        <span class="material-symbols-outlined" style="color: #ED1C24;" id="div_section_register_button_cancel">cancel</span>
                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="margin-left:5px;">
                        
                        <div>
                            <label for="div_section_register_input_username" style="font-size:14px; color:#4A4B4B;"><span style="color:#ED1C24;">*</span> Login Username</label><br>
                            <input class="textBox" type="text" id="div_section_register_input_username" style="margin-top:4px; padding:8px; font-size:20px; height:50px; width:98.5%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;"><br>
                            <div style="margin-top:2px; font-size:10px; color:#323232;">~ Max length 16 characters only.</div>
                        </div>
                    
                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="margin-left:5px;">
                        
                        <div style="position:relative;">
                            <label for="div_section_register_input_password" style="font-size:14px; color:#4A4B4B;"><span style="color:#ED1C24;">*</span> Login Password</label><br>
                            <input class="textBox" type="password" id="div_section_register_input_password" style="margin-top:4px; padding:8px; font-size:20px; height:50px; width:98.5%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;">
                            <span class="material-symbols-outlined" style="margin-top:16px; right:15; position:absolute; color:#4A4B4B;" id="icon_eye_register">visibility_off</span>   
                            <br><div style="margin-top:2px; font-size:10px; color:#323232;">~ Combination of letter or numbers only.</div>
                        </div>
                    
                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="margin-left:5px;">
                        
                        <div>
                            <label for="div_section_register_input_code" style="font-size:14px; color:#4A4B4B;"><span style="color:#ED1C24;">*</span> Enter code: <strong style="color:#ED1C24;" id="div_section_register_strong_code">000000</strong></label><br>
                            <input class="textBox" type="text" id="div_section_register_input_code" style="margin-top:4px; padding:8px; font-size:20px; height:50px; width:98.5%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;">
                        </div>
                    
                    </div>

                </div>

                <div class="row" style="margin-top:20px; text-align:center;">
                    <div class="column">
                        <div class="clickInset" style="margin-left:5px; width:93%; font-weight:bold; height:30px; font-size:20px; padding:5px; color:#FAF9F8; background-color:#ED1C24; border-radius:10px; border: 2px solid #ED1C24;" id="div_section_register_button_register">
                            Register
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:10px; text-align:center;">

                    <div class="column" style="font-size:11px; text-align:center; color:#48A14D; display:none;" id="div_section_register_validation_0">
                        Account successfully registered! <br> Logging in.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_register_validation_1">
                        Please fill the * required fields.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_register_validation_2">
                        Invalid code.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_register_validation_3">
                        Username is already taken.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_register_validation_catch">
                        Something went wrong. <br> Please refresh this page!
                    </div>

                </div>

                <div class="row" style="margin-top:5px; margin-bottom:10px; text-align:center;">
                    <div class="column" style="font-size:11px; text-align:center; color:#4A4B4B;">
                        I agree to the <u>Terms of use</u> and <u>Privacy policy</u>
                        <div style="margin-top:15px;">
                            <img alt="keep_it_fun" src="assets/fun.png" style="height:40px; width:auto;">
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:15px; text-align:center;">
                    <div class="column">
                        <div style="font-size:8; color:#4A4B4B;" id="div_section_register_show_login_button"><u>I already have an account.</u></div>
                    </div>
                </div>
                
            </div>
                
        </div>
        <!-- REGISTER -->

        <!-- SAKLA -->
        <div class="sakla animate__animated animate__fadeIn noScroll" style="position:relative;" style="display:none;" id="div_section_sakla">
            
            <div style="padding:10px;">
            
                <div class="row" style="margin-top:40px;">

                    <div class="column" style="font-size:15px; color:#F8F9FA;" id="div_section_sakla_button_back">
                       
                        <span class="material-symbols-outlined" style="font-size:18px; vertical-align:middle;">arrow_back</span> Home
    
                    </div>

                    <div class="column" style="font-size:15px; color:#F8F9FA; font-weight:bold; text-align:right;">
                        
                        <span class="material-symbols-outlined" style="font-size:18px; vertical-align:middle;">playing_cards</span> San Pablo
                      
                    </div>
    
                </div>
                
                <div class="row" style="margin-top:10px;">

                    <div class="column" style="overflow:hidden; position:relative; height:200px; width:100%;" id="div_section_sakla_div_sanpablo"></div> 

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="imageShadow column" style="margin:5px; border-radius:5px; width:33.33%; text-align:center; font-size:10px; color:#5B5B5B;">

                        Koto
                        <div style="border-radius:5px; font-weight:bold; font-size:13px; color:#5B5B5B;" id="div_section_sakla_round_koto">
                            ₱ 0
                        </div>

                    </div> 

                    <div class="imageShadow column" style="margin:5px; border-radius:5px; width:33.33%; text-align:center; font-size:10px; color:#5B5B5B;">

                        Game ID
                        <div style="border-radius:5px; font-weight:bold; font-size:13px; color:#5B5B5B;" id="div_section_sakla_round_id">
                            ?
                        </div>
                        
                    </div> 

                    <div class="imageShadow column" style="margin:5px; border-radius:5px; width:33.33%; text-align:center; font-size:10px; color:#5B5B5B;">

                        Deal Number
                        <div style="border-radius:5px; font-weight:bold; font-size:13px; color:#5B5B5B;" id="div_section_sakla_round_deal">
                            0
                        </div>
                        
                    </div> 
                
                </div>

                <div class="noScroll row" style="margin-top:5px; width:100%; overflow-x:auto;" >

                    <div class="column">
                        
                        <table style="text-align:center; width:100%;">

                            <td style="width:10%; padding:3px;" >

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair1_bet_all">0</div>
                                <img class="sanpablo_pair pair1-sanpablo imageShadow" onclick="bet_sakla('pair1', 'sanpablo')" alt="Pair 1" src="assets/sakla/sanpablo/pair_1.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair1_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair2_bet_all">0</div>
                                <img class="sanpablo_pair pair2-sanpablo imageShadow" onclick="bet_sakla('pair2', 'sanpablo')" alt="Pair 2" src="assets/sakla/sanpablo/pair_2.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair2_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair3_bet_all">0</div>
                                <img class="sanpablo_pair pair3-sanpablo imageShadow" onclick="bet_sakla('pair3', 'sanpablo')" alt="Pair 3" src="assets/sakla/sanpablo/pair_3.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair3_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair4_bet_all">0</div>
                                <img class="sanpablo_pair pair4-sanpablo imageShadow" onclick="bet_sakla('pair4', 'sanpablo')" alt="Pair 4" src="assets/sakla/sanpablo/pair_4.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair4_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair5_bet_all">0</div>
                                <img class="sanpablo_pair pair5-sanpablo imageShadow" onclick="bet_sakla('pair5', 'sanpablo')" alt="Pair 5" src="assets/sakla/sanpablo/pair_5.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair5_bet_me">&nbsp</div>
                                
                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair6_bet_all">0</div>
                                <img class="sanpablo_pair pair6-sanpablo imageShadow" onclick="bet_sakla('pair6', 'sanpablo')" alt="Pair 6" src="assets/sakla/sanpablo/pair_6.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair6_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair7_bet_all">0</div>
                                <img class="sanpablo_pair pair7-sanpablo imageShadow" onclick="bet_sakla('pair7', 'sanpablo')" alt="Pair 7" src="assets/sakla/sanpablo/pair_7.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair7_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair8_bet_all">0</div>
                                <img class="sanpablo_pair pair8-sanpablo imageShadow" onclick="bet_sakla('pair8', 'sanpablo')" alt="Pair 8" src="assets/sakla/sanpablo/pair_8.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair8_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair9_bet_all">0</div>
                                <img class="sanpablo_pair pair9-sanpablo imageShadow" onclick="bet_sakla('pair9', 'sanpablo')" alt="Pair 9" src="assets/sakla/sanpablo/pair_9.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair9_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair10_bet_all">0</div>
                                <img class="sanpablo_pair pair10-sanpablo imageShadow" onclick="bet_sakla('pair10', 'sanpablo')" alt="Pair 10" src="assets/sakla/sanpablo/pair_10.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair10_bet_me">&nbsp</div>

                            </td>
    
                        </table>

                    </div>
    
                </div>

                <div class="noScroll row" style="width:100%; overflow-x:auto;">

                    <div class="column">
                        
                        <table style="text-align:center; width:100%;">

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair11_bet_all">0</div>
                                <img class="sanpablo_pair pair11-sanpablo imageShadow" onclick="bet_sakla('pair11', 'sanpablo')" alt="Pair 11" src="assets/sakla/sanpablo/pair_11.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair11_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair12_bet_all">0</div>
                                <img class="sanpablo_pair pair12-sanpablo imageShadow" onclick="bet_sakla('pair12', 'sanpablo')" alt="Pair 12" src="assets/sakla/sanpablo/pair_12.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair12_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair13_bet_all">0</div>
                                <img class="sanpablo_pair pair13-sanpablo imageShadow" onclick="bet_sakla('pair13', 'sanpablo')" alt="Pair 13" src="assets/sakla/sanpablo/pair_13.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair13_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair14_bet_all">0</div>
                                <img class="sanpablo_pair pair14-sanpablo imageShadow" onclick="bet_sakla('pair14', 'sanpablo')" alt="Pair 14" src="assets/sakla/sanpablo/pair_14.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair14_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair15_bet_all">0</div>
                                <img class="sanpablo_pair pair15-sanpablo imageShadow" onclick="bet_sakla('pair15', 'sanpablo')" alt="Pair 15" src="assets/sakla/sanpablo/pair_15.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair15_bet_me">&nbsp</div>
                                
                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair16_bet_all">0</div>
                                <img class="sanpablo_pair pair16-sanpablo imageShadow" onclick="bet_sakla('pair16', 'sanpablo')" alt="Pair 16" src="assets/sakla/sanpablo/pair_16.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair16_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair17_bet_all">0</div>
                                <img class="sanpablo_pair pair17-sanpablo imageShadow" onclick="bet_sakla('pair17', 'sanpablo')" alt="Pair 17" src="assets/sakla/sanpablo/pair_17.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair17_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair18_bet_all">0</div>
                                <img class="sanpablo_pair pair18-sanpablo imageShadow" onclick="bet_sakla('pair18', 'sanpablo')" alt="Pair 18" src="assets/sakla/sanpablo/pair_18.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair18_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair19_bet_all">0</div>
                                <img class="sanpablo_pair pair19-sanpablo imageShadow" onclick="bet_sakla('pair19', 'sanpablo')" alt="Pair 19" src="assets/sakla/sanpablo/pair_19.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair19_bet_me">&nbsp</div>

                            </td>

                            <td style="width:10%; padding:3px;">

                                <div style="font-size:8px; font-weight:bold;" id="div_section_sakla_sanpablo_pair20_bet_all">0</div>
                                <img class="sanpablo_pair pair20-sanpablo imageShadow" onclick="bet_sakla('pair20', 'sanpablo')" alt="Pair 20" src="assets/sakla/sanpablo/pair_20.webp" style="margin-top:5px; height:65px; width:auto; border-radius:2px;">
                                <div style="margin-top:5px; font-size:8px; font-weight:bold; color:#ED1C24;" id="div_section_sakla_sanpablo_pair20_bet_me">&nbsp</div>

                            </td>
    
                        </table>

                    </div>
    
                </div>

                <div class="row">

                    <div class="noClick100 column" style="font-size:13px;">
                        Wallet Balance: <strong id="saklaan_balance">₱ 0.00</strong>
                    </div>
<!-- 
                    <div class="noClick100 column30">
                        <div class="div-shadow" style="text-align:center; border-radius:10px; padding:2px; font-size:10px; color:#F8F9FA; background-color:#ED1C24;">Random Bet</div>
                    </div> -->

                </div>

                <strong>Recent Result</strong>

                <div class="noScroll row" style="width:100%; overflow-x:auto;">

                    <div class="column">
                        
                        <table style="text-align:center; width:100%;" id="recent_result_table"></table>

                    </div>
                
                </div>

                <strong>Recent Bet</strong>

                <div id="div_section_sakla_recent_bet"></div>

                <!-- VERSION -->
                <%- include('partials/version'); -%>
                <!-- VERSION -->

            </div>

        </div>
        <!-- SAKLA -->

        <!-- SAKLA BET -->
        <div style="justify-content:center; display:flex;">

            <div class="imageShadow animate__animated animate__bounceIn vertical-center15" style="display:none;" id="div_section_sakla_bet">
                
                <div class="row">

                    <div class="column70" style="margin-left:5px; color:#4A4B4B; font-size:30px; font-weight:bold;">Bet</div>
                    <div class="column30" style="text-align:right;">
                        <span class="material-symbols-outlined" style="color: #ED1C24;" id="div_section_sakla_bet_cancel">cancel</span>
                    </div>

                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="imageShadow column" style="margin:5px; border-radius:5px; width:50%; text-align:center; font-size:10px; color:#5B5B5B;">

                        Pair
                        <div style="border-radius:5px; font-weight:bold; font-size:13px; color:#5B5B5B;" id="div_section_sakla_bet_pair"></div>

                    </div> 

                    <div class="imageShadow column" style="margin:5px; border-radius:5px; width:50%; text-align:center; font-size:10px; color:#5B5B5B;">

                        All Bets

                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair1_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair2_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair3_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair4_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair5_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair6_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair7_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair8_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair9_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair10_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair11_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair12_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair13_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair14_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair15_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair16_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair17_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair18_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair19_amount">
                            ₱ 0
                        </div>
                        <div style="display:none; margin-top:3px; border-radius:5px; font-weight:bold; font-size:20px; color:#5B5B5B;" id="div_section_sakla_bet_pair20_amount">
                            ₱ 0
                        </div>

                    </div> 

                </div>

                <div class="row">

                    <div class="column" style="margin-left:5px; font-size:10px;" id="div_section_sakla_bet_pair_name">?</div>

                </div>

                <div class="row" style="margin-top:10px;">
                   
                    <div class="column" style="margin-left:5px; font-size:13px;">
                        <span class="material-symbols-outlined" style="font-size:20px; vertical-align:middle; color:#ED1C24;">account_balance_wallet</span> Wallet Balance <strong id="div_section_sakla_bet_current_balance">₱ ?</strong>
                    </div>
                
                </div>

                <div class="row" style="margin-top:10px;">
                
                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_10">₱ 10</div>
                    </div>

                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_20">₱ 20</div>
                    </div>

                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_50">₱ 50</div>
                    </div>

                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_100">₱ 100</div>
                    </div>
                
                </div>

                <div class="row" style="margin-top:5px;">
                
                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_300">₱ 300</div>
                    </div>

                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_500">₱ 500</div>
                    </div>

                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_1000">₱ 1000</div>
                    </div>

                    <div class="column" style="width:25%; text-align:center;">
                        <div style="margin:5px; border:1.5px solid #ED1C24; border-radius:5px; color:#ED1C24; font-weight:bold;" id="div_section_sakla_bet_button_5000">₱ 5000</div>
                    </div>
                
                </div>

                <div class="row" style="margin-top:10px;">

                    <div class="column" style="margin-left:5px;">
                        
                        <div>
                            <label for="div_section_sakla_bet_input_amount" style="font-size:14px; color:#4A4B4B;">Enter custom amount <span style="vertical-align:middle; font-size:8px;">( min: ₱ 10 )</span></label><br>
                            <input class="textBox" type="text" id="div_section_sakla_bet_input_amount" placeholder="₱ 0.00" style="padding:8px; font-size:20px; height:50px; width:98.5%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;">
                        </div>
                    
                    </div>

                </div>

                <div class="row" style="margin-top:20px; text-align:center;">
                    <div class="column">
                        <div class="clickInset" style="margin-left:5px; width:93%; font-weight:bold; height:30px; font-size:20px; padding:5px; color:#FAF9F8; background-color:#ED1C24; border-radius:10px; border: 2px solid #ED1C24;" id="div_section_sakla_bet_button_confirm">
                            Confirm
                        </div>
                    </div>
                </div>

                <div class="row" style="margin-top:10px; text-align:center;">

                    <div class="column" style="font-size:11px; text-align:center; color:#48A14D; display:none;" id="div_section_sakla_bet_validation_0">
                        Bet Success.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_sakla_bet_validation_1">
                        Minimum Bet ₱ 10.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_sakla_bet_validation_2">
                        Insufficient Balance.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_sakla_bet_validation_3">
                        Koto Exceed.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_sakla_bet_validation_4">
                        Game Closed.
                    </div>

                    <div class="column" style="font-size:11px; text-align:center; color:#FF6600; display:none;" id="div_section_sakla_bet_validation_catch">
                        Something went wrong. <br> Please refresh this page!
                    </div>

                </div>

            </div>     

        </div>
        <!-- SAKLA BET -->

    <audio hidden muted src="audio/beep.mp3" id="audio_beep" onclick="play_beep()"></audio>

    <script type="text/javascript">

        const session = `<%= session %>`; 
        const params  = `<%= params %>`;  
        const logged  = `<%= logged %>`; 

    </script>

    <script src="js/popular_list.js"></script>
    <script src="js/suggested_list.js"></script>
    <script src="js/gamelist.js"></script>
    <script src="js/games.js"></script>
    <script src="js/index.js"></script>

</html>