001.
<?php
require_once
(
'connect.php'
); ?>
002.
003.
<div
class
=
"row"
>
004.
<div
class
=
"col-lg-12"
>
005.
<h4
class
=
"alert alert-info"
><i
class
=
"fa fa-save fa-fw"
></i> เพิ่มข้อมูลการจองห้องอาหาร</h4>
006.
</div>
007.
<!-- /.col-lg-12 -->
008.
</div>
009.
010.
<form role=
"form"
name=
"ss01"
id=
"ss01"
class
=
"form-group"
method=
"post"
action=
"?menu=insert"
>
011.
012.
<div
class
=
"row"
>
013.
<div
class
=
"col-lg-12"
>
014.
<div
class
=
"panel panel-default"
>
015.
<div
class
=
"panel-body"
>
016.
<div
class
=
"row"
>
017.
018.
<div
class
=
"col-lg-12"
>
019.
020.
021.
<div
class
=
"row"
>
022.
<div
class
=
"col-lg-4"
>
023.
<label> เลือกห้องอาหาร</label>
024.
<select name=
"locate"
class
=
"form-control"
id=
"locate"
required=
"กรุณเลือกห้อง"
/> <option></option>
025.
<option> ห้องอาหาร 1</option>
026.
<option> ห้องอาหาร 2</option>
027.
<option> ห้องอาหาร 3</option>
028.
<option> ห้องอาหาร 4</option>
029.
<option> ห้องอาหาร 5</option>
030.
<option> ห้องอาหาร 6</option>
031.
<option> ห้องอาหาร 7</option>
032.
<option> ห้องอาหาร 8</option>
033.
<option> ห้องอาหาร 9</option>
034.
<option> ห้องอาหาร 10</option>
035.
</select>
036.
</div></div>
037.
</div>
038.
039.
<div
class
=
"col-lg-4"
>
040.
<div
class
=
"form-group"
>
041.
<label> เลือกเวลาจองห้องอาหาร</label>
042.
<div
class
=
"input-group date"
id=
"datetimepicker1"
>
043.
<input name=
"date-start"
class
=
"form-control input-sm"
type=
"text"
required />
044.
<span
class
=
"input-group-addon"
><span
class
=
"glyphicon glyphicon-calendar"
></span>
045.
</span>
046.
</div>
047.
048.
<script type=
"text/javascript"
>
049.
$(
function
() {
050.
$(
'#datetimepicker1'
).datetimepicker({
051.
locale:
'th'
,
052.
format:
'L'
053.
});
054.
});
055.
</script>
056.
</div>
057.
</div>
058.
059.
<div
class
=
"col-lg-4"
>
060.
<div
class
=
"form-group"
>
061.
<label>สิ้นสุดเวลาใช้ห้องอาหาร</label>
062.
<div
class
=
'input-group date'
id=
'datetimepicker2'
>
063.
<input name=
"date-end"
class
=
"form-control input-sm"
type=
"text"
required />
064.
<span
class
=
"input-group-addon"
><span
class
=
"glyphicon glyphicon-calendar"
></span>
065.
</span>
066.
</div>
067.
068.
<script type=
"text/javascript"
>
069.
$(
function
() {
070.
$(
'#datetimepicker2'
).datetimepicker({
071.
locale:
'th'
,
072.
format:
'L'
073.
});
074.
075.
});
076.
</script>
077.
</div></div>
078.
</div>
079.
<div
class
=
"row"
>
080.
<div
class
=
"col-lg-4"
>
081.
<div
class
=
"form-group"
>
082.
<label> ชื่อผู้ที่จองห้องอาหาร</label>
083.
<input name=
"name"
type=
"text"
required
class
=
"form-control input-sm"
placeholder=
"ระบุชื่อผู้จองห้อง"
" readonly="
readonly"/>
084.
</div></div>
085.
086.
087.
<div
class
=
"row"
>
088.
<div
class
=
"col-lg-4"
>
089.
<div
class
=
"form-group"
>
090.
<label> รายละเอียดอาหารและเครื่องดื่ม</label>
091.
<textarea name=
"driver"
class
=
"form-control"
id=
"driver"
placeholder=
"ระบุรายละเอียดอาหารและเครื่องดื่ม"
required=
"required"
/></textarea>
092.
093.
</div>
094.
</div>
095.
</div>
096.
097.
<div
class
=
"row"
>
098.
<div
class
=
"col-lg-8"
>
099.
<div
class
=
"form-group"
>
100.
<table
class
=
"table table-striped table-hover"
width=
"1016"
>
101.
<tr style=
"background-color:#DCDCDC; color: #Orchid;"
>
102.
<td width=
"900"
> </td>
103.
104.
</table>
105.
</div>
106.
</div></div>
107.
<div
class
=
"row"
>
108.
<div
class
=
"col-lg-4"
>
109.
<div
class
=
"form-group"
>
110.
<button type=
"submit"
class
=
"btn btn-success"
id=
"btnConfirm"
>SAVE</button>
111.
<button type=
"reset"
class
=
"btn btn-default"
>Reset</button>
112.
</div>
113.
</div>
114.
</div> </div>
115.
</div></div></div></div></div></div></div>
116.
117.
</form>