@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>Paid Booking Manager</h1>
		            
		            <!-- Filter End-->
		            <!-- Table -->
		            <div class="card">
		              <div class="card-header pt-5">
		                <h2>Paid Booking</h2>
		                
		              </div>
		              <div class="card-body pt-0">
		              	<p class="text-right font-bold mb-2 total_booking">Total No of Paid Bookings: 0</p>
		                <div class="table-responsive">
		                  <table id="paid-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>Invoice Number <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Paid Invoice Number <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>Client Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Amount <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Currency <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Payment Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Status <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>

<!-- Modal Exam Final Submit Success-->
<div class="modal fade" id="testStatusModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">      	
         <div class="text-center" style="margin-left: 30%;">
         <h5 class="modal-title" id="exampleModalLongTitle">Update Test Status</h5>    
         </div> 
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
         </button>     
      </div>
      <div class="modal-body text-center pt-0 px-9">            
            <div class="row">
            <select name="test_status" class="form-control col-md-6 test_status" style="margin-right: 20%;">
	            <option value="">Select Status</option>
	            <option value="1">Positive</option>
	            <option value="2">Negative</option>
	        </select>
	        <a href="javascript:void(0)" class="btn btn-primary btn-streach-md upt_status col-md-3" data-id="">Update</a>
	    	</div>
	      </div>
    </div>
  </div>
</div>
<!--// Modal Exam Final Submit Success-->

<!-- Modal send mail-->
<div class="modal fade" id="resendModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">      	
         <div class="text-center" style="margin-left: 30%;">
         <h5 class="modal-title" id="exampleModalLongTitle">Send Mail</h5>    
         </div> 
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
         </button>     
      </div>
      <div class="modal-body text-center pt-0 px-9">            
            <div class="row">
            <div class="form-group col-lg-6">
	            <input type="text" name="email_address" id="email_address" class="form-control" placeholder="Enter email"/>
	         </div>
	         <div class="form-group col-lg-6">
	         <input type="hidden" name="booking_id" id="booking_id">
	        <a href="javascript:void(0)" class="btn btn-primary btn-streach-md send_mail col-md-6" data-id="">Send</a>
	        </div>
	    	</div>
	      </div>
    </div>
  </div>
</div>
<!--// Modal send mail-->
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/booking.js?v='.time())}}"></script>
@endsection