@extends('backend.handoff.layouts.app')

@section('content')

<div class="row">
	<div class="col-md-12">
		<div class="panel panel-default no-export">
			<div class="panel-heading"><span class="panel-title">{{ _lang('Search Order') }}</span>
			<!-- <a class="btn btn-warning btn-sm pull-right ajax-modal" data-title="{{ _lang('Add guest') }}" href="{{route('guests.create')}}">{{ _lang('Add New') }}</a> -->
			</div>

			<div class="panel-body">
				<div class="wrap" style="padding-top: 100px;">
   					<div class="search">
   					   <input type="text" class="searchTerm" placeholder="Place Order Number here.">
   					   <button type="submit" class="searchButton">
   					     <i class="fa fa-search"></i>
   					  </button>
   					</div>
				</div>

				<div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Order Number Details
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        </button>
				</h5>
      </div>
      <div class="modal-body">
        
				<table class="table table-bordered" width="100%">
				<tbody style="text-align: center;" id="table-data">
				<tr>
						<td>PSID:</td>
						<td id='psid-search'><i>No Data</i></td>
						</tr>
						<tr>
						<td>Customer Name:</td>
					
						<td id='name-search'><i>No Data</i></td>
						</tr>
						<tr>
						<td>Order Code:</td>
						<td id='code-search'>No Data</td>
						</tr>
						<tr>
						<td>Order Details</td>
						<td id="order-details"><ul style="padding-left:5px;">No Data</ul></td>
						</tr>
				
				</tbody>
				</table>
				<div id='message-button'></div>

				
				
      </div>
			</div>
		</div>
	</div>
</div>

@endsection