@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>Question</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Question 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">Working Memory Question List</h3>
					<a href="{{ url('/') }}/schoolAdmin/manageMemoryQuestion/create">
                        <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;">
                                <i class="fa fa-plus"></i>  Add New Question 
                        </button>
                    </a>
				</div>
				<div class="box-body">	
					<table id="exam_question_list" class="table table-striped table-bordered table-hover table-checkable" >
						<thead>
                        <tr>
                            <th>Education</th>
                            <th>Module</th>  
                            <th>Category</th>      
							              <th>Title</th>
                            <th>Type</th>
							              <th width="10%" class="no-sort">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($question_list as $row)
                            <tr>
                                <td>{{ $row->education_name }}</td>
                                <td>{{ $row->module_name }}</td>
                                <td>{{ $row->exam_category_name }}</td>   								
                                <td>{{ substr($row->question_title,0,150)  }} </td>
                                <td>
                                    @if($row->question_type==1)
                                    Multiple Choice
                                    @elseif($row->question_type==2)
                                    Short Descriptive
                                    @else
                                    Broad Descriptive
                                    @endif
                                 </td>                              
                                <td width="10%">
									                  <a class="Edit" href="{{ url('/')}}/schoolAdmin/manageMemoryQuestion/edit/{{ $row->memory_question_row_id }}"> Edit </a>  | 
                                    <a title="Click For Delete This Question" onclick="return confirm('Are you sure to delete the question: ')" href="{{ url('/')}}/schoolAdmin/manageMemoryQuestion/delete/{{ $row->memory_question_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_question_list').DataTable({
          'paging'      : true,
          'lengthMenu'  : [[25, 50, 100, -1], [25, 50, 100, "All"]],
          'searching'   : true,
          'ordering'    : true,
          'info'        : true,
          'autoWidth'   : false,
          columnDefs: [{
                    targets: 'no-sort',
                    orderable: false
                }]
        });
    });
</script>
@endsection