@extends('backend.school_admin.layout_app')
@section('page_cs')
 <link rel="stylesheet" href="{{ asset('/public/adminlte') }}/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
@endsection
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Manage
    <small>Exam</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Exam List</li>
  </ol>
</section>
<!-- Main content -->
<section class="content">
	<div class="row">
		<div class="col-md-12">
			<!-- BEGIN EXAMPLE TABLE PORTLET-->
			<div class="box">
				<div class="box-header">
					<h3 class="box-title">Exam List</h3>
					<a href="{{ url('/') }}/schoolAdmin/manageExam/create">
                        <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;">
                                <i class="fa fa-plus"></i>  Add New Exam 
                        </button>
                    </a>
				</div>
				<div class="box-body">	
					<table id="exam_list" class="table table-striped table-bordered table-hover table-checkable" >
						<thead>
                        <tr>
                            <th>Exam Name</th>      
							              <th>Medium</th>
                            <th>Module</th>
                            <th>Class</th>
                            <th>Exam Year</th>
                            <th>Diffifculty</th>
							              <th class="no-sort">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($exam_list as $row)
                            <tr>
                                <td>{{ $row->exam_name }}</td>
                                <td>{{ $row->education_name }}</td>
                                <td>{{ $row->module_name }}</td>
                                <td>{{ $row->class_name }}</td>
                                <td>{{ $row->exam_year }}</td>   								
                                <td>
                                  @if($row->question_level == 1)
                                    Foundation
                                  @elseif($row->question_level == 2)
                                  Intermediate
                                  @elseif($row->question_level == 3)
                                  Advance
                                  @else
                                  Standard
                                  @endif
                                </td>
                                <td>
                                    <a class="Edit" target="_BLANK" href="{{ url('/')}}/schoolAdmin/manageExam/downloadExamPdf/{{ $row->exam_row_id }}"> Exam PDF </a>  |
                                    <a class="Edit" target="_BLANK" href="{{ url('/')}}/schoolAdmin/manageExam/downloadPdf/{{ $row->exam_row_id }}"> Questions PDF </a>  |
									                  <a class="Edit" href="{{ url('/')}}/schoolAdmin/manageExam/edit/{{ $row->exam_row_id }}"> Edit </a>  | 
                                    <a title="Click For Delete This Question" onclick="return confirm('Are you sure to delete the exam: ')" href="{{ url('/')}}/schoolAdmin/manageExam/delete/{{ $row->exam_row_id }}">Delete</a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
					</table>
				</div>
			</div>
			<!-- END EXAMPLE TABLE PORTLET-->
		</div>
	</div>
</section>	
@endsection
@section('page_js')
<!--DataTables -->
<script src="{{ asset('/public/adminlte') }}/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="{{ asset('/public/adminlte') }}/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        $('#exam_list').DataTable({
          'paging'      : true,
          'lengthMenu'  : [[-1, 100, 50, 25], ["All", 100, 50, 25]],
          'searching'   : true,
          'ordering'    : true,
          'info'        : true,
          'autoWidth'   : false,
          columnDefs: [{
                    targets: 'no-sort',
                    orderable: false
                }]
        });
    });
</script>
@endsection