@extends('testcenter.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page">Booking Management</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
		            <h1>Unpaid Booking Manager</h1>
		            
		            <!-- Filter End-->
		            <!-- Table -->
		            <div class="card">
		              <div class="card-header pt-5">
		                <h2>Unpaid Booking</h2>
		                
		              </div>
		              <div class="card-body pt-0">
		              	<p class="text-right font-bold mb-2 total_booking">Total No of Unpaid Bookings: 0</p>
		                <div class="table-responsive">
		                  <table id="booking-manager" class="stripe row-border order-column dataTable no-footer">
		                    <thead>
		                      <tr>
		                        <th>Sl. No. <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                                  
		                        <th>Service Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>		                        
		                       
		                        <th>Email<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Phone Number<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Booking DateTime<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Booking code<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Personnumber<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Passnummer<span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Client Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Action</th>
		                      </tr>
		                    </thead>
		                    
		                  </table>
		                </div>
		              </div>
		            </div>
		            <!-- //Table -->
		            <!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/booking.js?v='.time())}}"></script>
@endsection