01.
<!-- Add New -->
02.
<div
class
=
"modal fade"
id=
"addModal"
>
03.
<div
class
=
"modal-dialog modal-dialog-centered"
>
04.
<div
class
=
"modal-content"
>
05.
06.
<!-- Modal Header -->
07.
<div
class
=
"modal-header"
>
08.
<h4
class
=
"modal-title"
>Add Member</h4>
09.
<button type=
"button"
class
=
"close"
data-dismiss=
"modal"
>×</button>
10.
</div>
11.
12.
<!-- Modal body -->
13.
<div
class
=
"modal-body px-4"
>
14.
<form action=
""
method=
"post"
id=
"form-data"
enctype=
"multipart/form-data"
>
15.
16.
<div
class
=
"form-group text-center"
>
17.
<img src=
"assets/uploadpicwebsite/planceholder.png"
onclick=
"triggerClick()"
id=
"profileDisplay"
style=
"display:block; width: 200px; height: 200px; margin:10px auto; border-radius:50%;"
/>
18.
<label
for
=
"profileImage"
>Profile Image</label>
19.
<input type=
"file"
name=
"profileImage"
onchange=
"displayImage(this)"
id=
"profileImage"
style=
"display:none;"
>
20.
</div>
21.
22.
<div
class
=
"form-group"
>
23.
<input type=
"text"
name=
"uname"
class
=
"form-control"
placeholder=
"Username"
require
>
24.
</div>
25.
26.
<div
class
=
"form-group"
>
27.
<input type=
"password"
name=
"pword"
class
=
"form-control"
placeholder=
"Password"
require
>
28.
</div>
29.
30.
<div
class
=
"form-group"
>
31.
<input type=
"text"
name=
"fname"
class
=
"form-control"
placeholder=
"ชื่อ"
require
>
32.
</div>
33.
34.
<div
class
=
"form-group"
>
35.
<input type=
"text"
name=
"lname"
class
=
"form-control"
placeholder=
"นามสกุล"
require
>
36.
</div>
37.
38.
<div
class
=
"form-group"
>
39.
<input type=
"text"
name=
"phone"
class
=
"form-control"
placeholder=
"เบอร์ติดต่อ"
required>
40.
</div>
41.
42.
<div
class
=
"form-group"
>
43.
<input type=
"email"
name=
"email"
class
=
"form-control"
placeholder=
"อีเมล"
require
>
44.
</div>
45.
46.
<div
class
=
"form-group"
>
47.
<input type=
"text"
name=
"position"
class
=
"form-control"
placeholder=
"ตำแหน่ง"
require
>
48.
</div>
49.
50.
<div
class
=
"form-group"
>
51.
<select type=
"text"
name=
"userlevel"
class
=
"form-control"
placeholder=
"ระดับการเข้าถึง"
require
>
52.
<option>admin</option>
53.
<option>head</option>
54.
<option>employee</option>
55.
<option>member</option>
56.
</select>
57.
</div>
58.
59.
<div
class
=
"form-group"
>
60.
<input type=
"submit"
name=
"insert"
id=
"insert"
value=
"เพิ่ม"
class
=
"btn btn-success btn-block"
>
61.
</div>
62.
</form>
63.
</div>
64.
</div>
65.
</div>
66.
</div>