<?php require_once "../app/headl.php" ?>

<?php
        if (isset($_SESSION['user'])) {
            $user = mysqli_query($conn, "SELECT * FROM `tb_user` WHERE user = '" . $_SESSION['user'] . "'") or die(mysqli_error());
            $u = mysqli_fetch_array($user);
            $users = $u['user'];
            $userid = $u['user'];
            $id_user = $u['cuid'];
            $userID = $u['cuid'];
            $token_id = isset($u['token_id']) ? $u['token_id'] : false;
            $level = isset($u['level']) ? $u['level'] : false;

            $sql_balance = mysqli_query($conn, "SELECT * FROM `tb_balance` WHERE userID = '$userID'") or die(mysqli_error());
            $sb = mysqli_fetch_array($sql_balance);
        ?>

<body>

<?php require_once "../app/menul.php" ?>

        <div class="clearfix"></div>
        <style>
            body {
                font-size: 12px;
                color: #FFFFFF;
                background-color: #1b1b1b;
            }

            .btn {
                margin-bottom: 2px;
                font-size: 12px;
                font-weight: bold;
            }

            .container {
                width: 100%;
            }

            .glyphicon {
                margin-right: 5px;
            }

            .no-gutter>[class*='col-'] {
                padding-right: 5px;
                padding-left: 5px;
                padding-top: 5px;
                padding-bottom: 5px;
            }

            .tengahBaris {
                vertical-align: middle;
            }

            table {
                padding-bottom: 0px;
            }

            .panel {
                box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
            }

            input[readonly] {
                background-color: #fff0c4 !important;
                /* any other styles */
            }


            .panel-danger>.panel-heading,
            .panel-warning>.panel-heading,
            .btn-warning {
                color: #000000;
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -o-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#eee791), color-stop(60%, #9d8b3d), to(#9f8435));
                background-image: linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

            .btn-warning:hover {
                color: #000000;
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#d7a001, #d7a001 60%, #d7a001);
                background-image: -o-linear-gradient(#d7a001, #d7a001 60%, #d7a001);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#d7a001), color-stop(60%, #d7a001), to(#d7a001));
                background-image: linear-gradient(#d7a001, #d7a001 60%, #d7a001);
                background-repeat: no-repeat;
            }

            .login {
                color: #000000;
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -o-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#eee791), color-stop(60%, #9d8b3d), to(#9f8435));
                background-image: linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
                -webkit-filter: none;
                filter: none
            }


            .panel-default>.panel-heading {
                color: #ffffff;
                border-color: rgba(0, 0, 0, 0.6)
            }

            .navbar-default {
                background-color: #000000;
                border-color: #2b2e32
            }

            .well {
                background: #111 !important;
            }


            input[readonly] {
                background-color: #eeeecd !important;
                /* any other styles */
            }

            textarea[readonly] {
                background-color: #eeeecd !important;
                /* any other styles */
            }

            .form-control {
                height: 40px !important;
                border-radius: 3px !important;
            }

            .form-control#validasi {
                height: 50px !important;
                border-radius: 3px !important;
            }

            .form-control-login {
                height: 40px !important;
                border-radius: 3px !important;
            }

            .form-control#reg_username,
            #reg_pass,
            #reg_passcon,
            #reg_email,
            #reg_telpon,
            #reg_bank,
            #reg_rek,
            #reg_nama,
            #reg_ref,
            #reg_dari,
            #reg_lain {
                height: 45px !important;
                border-radius: 3px !important;
            }


            textarea {
                height: 100px !important;
                width: 100%;
                padding: 10px;
                border-radius: 5px !important;
            }

            td {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
            }

            .borderbottom {
                border-bottom: 2px solid #c2c2c2;
                border-top: 2px solid #c2c2c2;
            }

            @media (max-width: 1200px) {
                .navbar {
                    background: #32363b;
                }

                .navbar-header {
                    float: none;
                }

                .navbar-left,
                .navbar-right {
                    float: none !important;
                }

                .navbar-toggle {
                    display: block;
                }

                .navbar-collapse {
                    border-top: 1px solid transparent;
                    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
                }

                .navbar-fixed-top {
                    top: 0;
                    border-width: 0 0 1px;
                }

                .navbar-collapse.collapse {
                    display: none !important;
                }

                .navbar-nav {
                    float: none !important;
                    margin-top: 7.5px;
                }

                .navbar-nav>li {
                    float: none;
                }

                .navbar-nav>li>a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

                .collapse.in {
                    display: block !important;
                }


                @media (min-width: 320px) {

                    /* iPhone SE,6/7/8/X, Galaxy S5,  */
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 160px;
                    }

                    .fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                }

                @media (min-width: 400px) {

                    /* iPhone 6/7/8 Plus, Pixel 2,Pixel 2 XL,  */
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 200px;
                    }

                    .fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }


                }

                @media (min-width: 700px) {

                    /* iPad  */
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 380px;
                    }

                    .fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                }

                @media (min-width: 1000px) {
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 480px;
                    }

                    .fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                }

            }

            textarea {
                height: 100px !important;
                width: 100%;
                padding: 10px;
                border-radius: 5px !important;
            }

            .form-control {
                height: 25px !important;
                border-radius: 3px !important;
            }

            td {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
                padding-left: 3px !important;
                padding-right: 3px !important;
            }

            .grabgtab {
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
                background-image: -o-linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), color-stop(60%, #1b1b1b), to(#10100e));
                background-image: linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#10100e', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

            .grabgtabbottom {
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
                background-image: -o-linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#3e444c), color-stop(60%, #1b1b1b), to(#1b1b1b));
                background-image: linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#1b1b1b', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

            .abel {
                font-family: 'Abel';
            }
        </style>
        <!-- MAIN TAB -->

        <?php require_once "../app/game.php" ?>

        <div style="height:10px; background-color:#FFF" class="grabgtabbottom"></div>


        <div class="tab-content">






            <div id="games_wrap" class="tab-pane fade in ">

            </div>











            <div id="fishing_wrap" class="tab-pane fade in active" style="padding-bottom: 30px">

                <div id="games_window_sg_fishing">
                    <ul class="nav nav-pills grabgtab" style="padding-bottom:0px; font-size:16px; font-weight:normal;">
                        <li class="active" id="tab_sg" style="width:24.5%; margin-left:2px; margin-bottom: 2px; font-weight: normal"><a data-toggle="tab" href="#fish_window_sg" style="padding-left:5px"><span><img src="https://img.viva88athenae.com//sg.png" height="25" alt="" style="vertical-align:bottom">&nbsp;Spadegaming</span>
                            </a></li>
                        <li class="" id="tab_jl" style="width:24.5%; margin-left:2px; margin-bottom: 2px; font-weight: normal"><a data-toggle="tab" href="#fish_window_jl" style="padding-left:5px"><span><img src="https://img.viva88athenae.com//jl.png" height="25" alt="" style="vertical-align:bottom">&nbsp;JILI</span>
                            </a></li>
                        <li class="" id="tab_fs" style="width:24.5%; margin-left:2px; margin-bottom: 2px; font-weight: normal"><a data-toggle="tab" href="#fish_window_fs" style="padding-left:5px"><span><img src="https://img.viva88athenae.com//fs.png" height="25" alt="" style="vertical-align:bottom">&nbsp;FastSpin</span>
                            </a></li>
                        <li class="" id="tab_ps" style="width:24.5%; margin-left:2px; margin-bottom: 2px; font-weight: normal"><a data-toggle="tab" href="#fish_window_ps" style="padding-left:5px"><span><img src="https://img.viva88athenae.com//ps.png" height="25" alt="" style="vertical-align:bottom">&nbsp;PlayStar</span>
                            </a></li>
                    </ul>

                    <div style="height:10px; background-color:#FFF" class="grabgtabbottom"></div>

                    <div class="tab-content">
                        <div id="fish_window_sg" class="text-center tab-pane fade in active">
                            <div style="text-align: left; margin-top: 10px">
                                <img src="https://img.viva88athenae.com//sg.png" style="margin-top: -20px; width: 32px">
                                <span style="font-size: 20px; font-weight: bold;">Spadegaming</span>
                                <hr style="margin-top: 5px;">
                            </div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a PAY4D/auth/?acctId=CXF TEAMS_maman115&amp;language=en_US&amp;token=bs42nYqYPy0xHyCOKgu%2FFcZzxsaSQs4OqegV18LY6e4%3D&amp;game=F-SF01&amp;mobile=true"><img src="https://img.viva88athenae.com//sg/images/F-SF01.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Fishing God<br>[Rasio Credit 1:10]</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a PAY4D/auth/?acctId=CXF TEAMS_maman115&amp;language=en_US&amp;token=bs42nYqYPy0xHyCOKgu%2FFcZzxsaSQs4OqegV18LY6e4%3D&amp;game=F-SF02&amp;mobile=true"><img src="https://img.viva88athenae.com//sg/images/F-SF02.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Fishing War<br>[Rasio Credit 1:10]</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a PAY4D/auth/?acctId=CXF TEAMS_maman115&amp;language=en_US&amp;token=bs42nYqYPy0xHyCOKgu%2FFcZzxsaSQs4OqegV18LY6e4%3D&amp;game=F-AH01&amp;mobile=true"><img src="https://img.viva88athenae.com//sg/images/F-AH01.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Alien Hunter<br>[Rasio Credit 1:10]</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a PAY4D/auth/?acctId=CXF TEAMS_maman115&amp;language=en_US&amp;token=bs42nYqYPy0xHyCOKgu%2FFcZzxsaSQs4OqegV18LY6e4%3D&amp;game=F-ZP01&amp;mobile=true"><img src="https://img.viva88athenae.com//sg/images/F-ZP01.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Zombie Party<br>[Rasio Credit 1:10]</div>
                                </a></div>
                        </div>
                        <div id="fish_window_jl" class="text-center tab-pane fade in">
                            <div style="text-align: left; margin-top: 10px">
                                <img src="https://img.viva88athenae.com//jl.png" style="margin-top: -20px; width: 32px; padding-top:10px"><span style="font-size: 20px; font-weight: bold; margin-left: 5px">JILI</span>
                                <hr style="margin-top: 5px;">
                            </div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=212"><img src="https://img.viva88athenae.com//jl/images/212.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Dinosaur Tycoon II</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=119"><img src="https://img.viva88athenae.com//jl/images/119.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">All-star Fishing</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=82"><img src="https://img.viva88athenae.com//jl/images/82.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Happy Fishing</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=74"><img src="https://img.viva88athenae.com//jl/images/74.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Mega Fishing</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=71"><img src="https://img.viva88athenae.com//jl/images/71.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Boom Legend</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=60"><img src="https://img.viva88athenae.com//jl/images/60.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Dragon Fortune</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=42"><img src="https://img.viva88athenae.com//jl/images/42.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Dinosaur Tycoon</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=32"><img src="https://img.viva88athenae.com//jl/images/32.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Jack Pot Fishing</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=20"><img src="https://img.viva88athenae.com//jl/images/20.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Bombing Fishing</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a jili/launch?token=U9WlPkLC9pALWFZY1YrCQI1Wc680T24VWUvAKdvr5HE%3D&amp;gameid=1"><img src="https://img.viva88athenae.com//jl/images/1.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Royal Fishing</div>
                                </a></div>
                        </div>

                        <div id="fish_window_fs" class="text-center tab-pane fade in">
                            <div style="text-align: left; margin-top: 10px">
                                <img src="https://img.viva88athenae.com//fs.png" style="margin-top: -20px; width: 32px; padding-top:10px"><span style="font-size: 20px; font-weight: bold; margin-left: 5px">FastSpin</span>
                                <hr style="margin-top: 5px;">
                            </div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a fs/launch?token=g%2FB1HJ2edV9csWfLpg50TUpWTq0QeBeOm0usF5MPHv4%3D&amp;game=F-FT01"><img src="https://img.viva88athenae.com//fs/images/F-FT01.jpg" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">Fishing Treasure</div>
                                </a></div>
                        </div>

                        <div id="fish_window_ps" class="text-center tab-pane fade in">
                            <div style="text-align: left; margin-top: 10px">
                                <img src="https://img.viva88athenae.com//ps.png" style="margin-top: -20px; width: 32px; padding-top:10px"><span style="font-size: 20px; font-weight: bold; margin-left: 5px">PlayStar</span>
                                <hr style="margin-top: 5px;">
                            </div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a ps/launch?token=OOmK9nu7wNwwJ5wD9X3hZnRHoxM1VgtuF7ciCdf1yt8%3D&amp;gameid=PSF-ON-00006"><img src="https://img.viva88athenae.com//ps/images/PSF-ON-00006.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">FISHING FA FA FA</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a ps/launch?token=OOmK9nu7wNwwJ5wD9X3hZnRHoxM1VgtuF7ciCdf1yt8%3D&amp;gameid=PSF-ON-00005"><img src="https://img.viva88athenae.com//ps/images/PSF-ON-00005.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">FISHING IN THAILAND</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a ps/launch?token=OOmK9nu7wNwwJ5wD9X3hZnRHoxM1VgtuF7ciCdf1yt8%3D&amp;gameid=PSF-ON-00004"><img src="https://img.viva88athenae.com//ps/images/PSF-ON-00004.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">FISHING FOODIE</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a ps/launch?token=OOmK9nu7wNwwJ5wD9X3hZnRHoxM1VgtuF7ciCdf1yt8%3D&amp;gameid=PSF-ON-00003"><img src="https://img.viva88athenae.com//ps/images/PSF-ON-00003.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">ZOMBIE BONUS</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a ps/launch?token=OOmK9nu7wNwwJ5wD9X3hZnRHoxM1VgtuF7ciCdf1yt8%3D&amp;gameid=PSF-ON-00002"><img src="https://img.viva88athenae.com//ps/images/PSF-ON-00002.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">SPICY FISHING</div>
                                </a></div>
                            <div style="height:200px; width:170px; display:inline-block; text-align:center; vertical-align:top; margin:0px auto"><a ps/launch?token=OOmK9nu7wNwwJ5wD9X3hZnRHoxM1VgtuF7ciCdf1yt8%3D&amp;gameid=PSF-ON-00001"><img src="https://img.viva88athenae.com//ps/images/PSF-ON-00001.png" style="width:150px;">
                                    <div style="text-align:center; margin-top:5px">HAIDILAO</div>
                                </a></div>


                        </div>



                    </div>

                </div>





            </div>




        </div>




    <?php require_once "../app/footer.php" ?>






</body>

</html>
<?php } ?>