@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>Booking Manager Positive Panel</h1>
		            
		            <!-- Filter End-->
		             <!-- Filter box -->
		            <div class="card min-h-80">
		              <div class="card-body">
		                <p class="text-right mb-4">
		                  <a href="javascript:void(0)" class="clearall"><i class="fa fa-close"></i> Clear All</a>
		                </p>
		                <form action="" method="post" id="excel_export_frm">
		                  {{csrf_field()}}
		                  <div class="form-row filter-row filter-nowrap">
		                  	<div class="form-group col-md-1 mb-sm-0">
		                      	From Date
		                    </div>
		                    <div class="form-group col-md-3 mb-sm-0">
		                      	<input  class="form-control input-sm" type="text" name="start_date" id="start_date">
		                    </div>
		                    <div class="form-group col-md-1 mb-sm-0">
		                      	To Date
		                    </div>
		                    <div class="form-group col-md-3 mb-sm-0">		                    	
		                      <input  class="form-control input-sm" type="text" name="end_date" id="end_date">
		                    </div>
		                    <div class="form-row  col-md-3 mb-sm-0">
		                      <button type="button" class="btn btn-primary px-5 search">Apply</button>
		                    </div>
		                  </div>
		                  </div>
		                </form>
		              </div>
		            <!-- Table -->
		            <div class="card">
		              <div class="card-header pt-5">
		                <h2>Positive Panel</h2>
		                
		              </div>
		              <div class="card-body pt-0">
		              	<p class="text-right font-bold mb-2 total_booking">Total No of Positive bookings: 0</p>
		                <div class="table-responsive">
		                  <table id="booking-manager-positive-panel" 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>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>Personnumber<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>Result <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="commentModal" 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">Comments</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="comments" id="comments" class="form-control" placeholder="Please add your comments"/>
	         </div>
	         <div class="form-group col-lg-6">
	         <input type="hidden" name="booking_id" id="booking_id">
	         <input type="hidden" name="row_id" id="row_id">
	        <a href="javascript:void(0)" class="btn btn-primary btn-streach-md send_comment 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>
<script type="text/javascript">
	 $("#start_date").datepicker({
          maxDate: 0,
          dateFormat: 'dd/mm/yy',
    }).keydown(function (event) {
            event.preventDefault();
    }).attr('readonly', true).css('pointer-events','auto');

    $("#end_date").datepicker({
          dateFormat: 'dd/mm/yy',
    }).keydown(function (event) {
            event.preventDefault();
    }).attr('readonly', true).css('pointer-events','auto');

</script>
@endsection