-
Notifications
You must be signed in to change notification settings - Fork 0
/
found.php
132 lines (122 loc) · 5.29 KB
/
found.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<?php
include "found_functionality.php";
?>
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="found.css">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<!--<div class = "box">-->
<div class="header0">
<b>Lost & Found</b>
</div>
<ul class="a">
<li><a href="index.php"><i class="fa fa-fw fa-home"></i>Home</a></li>
<li><a href="account.php"><i class="fa fa-fw fa-user"></i>Account</a></li>
<li><a href="institutions.php"><i class="fa fa-fw fa-globe"></i>Search Places</a></li>
<li><a href="items.php"><i class="fa fa-fw fa-search"></i>Search Items</a></li>
<li><a href="found.php" class="active"><i class='fas fa-hand-holding-heart'></i>Found Something</a></li>
</ul>
<br>
<div class="row">
<div class="column side"><center><br><br>
<img src="train(1).png" width="65%"><br>
<img src="place.png" width="65%" alt="Flowers in Chania"><br><br><br>
<img src="museum.png" width="65%"><br></center><br>
</div>
<div class="column middle" >
<div class="container">
<div class="title"
<h2><b>What have you found? </b></h2><div class="dropdown">
<i class='fas fa-exclamation-circle' style='font-size:25px; color: #FF7F00'></i>
<div class="dropdown-content">
In order to obtain more detailed information about how to properly fill out this form please visit our <a href = "index.php#info">info page </a>.
</div></div>
</div>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
<div class="row">
<div class="col-25">
<label for="location">Location</label>
</div>
<div class="col-75">
<script type="text/javascript">
function showfield(location){
if(location=='other')document.getElementById('div1').innerHTML=' <br> Provide the location in the field below: <input type="text" name="locationOther" required/>';
else document.getElementById('div1').innerHTML='';
}
</script>
<select id="country" name="location" onchange="showfield(this.options[this.selectedIndex].value)" required>
<option selected disabled>Choose type of location...</option>
<option value="Bus">Bus</option>
<option value="University">University</option>
<option value="Museum">Museum</option>
<option value="Street">Street</option>
<option value="Restaurant">Restaurant</option>
<option value="Cafe">Cafe</option>
<option value="Building">Building</option>
<option value="Library">Library</option>
<option value="other">Other</option>
</select>
<div id="div1"></div>
</div>
</div>
<div class="row">
<div class="col-25">
<label for="type">Type of the object: </label>
</div>
<div class="col-75">
<script type="text/javascript">
function showfield0(name){
if(name=='other')document.getElementById('div2').innerHTML=' <br> Provide the type of the item in the field below: <input type="text" name="nameOther" required />';
else document.getElementById('div2').innerHTML='';
}
</script>
<select id="type" name="itemName" onchange="showfield0(this.options[this.selectedIndex].value)" required>
<option selected disabled>Choose type of object...</option>
<option value="Wallet">Wallet</option>
<option value="Keys">Keys</option>
<option value="Laptop">Laptop</option>
<option value="Phone">Phone</option>
<option value="other">Other</option>
</select>
<div id="div2"></div>
</div>
</div>
<div class="row">
<div class="col-25">
<label for="item_description">Brief description of the item <tab>
<div class="dropdown">
<i class='fas fa-exclamation-circle' style='font-size:18px; color: #FF7F00'></i>
<div class="dropdown-content">
In order to avoid any possibility of illegal collection of items please provide a vague description allowing you as the collector to verify whether an item belongs to the claimer if they reach out to you.
</div></label>
</div>
</div>
<div class="col-75">
<textarea id="item_description" name="description" placeholder="Please contain date of finding, location and vague description. For more info check exclamation marks!" style="height:190px" required></textarea>
</div>
</div>
<br>
<div class="row">
<input type="submit" value="Submit">
</div>
</div>
</form>
</div>
<div class="column side" ><center><br><br>
<img src="passport.png" width="65%"><br><br>
<img src="wallet.png" width="65%"><br><br>
<img src="smartphone.png" width="65%"><br></center>
</div>
</div>
</div>
<div class="center"><br>
<a href="privacy.html" class="links"> Privacy Policy </a> --- <a href="terms.html" class="links"> Terms of use</a>
</div>
<!--<div class="footer"><center><a href="privacy.html"> Privacy Policy </a> --- <a href="terms.html"> Terms of use</a></center></div> -->
</body>
</html>