@extends('layouts.app')

@section('title')
Uni | Faculty
@endsection

@section('links')

@endsection

@section('content')
        <!--  BEGIN CONTENT AREA  -->
        <div id="content" class="main-content">
            <div class="layout-px-spacing">
                
                <div class="row layout-top-spacing" id="cancel-row">
                
                    <div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
					    <div class="widget-heading"style="margin-bottom:55px;">
							<h5 class="mt-3" style="float:left;">Manage Faculty</h5>
							<button class="mt-2 btn btn-success" style="float:right;">Create Faculty</button>
						</div>
						<hr>
                        <div class="widget-content widget-content-area br-6">
						
                            <div class="table-responsive mb-4 mt-4">
                                <table id="html5-extension" class="table table-hover non-hover" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Date</th>
                                            <th>Restaurant</th>
                                            <th>Location</th>
                                            <th>Order</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div style="margin: 0px 0px 0px 0px" class="t-dot bg-warning" data-toggle="tooltip" data-placement="top" title="" data-original-title="Low"></div>
                                            </td>
                                            <td>2011/04/25</td>
                                            <td>Tiger Nixon</td>
                                            <td>Edinburgh</td>
                                            <td>OD-08-14-MP02-VEJ3MGLM7</td>
                                            <td>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#exampleModal">View</button>
                                                    <button type="button" class="btn btn-dark btn-sm dropdown-toggle dropdown-toggle-split" id="dropdownMenuReference1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuReference1">
                                                      <a class="dropdown-item" href="#" data-toggle="modal" data-target="#trackOrder">Track Order</a>
                                                    </div>
                                                  </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div style="margin: 0px 0px 0px 0px" class="t-dot bg-danger" data-toggle="tooltip" data-placement="top" title="" data-original-title="High"></div>
                                            </td>
                                            <td>2011/07/25</td>
                                            <td>Garrett Winters</td>
                                            <td>Tokyo</td>
                                            <td>OD-08-14-MP02-VEJ3MGLM7</td>
                                            <td>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#exampleModal">View</button>
                                                    <button type="button" class="btn btn-dark btn-sm dropdown-toggle dropdown-toggle-split" id="dropdownMenuReference1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuReference1">
                                                      <a class="dropdown-item" href="#" data-toggle="modal" data-target="#trackOrder">Track Order</a>
                                                    </div>
                                                  </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div style="margin: 0px 0px 0px 0px" class="t-dot bg-primary" data-toggle="tooltip" data-placement="top" title="" data-original-title="Normal"></div>
                                            </td>
                                            <td>2009/01/12</td>
                                            <td>Ashton Cox</td>
                                            <td>San Francisco</td>
                                            <td>OD-08-14-MP02-VEJ3MGLM7</td>
                                            <td>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#exampleModal">View</button>
                                                    <button type="button" class="btn btn-dark btn-sm dropdown-toggle dropdown-toggle-split" id="dropdownMenuReference1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuReference1">
                                                      <a class="dropdown-item" href="#" data-toggle="modal" data-target="#trackOrder">Track Order</a>
                                                    </div>
                                                  </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div style="margin: 0px 0px 0px 0px" class="t-dot bg-success" data-toggle="tooltip" data-placement="top" title="" data-original-title="Success"></div>
                                            </td>
                                            <td>2012/03/29</td>
                                            <td>Cedric Kelly</td>
                                            <td>Edinburgh</td>
                                            <td>OD-08-14-MP02-VEJ3MGLM7</td>
                                            <td>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#exampleModal">View</button>
                                                    <button type="button" class="btn btn-dark btn-sm dropdown-toggle dropdown-toggle-split" id="dropdownMenuReference1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuReference1">
                                                      <a class="dropdown-item" href="#">Customer</a>
                                                      <a class="dropdown-item" href="#">Restaurant</a>
                                                      <a class="dropdown-item" href="#">Delivery</a>
                                                      <div class="dropdown-divider"></div>
                                                      <a class="dropdown-item" href="#">Track</a>
                                                    </div>
                                                  </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div style="margin: 0px 0px 0px 0px" class="t-dot bg-secondary" data-toggle="tooltip" data-placement="top" title="" data-original-title="High"></div>
                                            </td>
                                            <td>2008/11/28</td>
                                            <td>Airi Satou</td>
                                            <td>Tokyo</td>
                                            <td>OD-08-14-MP02-VEJ3MGLM7</td>
                                            <td>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#exampleModal">View</button>
                                                    <button type="button" class="btn btn-dark btn-sm dropdown-toggle dropdown-toggle-split" id="dropdownMenuReference1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-reference="parent">
                                                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
                                                    </button>
                                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuReference1">
                                                      <a class="dropdown-item" href="#" data-toggle="modal" data-target="#trackOrder">Track Order</a>
                                                    </div>
                                                  </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
			
			<!-- Modal -->
			<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">OD-08-14-MP02-VEJ3MGLM7</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
							</button>
						</div>
						<div class="modal-body">
							<div id="withoutSpacing" class="no-outer-spacing">
								<div class="card no-outer-spacing">
									<div class="card-header" id="headingOne2">
										<section class="mb-0 mt-0">
											<div role="menu" class="" data-toggle="collapse" data-target="#withoutSpacingAccordionOne" aria-expanded="true" aria-controls="withoutSpacingAccordionOne">
												#1 Order Details <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
											</div>
										</section>
									</div>

									<div id="withoutSpacingAccordionOne" class="collapse show" aria-labelledby="headingOne2" data-parent="#withoutSpacing">
										<div class="card-body">
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Customer Name</b></label>
												<div class="col-sm-8">
													<label for="colFormLabel" class="col-form-label">Ada Ameh</label>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Customer Contact</b></label>
												<div class="col-sm-8">
													<button class="btn btn-outline-primary">Call</button>
													<label for="colFormLabel" class="col-form-label">08123453673</label>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Customer Address</b></label>
												<div class="col-sm-8">
													<label for="colFormLabel" class="col-form-label">This is a test order.</label>
												</div>
											</div>
											<div class="form-group row  mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Restaurant Name</b></label>
												<div class="col-sm-8">
													<label for="colFormLabel" class="col-form-label">This is a test order.</label>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Restaurant Address</b></label>
												<div class="col-sm-8">
													<label for="colFormLabel" class="col-form-label">This is a test order.</label>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Status</b></label>
												<div class="col-sm-8">
													<span class="badge badge-danger mt-2"> Cancelled </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label  for="colFormLabel" class="col-sm-4 col-form-label"><b>Payment Mode</b></label>
												<div class="col-sm-8">
													<span class="badge badge-secondary mt-2"> Paystack </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-4 col-form-label"><b>Comment/Suggestion</b></label>
												<div class="col-sm-8">
													<label for="colFormLabel" class="col-form-label">This is a test order.</label>
												</div>
											</div>
											<hr>
											<div class="form-group row mb-4">
												<div class="col-sm-2">
													<span class="badge badge-dark mt-2"> x1 </span>
												</div>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>A Plate of Fried Rice</b></label>
												<div class="col-sm-2">
													<span class="badge badge-success mt-2"> ₦400 </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<div class="col-sm-2">
													<span class="badge badge-dark mt-2"> x2 </span>
												</div>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>1(One) Stick of Fried Beef</b></label>
												<div class="col-sm-2">
													<span class="badge badge-success mt-2"> ₦400 </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-2 col-form-label"><b></b></label>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>Coupon</b></label>
												<div class="col-sm-2">
													<span class="badge badge-danger mt-2"> NONE </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-2 col-form-label"><b></b></label>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>Restaurant Charge</b></label>
												<div class="col-sm-2">
													<span class="badge badge-info mt-2"> ₦0 </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-2 col-form-label"><b></b></label>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>Delivery Charge</b></label>
												<div class="col-sm-2">
													<span class="badge badge-warning mt-2"> ₦300 </span>
												</div>
											</div>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-2 col-form-label"><b></b></label>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>Transaction Charge</b></label>
												<div class="col-sm-2">
													<span class="badge badge-dark mt-2"> 2% </span>
												</div>
											</div>
											<hr>
											<div class="form-group row mb-4">
												<label for="colFormLabel" class="col-sm-2 col-form-label"><b></b></label>
												<label for="colFormLabel" class="col-sm-8 col-form-label"><b>Total</b></label>
												<div class="col-sm-2">
													<span class="badge badge-primary mt-2"> ₦1120 </span>
												</div>
											</div>
											<hr>
										</div>
									</div>
								</div>

								<div class="card no-outer-spacing">
									<div class="card-header" id="headingTwo2">
										<section class="mb-0 mt-0">
											<div role="menu" class="collapsed" data-toggle="collapse" data-target="#withoutSpacingAccordionTwo" aria-expanded="false" aria-controls="withoutSpacingAccordionTwo">
												#2 Restaurant Details <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
											</div>
										</section>
									</div>
									<div id="withoutSpacingAccordionTwo" class="collapse" aria-labelledby="headingTwo2" data-parent="#withoutSpacing">
										<div class="card-body" style="padding-top:0px">
												<div class="table-responsive mb-4 mt-0">
													<table class="multi-table table table-hover" style="width:100%;margin-top:50px">
														<thead>
															<tr>
																<th class="text-center">Name</th>
																<th class="text-center">Phone</th>
																<th class="text-center">Action</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td class="text-center">Tiger Nixon</td>
																<td class="text-center">08125346375</td>
																<td class="text-center"> <button class="btn btn-outline-primary">Call</button> </td>
															</tr>
															<tr>
																<td class="text-center">Cedric Kelly</td>
																<td class="text-center">09053634435</td>
																<td class="text-center"> <button class="btn btn-outline-primary">Call</button> </td>
															</tr>
														</tbody>
													</table>
												</div>
										</div>
									</div>
								</div>
								<div class="card no-outer-spacing">
									<div class="card-header" id="headingThree10">
										<section class="mb-0 mt-0">
											<div role="menu" class="collapsed" data-toggle="collapse" data-target="#withoutSpacingAccordionThree" aria-expanded="false" aria-controls="withoutSpacingAccordionThree">
												#3 Delivery Details <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
											</div>
										</section>
									</div>
									<div id="withoutSpacingAccordionThree" class="collapse" aria-labelledby="headingThree10" data-parent="#withoutSpacing">
										<div class="card-body" style="padding-top:0px">
												<div class="table-responsive mb-4 mt-0">
													<table class="multi-table table table-hover" style="width:100%;margin-top:50px">
														<thead>
															<tr>
																<th class="text-center">Name</th>
																<th class="text-center">Phone</th>
																<th class="text-center">Action</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td class="text-center">Tiger Nixon</td>
																<td class="text-center">08125346375</td>
																<td class="text-center"> <button class="btn btn-outline-primary">Call</button> </td>
															</tr>
															<tr>
																<td class="text-center">Cedric Kelly</td>
																<td class="text-center">09053634435</td>
																<td class="text-center"> <button class="btn btn-outline-primary">Call</button> </td>
															</tr>
														</tbody>
													</table>
												</div>
										</div>
									</div>
								</div>
								<!--div class="card no-outer-spacing">
									<div class="card-header" id="headingFour4">
										<section class="mb-0 mt-0">
											<div role="menu" class="collapsed" data-toggle="collapse" data-target="#withoutSpacingAccordionFour" aria-expanded="false" aria-controls="withoutSpacingAccordionFour">
												#4 Delivery Details <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
											</div>
										</section>
									</div>
									<div id="withoutSpacingAccordionFour" class="collapse" aria-labelledby="headingFour4" data-parent="#withoutSpacing">
										
									</div>
								</div-->
							</div>
						</div>
						<div class="modal-footer">
							<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
							<button type="button" class="btn btn-primary">Save</button>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->			
			
			<!-- Modal -->
			<div class="modal fade" id="trackOrder" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">OD-08-14-MP02-VEJ3MGLM7</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
							</button>
						</div>
						<div class="modal-body">
							<div class="mt-container mx-auto">
								<div class="timeline-line">
									
									<div class="item-timeline">
										<p class="t-time">10:00</p>
										<div class="t-dot t-dot-primary">
										</div>
										<div class="t-text">
											<p>Updated Server Logs</p>
											<p class="t-meta-time">25 mins ago</p>
										</div>
									</div>

									<div class="item-timeline">
										<p class="t-time">12:45</p>
										<div class="t-dot t-dot-success">
										</div>
										<div class="t-text">
											<p>Backup Files EOD</p>
											<p class="t-meta-time">2 hrs ago</p>
										</div>
									</div>

									<div class="item-timeline">
										<p class="t-time">14:00</p>
										<div class="t-dot t-dot-warning">
										</div>
										<div class="t-text">
											<p>Send Mail to HR and Admin</p>
											<p class="t-meta-time">4 hrs ago</p>
										</div>
									</div>

									<div class="item-timeline">
										<p class="t-time">16:00</p>
										<div class="t-dot t-dot-info">
										</div>
										<div class="t-text">
											<p>Conference call with Marketing Manager.</p>
											<p class="t-meta-time">6 hrs ago</p>
										</div>
									</div>

									<div class="item-timeline">
										<p class="t-time">17:00</p>
										<div class="t-dot t-dot-danger">
										</div>
										<div class="t-text">
											<p>Collected documents from <a href="javascript:void(0);">Sara</a></p>
											<p class="t-meta-time">9 hrs ago</p>
										</div>
									</div>

									<div class="item-timeline">
										<p class="t-time">16:00</p>
										<div class="t-dot t-dot-dark">
										</div>
										<div class="t-text">
											<p>Server rebooted successfully</p>
											<p class="t-meta-time">8 hrs ago</p>
										</div>
									</div>

								</div>                                    
							</div>
						</div>
						<div class="modal-footer">
							<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
							<button type="button" class="btn btn-primary">Save</button>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->
@endsection

@section('script')

@endsection