@extends('layouts.frontend.master')
@section('title')
  Result Info | Sohag Computer Training Center
@endsection
@section('content')
@foreach($resultS as $result)
	<div class="container" id="printableArea">
		<div class="card">
		  	<div class="card-header"><img src="{{ asset('assets')}}/banner.jpg" width="100%" height="150" class="img-thumbnail" style="margin-top: 10px;"></div>
		  	<div class="card-body">
	  			<div class="card bg-light">
				  	<div class="card-header "><h3 class="text-center ">Result Details</h3></div>
				  	<div class="device-width">
				  		<div style="border: 1px solid rgba(0,0,0,.125); height: 180px; padding: 15px;">
				  			<div style="width: 69%; float: left; margin-top: 15px;">
				  				<div style="width: 100%; margin-top: 5px;">
				  					<div style="width: 48%; float:left;">
				  						<div style="width: 79%; float: left;">
				  							<h4>Registraion Number</h4>		
				  						</div>
				  						<div style="width: 20%; font-weight: bold; float: right;">:</div>
				  					</div>
				  					<div style="width: 50%; float: right;"><h4 style="float: left;"> {{ $result->registration_number }}</h4></div>
				  				</div>
				  				<div style="width: 100%; margin-top: 5px;">
				  					<div style="width: 48%; float:left;">
				  						<div style="width: 79%; float: left;">
				  							<h4>Serial  Number</h4>		
				  						</div>
				  						<div style="width: 20%; font-weight: bold; float: right;">:</div>
				  					</div>
				  					<div style="width: 50%; float: right;"><h4 style="float: left;"> {{ $result->serial_number }}</h4></div>
				  				</div>
				  				<div style="width: 100%; margin-top: 5px;">
				  					<div style="width: 48%; float:left;">
				  						<div style="width: 79%; float: left;">
				  							<h4>Student Name</h4>		
				  						</div>
				  						<div style="width: 20%; font-weight: bold; float: right;">:</div>
				  					</div>
				  					<div style="width: 50%; float: right;"><h4 style="float: left;"> {{ $result->student_name }}</h4></div>
				  				</div>
				  			</div>
				  			<div style="width: 30%; float: right; border-left:1px solid black;">
				  				<center><img src="{{ url('/uploads/student_image/'.$result->image) }}"  width="150" height="200" class="img-thumbnail"></center>
				  			</div>
				  		</div>
				  	</div>
				  	<div class="card-body">
				    	<div class="row">
				    		<div style="width: 60%; margin: 20px auto;">
				    			<table class="table table-hover" style="color:black;">
								  	<tbody>
									    <tr>
									      <th scope="row">1</th>
										    <td>Father's Name</td>
										    <td>{{ $result->father_name }}</td>
									    </tr>
										 <tr>
									      <th scope="row">2</th>
										    <td>Mother's Name</td>
										    <td>{{ $result->mother_name }}</td>
									    </tr>
									    <tr>
									      <th scope="row">3</th>
										    <td>Course Name</td>
										    <td>{{ $result->course_name }}</td>
									    </tr><tr>
									      <th scope="row">4</th>
										    <td>Batch</td>
										    <td>{{ $result->batch_name }} </td>
									    </tr><tr>
									      <th scope="row">5</th>
										    <td>Total Marks</td>
										    <td>{{ $result->total_marks }}</td>
									    </tr><tr>
									      <th scope="row">6</th>
										    <td>Obtained Marks</td>
										    <td>{{ $result->get_marks }}</td>
									    </tr><tr>
									      <th scope="row">7</th>
										    <td>CGPA</td>
										    <td>{{ $result->cgpa }}</td>
									    </tr><tr>
									      <th scope="row">8</th>
										    <td>GRADE</td>
										    <td>{{ $result->grade }}</td>
									    </tr>
								  	</tbody>
								</table>
				    		</div>
				    	</div>
				    	<hr>
				    	<div class="card">
				    		<div class="card-body">
				    			<div style="width: 100%">
				    				<div style="width: 30%; float: left; padding-top: 30px;">
				    					<h4 class="text-center">Branch Details</h4>
				    				</div>
				    				<div style="width: 69%; float: right; border-left:1px solid black; padding-left: 10px;">
				    					<div style="width: 100%">
				    						<div style="width: 35%; float:left;">
						  						<div style="width: 89%; float: left;">
						  							<h5>Regional Centre</h5>		
						  						</div>
						  						<div style="width: 10%; font-weight: bold; float: right;">:</div>
						  					</div>
						  					<div style="width: 64%; float: right;"><h5 style="text-align: left;"> {{ $result->branch_name }}</h5></div>
				    					</div>
				    					<div style="width: 100%">
				    						<div style="width: 35%; float:left;">
						  						<div style="width: 89%; float: left;">
						  							<h5>Branch Code</h5>		
						  						</div>
						  						<div style="width: 10%; font-weight: bold; float: right;">:</div>
						  					</div>
						  					<div style="width: 64%; float: right;"><h5 style="float: left;"> {{ $result->branch_code }}</h5></div>
				    					</div>
				    					<div style="width: 100%">
				    						<div style="width: 35%; float:left;">
						  						<div style="width: 89%; float: left;">
						  							<h5>Address</h5>		
						  						</div>
						  						<div style="width: 10%; font-weight: bold; float: right;">:</div>
						  					</div>
						  					<div style="width: 64%; float: right;"><h5 style="float: left;"> {{ $result->address }}</h5></div>
				    					</div>
				    				</div>
				    			</div>
				    		</div>
				    	</div>
				    	<hr>
					</div>
				</div>
		  	</div>
		  	<div class="card-header">
		  		<img src="{{ asset('assets')}}/footer.jpg" class="img-thumbnail" width="100%" style="margin-top: 20px;">
		  	</div>
		</div>
		<br>
	</div>
	<div class="container">
        <button class="btn btn-success pull-right" style="margin:10px;" onclick="printDiv('printableArea')"> Print Result </button>
    </div>
	<script>
	    function printDiv(divName) {
            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
        }
	</script>
@endforeach
@endsection