@extends('layout.default')
@section('content')

@section('page_toolbar')
<button type="button" class="btn btn-warning px-2 font-weight-bold btn-sm"  onclick="changePassword(null)">
<i class="fas fa-key" aria-hidden="true"></i> Reset Password
</button>&nbsp;
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="moveToClass(null)">
<i class="fas fa-angle-double-right" aria-hidden="true"></i> Change Class
</button>&nbsp;
<button type="button" class="btn btn-info px-2 font-weight-bold btn-sm"  onclick="importStudent(null)">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Import Students
</button>&nbsp;
<button type="button" class="btn btn-primary px-2 font-weight-bold btn-sm"  onclick="addStudent(null)">
<i class="fas fa-plus-circle" aria-hidden="true"></i> Add New Student
</button>
&nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm"  href="{{ URL::previous() }}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection
<div class="row">
    <div class="col-xl-12">
        <!--begin::Nav Panel Widget 2-->
<div class="card card-custom gutter-b mt-10">
    <!--begin::Body-->
    <div class="card-body ">
        <div class="row">
               <div class="d-flex align-items-center overflow-auto">
                  @foreach($years_filter as $key=>$year)
                  <label class="checkyear btn-md mr-2">
                      <input type="checkbox" name="year_id[]" value="{{ $year->id }}" id="year_id-{{ $year->id }}" class="btn btn-danger checkyear" onclick="setYear(this.value)"> <span>{{ $year->year }}</span>
                  </label>
                  @endforeach
              <input type="hidden" id="year_fil" value=""/>
          </div>
        </div>  

        <div class="row mt-4">
            <div class="d-flex align-items-center class-head">
            </div>
           <!--  <button type="button" class="btn btn-info font-weight-bold btn-md mr-2 btn-cur btn-cur-0" onclick="setClass(0)" id="0" class-attr = "class">No Class</button> -->
          <input type="hidden" id="class_fil" value=""/>
        </div>
    </div>
    <!--end::Body-->
</div>
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th style="text-align:left"><input type="checkbox" name="selectall" id="selectall" /></th>
                    <th>Name</th>
                    <th>Username / Password</th>
                    <th>Email</th>
                    <th>Year</th>
                    <th>Class</th>
                    <!-- <th>Account Created</th>
                    <th>Last Logged In</th> -->
                    <th style="width:240px !important">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
@include('school.students.student_modal')
@include('school.students.password')
@include('school.students.student_import_modal')
@include('school.students.move_class_modal')
@include('school.students.view_modal')
@include('school.students.reset_password_modal')
@endsection


@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />

@endsection


@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

    <script>
    $(function () {