@extends('layouts.without_login_admin')
@section('content')
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
	body {
		background-image: url(/laravel/public/Gradient-BG.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	
	.table tbody td{
		font-size: 14px !important;
	}
	
    .table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
   display:block;
/*      
   flex-grow | flex-shrink | flex-basis   */
   -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
   font-weight: bold;
}

@media screen and (max-width: 770px) {
   .table-responsive-stack tr {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-bottom: 3px solid #ccc;
      display:block;
      
   }
   /*  IE9 FIX   */
   .table-responsive-stack td {
      float: left\9;
      width:100%;
   }
}
.table tbody + tbody {
    border-top: 2px solid #ccc;
}

input{
	border: none;
	border-bottom: dotted 1px #000;
	background: transparent;
	width: 100%;
}

.table tbody td {
	color: #000 !important;
}

</style>

<div class="app-content content" style="margin: 0px !important;">
	<div class="content-wrapper" style="margin-top: 0px !important;">
		<div class="content-header row">
			<div class="content-header-left col-md-9 col-12 mb-2">
				<div class="row breadcrumbs-top">
					<div class="col-12">
						<!--h2 class="content-header-title float-left mb-0">क्लास टेस्ट के बारे में विस्तृत रिपोर्ट </h2-->
						 
					</div>
				</div>
			</div>
		</div>
		<div class="content-body">
			<!-- Data list view starts -->
			<section id="data-list-view" class="data-list-view-header">
				<div class="card  mb-0 bg-dark text-light text-center">
					<div class="card-content collapse show ">
						<div class="card-body">
							<div class="users-list-filter">
								<h2 class="content-header-title mb-0" style="color:#fff !important;">क्लास टेस्ट के बारे में विस्तृत रिपोर्ट </h2>
							</div>
						</div>
					</div>
				</div>
				<div class="table-responsive">
				<strong style="color:red;">
								</strong>
				No timetable found		<style>
		 hr{background:#000;}
		</style>
					 
				</div>       
				
			</section>
		</div>
	</div>
</div>
 
				
@endsection

@section('scripts')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<link href="{{ asset('laravel/public/css/jquery.timepicker.css') }}" rel="stylesheet"/>
<script src="{{ asset('laravel/public/js/jquery.timepicker.js') }}"></script>
<script src="{{ asset('laravel/public/admin/js/jquery.validate.min.js') }}"></script>
 <script id="rendered-js">
	$(document).ready(function() {
		
		$(window).keydown(function(event){
			if(event.keyCode == 13) {
			  event.preventDefault();
			  return false;
			}
		});
		
		$(document).on("change",".q19",function(){
			if($(this).val()=='Yes'){
				$(".q19_1").css('display','block');
			}
			else{
				$(".q19_1").css('display','none');
			}
		})

		$(document).on("change",".q21",function(){
			if($(this).val()=='Offline'){
				// $(".forHide").css('display','block');
				$(".forHide").css('display','table');
			}
			else{
				$(".forHide").css('display','none');
			}
		})
	
	});
    </script>	
    
@endsection