@extends('elibrary.staff.layouts.app')
@section('content')

    @include('elibrary.components.heading', ['title' => 'Student', 'url' => route('student.create')])
    
    <div class="row mt-3">
        <div class="col-md-12">
            <div class="col-12 mb-4">
                    <div class="col-12 d-flex align-items-center">
                        <label class="col-4">Search Class Wise</label>
                        <select class="form-control" onchange="window.location.href = this.value">
                            <option value="" disabled selected>Choose Class....</option>
                            @foreach (CLASSES as $class )
                                <option value="{{ route('student.index',['class' => $class]) }}" @if(request()->class == $class) selected @endif>{{ $class }}</option>
                            @endforeach
                        </select>
                    </div>
            </div>            
            <a class="btn bg-transparent border text-danger mb-3" href="{{ route('student.print')}}">Print Student Credentials</a>
            <table class="table table-striped table-bordered" style="width:100%">
                <thead>
                    <tr>
                        <th>Class</th>
                        <th>Roll No.</th>
                        <th>Student Name</th>
                        <th>User Id</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($students as $student)
                            <tr href="{{route('student.show', $student->id)}}">
                                <td>{{$student->class}}</td>
                                <td>{{$student->roll_no}}</td>
                                <td>{{$student->name}}</td>
                                <td>{{$student->email}}</td>
                                <td class="text-center">
                                    @if($student->status==1)
                                        <span class="shadow-none badge badge-success">Active</span>
                                    @else
                                        <span class="shadow-none badge badge-danger">Inactive</span>
                                    @endif
                                </td>
                                <td class="d-flex">
                                    <a class="btn btn-info btn-sm mr-2" href="{{route('student.show',$student)}}">Detail</a>
                                    <a class="btn btn-warning btn-sm mr-2" href="{{route('student.edit',$student)}}">Edit</a>
                                </td>
                            </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mx-auto mt-3">
            {{$students->links()}}
        </div>
    </div>
@endsection