@extends('admin::layouts.plane')
@section('page_heading') {{$title}} @endsection
@section('content')
<div class="col-lg-12">
    <div class="panel panel-default filterable">
        <div class="panel-heading">
            <div class="panel-title"><b>{{$title}}</b></div>
        </div>
        @if(count($obClassList) > 0)
        <div class="panel-body">  
            <div class="table-responsive">
                <table id="data-table" class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr class="filters">
                            <th>Sno.</th>
                            <th>Observer Name</th>
                            <th>Class Section</th>
                            <th>Action</th> 
                        </tr>
                    </thead>
                    <tbody> 
                        @php $i = 1; @endphp
                        @foreach($obClassList as $key => $val)
                        <tr><td>{{$i}}</td>
                            <td>{{$title}}</td>
                            <td>{{$arrClasses[$val->class]}} {{$val->section}}</td>
                            <td><a href="{{route('deleteObserver', ['class' => $val->class,'section' => $val->section,'school_id' => $school_id, 'observer_id' => $observer_id,'selectedSession' => $selectedSession])}}"><button type="submit" class="xcrud-action btn btn-danger btn-sm" title="Remove"><i class="fa fa-trash-o"></i></button></a></td> 
                        </tr> 
                        @php $i++; @endphp
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>
</div>
<style type="text/css">
    .xcrud-action{ margin-right: 2px; }
</style>
<script type="text/javascript">
    $(function() {
        $("#school_id").select2();
    });
</script> 
@stop