Layout for activation HTML templates
[gamestick-pjgsapi.git] / templates / activate-profile.phtml
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3   <meta charset="utf-8"/>
4   <title>GameStick activation: Profile</title>
5   <link rel="stylesheet" href="css/css.css">
6 </head>
7 <body>
8   <h1 id="logo_small"><a href="#">Game Stick</a></h1>
9   <div id="gs" >
10
11     <div id="page_1" class="page">
12      <h2>PlayJam GameStick activation: Profile</h2>
13      <div class="register_bar"><img style="width: 100%" src="img/register_bar.png"></div>
14
15      <div class="prawy">
16       <p>Create your own unique PlayTag and choose a profile image to personalise your account</p>
17
18       <p>
19         Also you can sign yourself as a Founder.
20       </p>
21       <form method="post" action="activate.php">
22         <input type="hidden" name="code" value="<?= htmlspecialchars($code) ?>"/>
23
24         <?php if ($input['submit'] && count($errors)): ?>
25           <div style="color: red">
26             Errors:
27             <ul>
28               <?php foreach ($errors as $msg): ?>
29                 <li><?= htmlspecialchars($msg) ?></li>
30               <?php endforeach ?>
31             </ul>
32           </div>
33         <?php endif ?>
34
35         <div>
36           <label style="font-size: 16px;" for="gamerTag">PlayTag:</label>
37           <input style="float: right;" id="gamerTag" name="gamerTag" type="text"
38           value="<?= htmlspecialchars($input['gamerTag']) ?>"
39           pattern="[a-zA-Z0-9 ]+"
40           required=""
41           title="Allowed: A-Z, a-z, 0-9, space"
42           />
43         </div>
44
45         <div>
46           <label>
47             <input  id="founderFlag" name="founderFlag" type="checkbox"
48             value="1"
49             <?php if ($input['founderFlag']) { echo 'checked=""';} ?>
50             />
51             I am a founder
52           </label>
53         </div>
54
55         <div>
56           <br>
57           <label style="font-size: 16px;" for="founderName">Founder name:</label>
58           <input style="float: right;" id="founderName" name="founderName" type="text"
59           value="<?= htmlspecialchars($input['founderName']) ?>"
60           pattern="[a-zA-Z0-9 ]*"
61           title="Allowed: A-Z, a-z, 0-9, space"
62           />
63         </div>
64         <br>
65         <label style="font-size: 14px;">Show games suitable for ages:</label><br>
66         <label>
67           <input type="radio" name="minAge" value="3"
68           <?php if ($input['minAge'] == 3) { echo 'checked=""';} ?>
69           />
70           3+
71         </label>
72
73         <label>
74           <input type="radio" name="minAge" value="7"
75           <?php if ($input['minAge'] == 7) { echo 'checked=""';} ?>
76           />
77           7+
78         </label>
79
80         <label>
81           <input type="radio" name="minAge" value="12"
82           <?php if ($input['minAge'] == 12) { echo 'checked=""';} ?>
83           />
84           12+
85         </label>
86
87         <label>
88           <input type="radio" name="minAge" value="17"
89           <?php if ($input['minAge'] == 17) { echo 'checked=""';} ?>
90           />
91           17+
92         </label>
93       </div>
94       <div name="lewy" style="width: 48%;">
95         <label>Avatar image:</label>
96         <div id="avatary"> <br>
97           <br>
98
99
100           <?php foreach ($avatars as $key => $smallImagePath): ?>
101             <br>
102             <div id="test">
103               <label>
104
105
106
107                 <img src="<?= htmlspecialchars($smallImagePath) ?>"
108                 alt="Avatar <?= htmlspecialchars($key) ?>"
109                 width="118" height="118"
110                 />
111                 <br>
112                 <input style=" 
113                 align-items: center;" type="radio" name="avatar" id="radioo" value="<?= htmlspecialchars($key) ?>"
114                 <?php if ($input['avatar'] == $key) { echo 'checked=""';} ?>
115                 />
116               </label>
117             </div>
118           <?php endforeach ?>
119
120         </div>
121
122         <button style="float:right; " name="submit" value="1" type="submit">Submit</button>
123       </div>
124     </form>
125
126   </div>
127 </div> 
128 </body>
129 </html>