<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="icon" type="image/png" href="images/splash/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="196x196" href="images/splash/apple-touch-icon-196x196.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/splash/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/splash/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/splash/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/splash/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/splash/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/splash/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/splash/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/splash/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/splash/apple-touch-icon-57x57.png">
<link rel="icon" type="image/png" href="images/splash/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/splash/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/splash/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="images/splash/favicon.ico" type="image/x-icon" />
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    
<title>TAGOR | Tabaos Got Kotor!</title>

<link rel="stylesheet" type="text/css" href="styles/style.css">
<link rel="stylesheet" type="text/css" href="styles/menu.css">
<link rel="stylesheet" type="text/css" href="styles/framework.css">
<link rel="stylesheet" type="text/css" href="styles/font-awesome.css">

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body class="has-cover">
<div class="gallery-fix"></div><!-- Fix Gallery next/prev error on Android -->
<div class="sidebar-tap-close"></div><!-- Overlay for content to close Sidebar -->
    
<div class="header-fixed header-light">
    <a href="#" class="header-icon-1 open-left-sidebar"><i class="fa fa-navicon"></i></a>
    <a href="index.html" class="header-logo"></a>
    <a href="#" class="header-icon-4 open-right-sidebar"><i class="fa fa-envelope-o"></i></a>
</div>
<!-- Sidebar Kiri -->
<?php include("inc/side_kiri.php");?>
<!-- Sidebar Kanan -->        
<?php include("inc/side_kanan.php");?>       

<div id="page-content">
    <div id="page-content-scroll"><!--Enables this element to be scrolled -->        

        <div class="cover-page cover-image" style="background-image:url(images/pictures/2.jpg);">
            <div class="cover-page-content"><!--add boxed-layout to this to change the style-->
                <form method="POST" action="register_proses.php">
                <div class="pageapp-login">
                    <br>
                    <h2 style="color: #fff; text-align: center">REGISTRASI</h2>
                    <?php
                        $ket = @$_GET['ket'];

                        if($ket != "")
                        {
                            if($ket == "berhasil")
                            {
                                echo "<div class=\"alert alert-success\" style='color: #fff; text-align: center'>  
                                    Registrasi Anda Berhasil !
                                </div>" ;   
                            }
                            else
                            {
                                if($ket == "ada")   
                                    $text = "Maaf, Email Anda Telah Terdaftar";
                                else if($ket == "username")
                                    $text = "Maaf, username tersebut tidak tersedia";
                                
                                echo "<div class=\"alert alert-danger\" style='color: #ff0024; text-align: center'>  
                                    $text
                                </div>" ;
                            }
                        }
                    ?>
                    <div class="spacer"></div>
                    <div class="cover-field">
                        <i class="fa fa-user"></i>
                        <input type="text" name="nama" placeholder="Nama Lengkap" required>
                    </div>          
                    <div class="cover-field">
                        <i class="fa fa-envelope-o"></i>
                        <input type="email" name="email" placeholder="Email" required>
                    </div>
                    <div class="cover-field">
                        <i class="fa fa-phone"></i>
                        <input type="text" name="telp" placeholder="No Telp" required>
                    </div>
                    <div class="cover-field">
                        <i class="fa fa-user"></i>
                        <input type="text" name="username" placeholder="Username" required>
                    </div>                  
                    <div class="cover-field">
                        <i class="fa fa-lock"></i>
                        <input type="password" name="password" placeholder="Password" required>
                    </div>
                    <button class="pageapp-login-button button button-green">Register</button>
                    <a href="#" class="pageapp-login-button button facebook-color"><i class="fa fa-facebook"></i>Register with Facebook</a>
                    <a href="#" class="pageapp-login-button button google-color"><i class="fa fa-google"></i>Register with Google</a>
                </div>
                </form>
            </div>
            <div class="overlay"></div>
            <div class="cover-buttons">
                <a class="cover-button-left"><i class="space-right"></i>&copy; Tabaos Got Kotor</a>
                <a class="cover-button-right" href="login.php">Already Registered?<i class="space-left fa fa-code"></i></a>
            </div>
        </div>
        
        <a href="#" class="back-to-top-badge"><i class="fa fa-caret-up"></i>Back to top</a>
    </div>
</div>

</body>