<?php
require_once dirname(__FILE__) . '/lib/utils.php';
require_once dirname(__FILE__) . '/lib/intl.php';
$p = new Intl();

// 初期化処理
clearSession();
session_start();
session_regenerate_id(true);
$_SESSION['stage'] = 1;
?>
<!DOCTYPE html>
<html lang="ja">

<head>
  <title><?php $p->e('明治大学 情報セキュリティ研究室 | Fingerprinting Research') ?></title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <style>
    body {
      padding-top: 60px;
      behavior: url(#default#userData);
      font-size: 15px;
      line-height: 1.7em;
      text-align: justify;
    }

    footer {
      font-size: 12px;
      color: #868686;
      /* background: url("img/footer-glow.png") no-repeat scroll center top #222426; */
      margin-top: 50px;
    }

    .wrapper {
      max-width: 966px;
      margin: 0px auto;
      padding: 20px;
    }

    .btn-right {
      position: absolute;
      top: 60px;
      right: 2em;
    }

    .pse-link {
      cursor: pointer;
    }

    @media (max-width:767px) {
      .rlb::before {
        content: "\000a";
        white-space: pre-line;
      }
    }
  </style>
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  <![endif]-->
</head>

<body>
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand" href="http://www.saitolab.org/"><?php $p->e('明治大学 | 情報セキュリティ研究室') ?></a>
      </div>
    </div>
  </nav>
  <div class="container block-center text-center">
    <header class="page-header">
      <a href="#" class="btn-right" data-toggle="collapse" data-target="#forsaitolab"><?php $p->e('concerned') ?></a>
      <h1>Fingerprinting Research</h1>
      <p class="lead"><?php $p->e('How Unique') ?></p>
    </header>

    <div class="raw clearfix">
      <div class="col-sm-8 col-sm-offset-2">
        <form role="form" method="POST" action="fingerprint.php" class="form-horizontal">
          <input type="hidden" name="touch" id="touch" value="false">
          <div id="forsaitolab" class="collapse">
            <p><?php $p->e('Note of caution') ?></p>
            <h2>OSとブラウザを選択してください</h2>
            <select name="OS">
             <option value="0" >OSを選択してください</option>
             <option value="OS X">OS X</option>
             <option value="Windows">Windows</option>
             <option value="iOS">iOS</option>
             <option value="Android">Android</option>
             <option value="Linux">Linux</option>
             <option value="Others">Others</option>
            </select>
           <select name="Browser">
             <option value="0">Browserを選択してください</option>
             <option value="Chrome">Chrome</option>
             <option value="Firefox">Firefox</option>
             <option value="IE">IE</option>
             <option value="Edge">Edge</option>
             <option value="Safari">Safari</option>
             <option value="Tor">Tor</option>
             <option value="Others">Others</option>
           </select>

            <div class="form-group">
              <p class="text-left">
                <label for="name">Name</label>
              </p>
              <input type="text" name="name" class="form-control" id="name" placeholder="Taro Tanaka">
            </div>
            <div class="form-group">
              <p class="text-left">
                <label for="student_number">Number</label>
              </p>
              <input type="number" name="student_number" class="form-control" id="student_number" placeholder="Number (the last six digits)" min="0" max="999999">
            </div>
            <div class="form-group">
              <p class="text-left">
                <label for="note">Note</label>
              </p>
              <textarea name="note" class="form-control" id="note" placeholder="Note"></textarea>
            </div>
        </div>
	<button type="submit" class="btn btn-primary btn-lg">Check Your Fingerprint</button>
        </form>
        <p class="text-muted">
          <?php $p->e('privacy') ?>
        </p>
      </div>
    </div>

    <div class="raw clearfix">
      <div class="col-sm-10 col-sm-offset-1">
        <h3><?php $p->e('Title of fingerprint') ?></h3>
        <p class="text-left">
          <?php $p->e('description') ?>
        </p>
        <p><a href="https://www.saitolab.org/fp_site/"><?php $p->e('more description') ?></a></p>
      </div>
    </div>

    <div class="raw clearfix">
      <h3><?php $p->e('gather title') ?></h3>
      <ul class="col-sm-4 col-sm-offset-4 text-left">
        <?php $p->e('gather items') ?>
      </ul>
    </div>

    <h3 class="text-primary pse-link" data-toggle="collapse" data-target="#history-list"><?php $p->e('history title') ?></h3>
    <div class="row clearfix collapse" id="history-list">
      <div class="col-sm-6 col-sm-offset-3">
        <dl class="dl-horizontal text-left">
          <?php $p->e('history items') ?>
        </dl>
      </div>
    </div>
  </div>

  <footer>
    <div class="wrapper">
      <p style="margin-bottom: 30px;"><?php $p->e('copyright') ?></p>
      <p><?php $p->e('address') ?></p>
    </div>
  </footer>
  <script src="//code.jquery.com/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script>
    if(navigator.maxTouchPoints)
        $('#touch').val(navigator.maxTouchPoints);
	else if('ontouchstart' in window)
		$('#touch').val('true');
    else
        $('body').bind('touchstart', function() {
            $('#touch').val('true');
        });
  </script>
  <script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-57148652-1', 'auto');
		ga('require', 'displayfeatures');
		ga('require', 'linkid', 'linkid.js');
		ga('send', 'pageview');
    </script>
</body>

</html>
