@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>Billing For Students</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>Admit no.</th> --}}
                                    <th>Name</th>
                                    <th>Class</th>
                                    {{-- <th>Gender</th> --}}
                                    <th>Admission Date</th>
                                    {{-- <th>Address</th> --}}
                                    <th>Parent</th>
                                    <th>Running Batch</th>
                                    <th>Status</th>
                                    <th>Action</th>

                                </tr>
                                </thead>

                                <tbody>
                                  @foreach($students as $st)
                             <tr>
                                {{-- <td>{{$st->admit_no}}</td> --}}
                                <td>{{$st->name}}</td>
                                <td>{{$st->standard->class_name}} {{$st->section->section_name}}</td>
                                {{-- <td>{{$st->gender}}</td> --}}
                                <td>{{$st->admission_date}}</td>
                                {{-- <td>{{$st->address}}</td> --}}
                                <td>{{$st->guardian->father_name}}</td>
                                <td>{{$st->session_id}}</td>
                                <td>@can('update-student')<a href="{{ route('student.updateStatus', $st->id) }}"> @endcan
                                @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('billing.show',$st->id)}}" class="btn btn-xs btn-info" title="Billing Info">Collect Fee<i class="fa fa-info-circle"></i></a>
                                        @can('update-student')

                                        @endcan

                                    </div>



                                </td>

                                    </tr>
                                @endforeach
                                </tbody>

                            </table>
                        </div>

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


@endsection