@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>
    View
    <small>Student</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Student 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">Student List</h3>
          <a href="{{ url('/') }}/schoolAdmin/manageStudent/add_new_student">
                        <button type="button" class="btn btn-primary pull-right" style="margin-right: 5px;">
                                <i class="fa fa-plus"></i>  Add New Student 
                        </button>
                    </a>
        </div>
        <div class="box-body">  
          @php $serial = 1; @endphp
          <table id="exam_list" class="table table-striped table-bordered table-hover table-checkable" >
            <thead>
                        <tr>
                            <th>#</th>
                            <th>Image</th>
                            <th>Student Name</th>  
                            <th>Institution</th>    
                            <th>Class</th>
                            <th>Section</th>
                            <th class="no-sort">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($data['student_list'] as $row)
                            <tr>
                                <td>{{ $serial }}</td>
                                <td style="text-align:center"> 
                                  @if($row->student_photo != '')
                                  <img alt="" class="img-circle" src="{{ url('/') }}/public/images/student_info/{{ $row->student_id }}/student_photo/{{ $row->student_photo }}" width="30" height="30">
                                  @else
                                  <img alt="" class="img-circle" src="{{ url('/') }}/public/images/common/user_photo.png" width="30" height="30">
                                  @endif
                                </td>
                                <td>{{ $row->student_name }}</td>
                                <td>@if(isset($row->institute_name))
                                {{$row->institute_name}} @endif</td>
                                <td>@if(isset($row->master_classes->class_name) && $row->master_classes->class_name)
                                {{ $row->master_classes->class_name }} @endif</td>                  
                                <td>@if(isset($row->class_section->section_name) && $row->class_section->section_name)
                                {{ $row->class_section->section_name  }} @endif </td>
                                <td>
                                    <a class="Edit" href="{{ url('/')}}/schoolAdmin/manageStudent/edit/{{ $row->student_row_id }}"> Edit </a>  | 
                                    <a title="Click For Delete This Question" onclick="return confirm('Are you sure to delete the student: ')" href="{{ url('/')}}/schoolAdmin/manageStudent/delete/{{ $row->student_row_id }}">Delete</a>
                                </td>
                            </tr>
                            @php $serial++ @endphp
                        @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'    : false,
          'info'        : true,
          'autoWidth'   : false,
          columnDefs: [{
                    targets: 'no-sort',
                    orderable: false
                }]
        });
    });
</script>
@endsection