@extends('layouts.admin')
@section('content')
<script type="text/javascript" src="{{ URL::asset('assets/admin/base/js/dataTables.min.js') }}"></script>
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<link href="{{ URL::asset('assets/admin/base/css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
<div class="pageheader">
<div class="media">
	<div class="pageicon pull-left">
		<i class="fa fa-home"></i>
	</div>
	<div class="media-body">
            <div class="btn-group btn-breadcrumb">
			<a href="{{url('admin/dashboard')}}" class="btn btn-primary">	
			<i class="glyphicon glyphicon-home"></i> Admin
			</a>
			<a href="{{url('admin/users')}}" class="btn btn-primary">
			Subjects
			</a>
			<a href="javascript:;" class="btn btn-primary">Add new subjects</a>
			</div>
	</div>
</div><!-- media -->
</div><!-- pageheader -->
<div class="contentpanel">
<div class="buttons_block pull-right">
<div class="btn-group mr5">
<a class="btn btn-primary tip" href="{{ URL::to('admin/subjects/create') }}" title="Add New">@lang('messages.Add New')</a>
</div>
</div>

 <table id="templateTable" class="table table-striped table-bordered responsive">
    <thead>
        <tr class="headings">
            <th>@lang('messages.S.No')</th> 
            <th>@lang('messages.Subject Index')</th> 
            <th>@lang('messages.Status')</th>  
            <th>@lang('messages.Actions')</th> 
        </tr>
    </thead>
         @if (count($subjects) > 0 )
    <tbody>
           @foreach($subjects as $key => $value)
        <tr>
            <td>{{$i}}</td>
            <td>{{ $value->subject_index }}</td>
            <td>{{ $value->status }}</td>
			</td>
            <!-- we will also add show, edit, and delete buttons -->
            <td>
					<div class="btn-group">
                    <a href="{{ URL::to('admin/subjects/edit/' . $value->id . '') }}" class="btn btn-xs btn-white" title="@lang('messages.Edit')"><i class="fa fa-edit"></i>&nbsp;@lang('messages.Edit')</a>
						<button type="button" class="btn btn-xs btn-white dropdown-toggle" data-toggle="dropdown">
						<span class="caret"></span>
						<span class="sr-only">Toggle Dropdown</span>
						</button>
                    </div>
            </td>
        </tr>
            @endforeach
    </tbody>
     @else
<tbody>
<tr>
<td class="empty-text" colspan="7" style="background-color: #fff!important;">
<div class="list-empty-text"> @lang('messages.No records found.') </div>
</td>
</tr>
</tbody>
@endif 
</table>
</div>
<script>
$(function() {
    $('#templateTable').DataTable({
        processing: false,
        serverSide: false,
        responsive: true,
		autoWidth:false,
		dom: 'Blfrtip',
		 buttons:
		[
        'excel',
        'csv',
        'pdf',
		],
        ajax: '{!! route('ajaxsubjects.data') !!}',
        "order": [],
		"columnDefs": [ {
		  "targets"  : 'no-sort',
		  "orderable": false,
		  "searchable":true,
		  "pagingType": "full"
		  
		}],
        columns: [
			{ data: 'id', name: 'id',orderable: false },
			{ data: 'subject_index',name: 'subject_index'},
            { data: 'status', name: 'status' },
            { data: 'action', name: 'action', orderable: false, searchable: false}
        ],
    });
});
</script>
@endsection