<?php 
    $user_lang = "en";
    
	if (isset ($_GET["lang"])){$user_select_lang = $_GET["lang"];}
    
    if (empty($user_select_lang)) {

		if (isset ($_SERVER['HTTP_ACCEPT_LANGUAGE'])){$acceptLang = $_SERVER['HTTP_ACCEPT_LANGUAGE'];} else {$acceptLang='zh-hk';}

        $browser_lang = substr($acceptLang, 0, 2);

        if( $browser_lang == 'zh' ){
            $user_lang = "tc";
            
            if( substr($acceptLang, 0, 5) == 'zh-CN' )
                $user_lang = "sc";
        }   
    }
    else
        $user_lang = $user_select_lang;

    $image_path = "images/".$user_lang;

    $langDisplay = [
        "en" => [
            "current_lang" => "Eng",
            "footer_title_1" => "Headquarter",
            "footer_content_1" => "SHINETOWN TELECOMMUNICATION LIMITED",
            "footer_title_2" => "Address",
            "footer_content_2" => "UNIT 7-11, 22/F, CORPORATION PARK, 11 ON LAI STREET, SHATIN, HONG KONG"
        ],
        "tc" => [
            "current_lang" => "繁",
            "footer_title_1" => "總部",
            "footer_content_1" => "信京電訊有限公司",
            "footer_title_2" => "地址",
            "footer_content_2" => "香港沙田安麗街 11 號 企業中心 22 樓 7-11 室"
        ],
        "sc" => [
            "current_lang" => "簡",
            "footer_title_1" => "总部",
            "footer_content_1" => "信京电讯有限公司",
            "footer_title_2" => "地址",
            "footer_content_2" => "香港沙田安丽街11号企业中心20楼1-16室"
        ]
    ]
?>
<!DOCTYPE html>
<html>
    <head>
        <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" />
        <title>Airsim</title>

        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
        <link rel="stylesheet" type="text/css" href="style/main.css">

    </head>
    
    <body>
        
    	<div class="main-wrapper <?=$user_lang?>">
            <div class="top-wrapper">
                <div class="logo-wrapper">
                    <img src="images/logo.png" />
                </div>
                
                <div class="language-menu-wrapper">
                    <a class="btn btn-show-langmenu">
                        <span><?=$langDisplay[$user_lang]["current_lang"]?></span>
                    </a>

					<a class="btn btn-show-langmenu-mobile" onclick="showLangMenu()">
                        <span><?=$langDisplay[$user_lang]["current_lang"]?></span>
                    </a>

                    <div class="lang-menu">
                        <ul>
                            
                            <?php if( $user_lang != "tc" ) { ?>
                            <li>
                                <a class="btn btn-lang" href="?lang=tc">
                                    <span>繁體中文</span>
                                </a>
                            </li>
                            <?php } ?>

                            <?php if( $user_lang != "sc" ) { ?>
                            <li>
                                <a class="btn btn-lang" href="?lang=sc">
                                    <span>简体中文</span>
                                </a>
                            </li>
                            <?php } ?>
                            
                            <?php if( $user_lang != "en" ) { ?>
                            <li>
                                <a class="btn btn-lang" href="?lang=en">
                                    <span>English</span>
                                </a>
                            </li>
                            <?php } ?>

                        </ul>
                    </div>
                </div>

            </div>

            <div id="mobile-language-menu" class="lang-menu-mobile">
                <ul>
                    
                    <?php if( $user_lang != "tc" ) { ?>
                    <li>
                        <a class="btn btn-lang" href="?lang=tc">
                            <span>繁體中文</span>
                        </a>
                    </li>
                    <?php } ?>

                    <?php if( $user_lang != "sc" ) { ?>
                    <li>
                        <a class="btn btn-lang" href="?lang=sc">
                            <span>简体中文</span>
                        </a>
                    </li>
                    <?php } ?>
                    
                    <?php if( $user_lang != "en" ) { ?>
                    <li>
                        <a class="btn btn-lang" href="?lang=en">
                            <span>English</span>
                        </a>
                    </li>
                    <?php } ?>

                </ul>
            </div>

            <div class="content-wrapper">
                <div class="banner-wrapper">
                    <img src="<?=$image_path?>/banner.jpg" width="100%" />
				</div>
				<div class="mobile-btns-img">
                    <img src="<?=$image_path?>/bg_m.jpg" width="100%" />
                </div>
                <div class="btns-wrapper btns-wrapper-<?=$user_lang?>" >
                    <a href="https://airs.im/hk">
                        <img src="<?=$image_path?>/buttons1.jpg" />
                    </a>
                    <a href="https://airs.im/my">
                        <img src="<?=$image_path?>/buttons2.jpg" />
                    </a>
                    <a href="https://airs.im/sg">
                        <img src="<?=$image_path?>/buttons3.jpg" />
                    </a>
                    <a href="https://airs.im/tw">
                        <img src="<?=$image_path?>/buttons4.jpg" />
                    </a>
                </div>
            </div>

            <div class="footer-wrapper">
                <span><?=$langDisplay[$user_lang]["footer_title_1"]?></span>
                <span><?=$langDisplay[$user_lang]["footer_content_1"]?></span>
                <span><?=$langDisplay[$user_lang]["footer_title_2"]?></span>
                <span><?=$langDisplay[$user_lang]["footer_content_2"]?></span>
            </div>
        </div>

        <script>
            var showLangMenu = function() {
            	var element = document.getElementById("mobile-language-menu");
            	element.classList.toggle("show");
            }
        </script>

    </body>

</html>