<?php 
error_reporting(0);
session_start();

	///////////////// get txt file data /////////////////

	$fh = fopen('../../agent/agent_info.txt','r');
	if($line = fgets($fh)){
		$info_dump = json_decode($line, true);
	}
	fclose($fh);

	//echo 'test<pre>';print_r($info_dump);exit();
	/*
	[505] => Array
	(
		[Account] => 505
		[Branch] => SA
		[Name] => 505
		[IsApp] => Y
		[Appstore] => 
		[APK] => https://goo.gl/qnYYZ8
		[HP_No] => 01123289528
		[HP_No_Formatted] => 0112 328-9528
		[Wechat] => vivian_wong91
		[Website] => http://sbobetmalaysia.net/
	)
	*/
	if(!empty($_GET['agent'])){
		$site_agent = $_GET['agent'];
	}else{
		$site_agent = '201';
	}
	//$info_dump[$site_agent]['xxx']
	/////////////// end get txt file data ///////////////
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="Shortcut Icon" href="img/favicon.ico" /> 
<title>ROYAL-PANDA.COM</title>
<!--script type="text/javascript" src="js/jquery.min.js"></script-->
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script>
<script>
</script>
<style type="text/css">
	body {
		margin:0;
		padding:0;
	}
	
	h1 {
	  font-size: 5.9vw;
	}
	h2 {
	  font-size: 3.0vh;
	}
	p {
	  font-size: 2vmin;
	}
	/*
	.divheader{
		background: url(images/top-bg-ext.jpg) #eeeeee 0 0;
		width: 100%;
		height: 80px;
		z-index: 9999;
		position: fixed;
		top:0px;
		left:0px;
		margin: 0 auto;
		vertical-align:middle;
	}
	*/
	.header{
		background: url('images/top-bg-ext.jpg') #eeeeee 0 0;
		height: 80px;
		z-index: 9999;
		vertical-align:middle;
	}
	
	.container{
		width: 72%;
		max-width: 1000px;
		text-align: left;
	}
	
	li.downloadlist{
		display: inline-block;
		margin: 10px;
		max-width:464px;
		min-width:250px;
	}
	li.downloadlist .dtitle{
		/*background: url('images/icon-android.png') #323232 right 5px center no-repeat;*/
		background: url('images/icon-android.png') #323232 no-repeat;
   		background-position: right center;
   		background-position: right 5px center;
		width:60%;
		padding: 10px;
		text-align: center;
		color:#FFFFFF;
		cursor:pointer;
	}
	li.downloadlist .dlink{
		background: #FF6100;
		width:40%;
		padding: 10px;
		text-align: center;
		color:#FFFFFF;
		cursor:pointer;
	}
	li.downloadlist .gameimg{
		width:100%;
		max-width:464px;
		min-width:250px;
	}
	
	li.banklist{
		display: inline-block;
	}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<body style="font-family	: 	Tahoma, Helvetica, Arial, 'Microsoft Yahei', STXihei, sans-serif; background:url('/images/banner/bg-birdnest-2000x800.jpg') white center center no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;">

    <script type="text/javascript" src="js/fullwidthslider/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/fullwidthslider/jssor.slider.mini.js"></script>
    <!-- use jssor.slider.debug.js instead for debug -->
    <script>
        jQuery(document).ready(function ($) {
            
            var jssor_1_SlideoTransitions = [
              [{b:5500,d:3000,o:-1,r:240,e:{r:2}}],
              [{b:-1,d:1,o:-1,c:{x:51.0,t:-51.0}},{b:0,d:1000,o:1,c:{x:-51.0,t:51.0},e:{o:7,c:{x:7,t:7}}}],
              [{b:-1,d:1,o:-1,sX:9,sY:9},{b:1000,d:1000,o:1,sX:-9,sY:-9,e:{sX:2,sY:2}}],
              [{b:-1,d:1,o:-1,r:-180,sX:9,sY:9},{b:2000,d:1000,o:1,r:180,sX:-9,sY:-9,e:{r:2,sX:2,sY:2}}],
              [{b:-1,d:1,o:-1},{b:3000,d:2000,y:180,o:1,e:{y:16}}],
              [{b:-1,d:1,o:-1,r:-150},{b:7500,d:1600,o:1,r:150,e:{r:3}}],
              [{b:10000,d:2000,x:-379,e:{x:7}}],
              [{b:10000,d:2000,x:-379,e:{x:7}}],
              [{b:-1,d:1,o:-1,r:288,sX:9,sY:9},{b:9100,d:900,x:-1400,y:-660,o:1,r:-288,sX:-9,sY:-9,e:{r:6}},{b:10000,d:1600,x:-200,o:-1,e:{x:16}}]
            ];
            
            var jssor_1_options = {
              $AutoPlay: true,
              $SlideDuration: 800,
              $SlideEasing: $Jease$.$OutQuint,
              $CaptionSliderOptions: {
                $Class: $JssorCaptionSlideo$,
                $Transitions: jssor_1_SlideoTransitions
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };
            
            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
            
            //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizing
            function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize, 1920);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            //responsive code end
        });
    </script>

    <style>
        
        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('js/fullwidthslider/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('js/fullwidthslider/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
    </style>


<table cellpadding="0" cellspacing="0" border="0" align="center" style="width:100%;">
	<tr>
    	<td>
			<table cellpadding="0" cellspacing="0" border="0" align="center" style="width:100%;">
            	
                <tr>
                	<td style="text-align:center;">
                        <li class="downloadlist">
							<table cellpadding="0" cellspacing="0" border="0" align="center">
								<tr>
									<td colspan="2"><img src="images/lottery.jpg" class="gameimg"/></td>
								</tr>
								<tr>									
									<td class="dlink">
										<center>
										<table  align="center" border="1" cellspacing="0" cellpadding="0">
											<tr>
												<td>&nbsp;&nbsp;1st Prize&nbsp;&nbsp;</td>
												<td>&nbsp;&nbsp;<strike>&nbsp;2500&nbsp;</strike>&nbsp;&nbsp;</td>
												<td>&nbsp;&nbsp;2750&nbsp;&nbsp;</td>
											</tr>
											<tr>
												<td>&nbsp;&nbsp;2nd Prize&nbsp;&nbsp;</td>
												<td>&nbsp;&nbsp;<strike>&nbsp;1000&nbsp;</strike>&nbsp;&nbsp;</td>
												<td>&nbsp;&nbsp;1100&nbsp;&nbsp;</td>
											</tr>
											<tr>
												<td>&nbsp;&nbsp;3rd Prize&nbsp;&nbsp;</td>
												<td>&nbsp;&nbsp;<strike>&nbsp;500&nbsp;</strike>&nbsp;&nbsp;</td>
												<td>&nbsp;&nbsp;550&nbsp;&nbsp;</td>
											</tr>
										</table>
										</center>
									</td>
								</tr>
								<tr>									
									<td class="dlink">For LOTTERY<br>please contact our customer service at:</td>
								</tr>
								<tr>									
									<td class="dlink">
										<a href="http://api.whatsapp.com/send?phone=<?php echo substr($info_dump[$site_agent]['HP_No'], 0, 1) === '6' ? $info_dump[$site_agent]['HP_No'] : '6'.$info_dump[$site_agent]['HP_No']; ?>" style="color: #FFFFFF; text-decoration: none;"><img src="images/icon-whatsapp.png" alt="WhatsApp" width="30px" height="30px" style="vertical-align:middle;" /> <?php echo $info_dump[$site_agent]['HP_No_Formatted']; ?></a>
										&nbsp;&nbsp;&nbsp;&nbsp;
                                        <a href="#" style="color: #FFFFFF; text-decoration: none;"><img src="images/icon-wechat.png" width="30px" height="30px" style="vertical-align:middle;">&nbsp;<?php echo $info_dump[$site_agent]['Wechat']; ?><a/></td>
								</tr>
								 
								<!--tr>
									<td class="dtitle" onclick="alert('<?php echo $gdata['android']; ?> coming soon')"><?php echo $gdata['title'][$lang]; ?></td>
									<td class="dlink" onclick="alert('<?php echo $gdata['download']; ?> coming soon');">DOWNLOAD <img src="images/icon_download.png" style="vertical-align:middle;"/></td>
								</tr-->
							</table>
						</li>                      
                    </td>
            </table>
        </td>
    </tr>
</table>
</body>
</html>