Fix indentation and close tags in html templates and css
[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
66             <div>
67               <label style="font-size: 14px;">Show games suitable for ages:</label><br/>
68               <label>
69                 <input type="radio" name="minAge" value="3"
70                 <?php if ($input['minAge'] == 3) { echo 'checked=""';} ?>
71                 />
72                 3+
73               </label>
74
75               <label>
76                 <input type="radio" name="minAge" value="7"
77                 <?php if ($input['minAge'] == 7) { echo 'checked=""';} ?>
78                 />
79                 7+
80               </label>
81
82               <label>
83                 <input type="radio" name="minAge" value="12"
84                 <?php if ($input['minAge'] == 12) { echo 'checked=""';} ?>
85                 />
86                 12+
87               </label>
88
89               <label>
90                 <input type="radio" name="minAge" value="17"
91                 <?php if ($input['minAge'] == 17) { echo 'checked=""';} ?>
92                 />
93                 17+
94               </label>
95             </div>
96
97             <div name="lewy" style="width: 48%;">
98               <label>Avatar image:</label>
99               <div id="avatary">
100                 <br/>
101                 <br/>
102
103
104                 <?php foreach ($avatars as $key => $smallImagePath): ?>
105                 <br/>
106                 <div id="test">
107                   <label>
108                     <img src="<?= htmlspecialchars($smallImagePath) ?>"
109                       alt="Avatar <?= htmlspecialchars($key) ?>"
110                       width="118" height="118"
111                     />
112                     <br/>
113                     <input style="
114                       align-items: center;" type="radio" name="avatar" id="radioo"
115                       value="<?= htmlspecialchars($key) ?>"
116                     <?php if ($input['avatar'] == $key) { echo 'checked=""';} ?>
117                     />
118                   </label>
119                 </div>
120                 <?php endforeach ?>
121
122               </div>
123
124               <button style="float:right; " name="submit" value="1" type="submit">Submit</button>
125             </div>
126           </form>
127
128         </div>
129       </div>
130     </div>
131   </body>
132 </html>