@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Teacher Information</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover dataTables-example" >
                                <thead>
                                <tr>
                                    <th>S.no</th>
                                    <th>Name</th>
                                    <th>Grade</th>
                                    <th>Designation</th>
                                    <th>Gender</th>
                                    <th>Joining Date</th>
                                    <th>Address</th>
                                    <th>Job type</th>
                                    <th>Contact no.</th>
                                    <th>Status</th>
                                    <th>Action</th>

                                </tr>
                                </thead>

                                <tbody>
                                  @foreach($teacher as $st)
                             <tr>
                                <td>{{$loop->index+1}}</td>
                                <td>{{$st->full_name}}</td>
                                <td>{{$st['salaryGrade']['grade_name']}}</td>
                                <td>{{$st->designation}}</td>
                                <td>{{$st->gender}}</td>
                                <td>{{$st->date_of_join}}</td>
                                <td>{{$st->address}}</td>
                                <td>{{$st->job_type}}</td>
                                <td>{{$st->mobile_no}}</td>
                                <td><a href="{{ route('smsteacher.updateStatus', $st->id) }}">
                                @if ($st->status)
                                    <button type="button" class="btn btn-xs btn-primary">Active</button>
                                @else
                                    <button type="button" class="btn btn-xs btn-warning">Inactive</button>
                                @endif
                            </a></td>
                                <td>
                                    <div class="w3-bar">

                                        <a href="{{route('smsteacher.view',$st->id)}}" class="btn btn-xs btn-info" title="View Info"><i class="fa fa-info-circle"></i></a>
                                        @can('update-teacher')
                                        <a href="{{route('smsteacher.edit',$st->id)}}" class="btn btn-xs btn-success" title="View Info"><i class="fa fa-edit"></i></a>
                                        @endcan
                                        @can('delete-teacher')
                                        <a href="{{route('smsteacher.delete',$st->id)}}" class="btn btn-xs btn-danger" title="View Info" onclick="return confirm('Are you sure you want to delete?');"><i class="fa fa-trash"></i></a>
                                        @endcan
                                    </div>



                                </td>

                                    </tr>
                                @endforeach
                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection