@extends('dashboard.layouts.default')
@section('content')
<div id="subheader" class="d-flex align-items-center">
  <div class="container-fluid">
    <div class="row align-items-center justify-content-between">
      <div class="col d-flex align-items-center">
        <h5 class="sub-title">Manage Students</h5>
      </div>
      <div class="col-auto">
        <div class="tools overflow-auto">
          <!-- <button type="button" class="btn btn-info" onClick="javascript:window.open('{{ url('sample/How to set up your school account.pdf')}}', '_blank');"><i class="bx bxs-info-circle me-1"></i>How to set up school account</button> -->
          <button type="button" class="btn btn-reset" onclick="changePassword(null)"><i class="bx bxs-key me-1"></i>Reset Password</button>
          <button type="button" class="btn btn-class" onclick="moveToClass(null,null)"><i class="bx bxs-chevrons-right me-1"></i>Change Class</button>
          <!-- <button type="button" class="btn btn-import" onclick="importStudent(null)"><i class="bx bx-import me-1"></i>Import Students</button> -->
          <!-- <button type="button" class="btn btn-export d-none" onclick="exportStudent()"><i class="bx bx-export me-1"></i>Export Students</button> -->
          <button type="button" class="btn btn-add" onclick="addStudent(null)"><i class="bx bxs-plus-circle me-1"></i>Add New Student</button>
          <button type="button" class="btn btn-delete" onclick="softDelete(null)"><i class="bx bxs-trash me-1"></i>Delete Students</button>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="top-section settings">
  <div class="container-fluid">
    <div class="row g-3">
      @include('layout.top-ads')
      <div class="col-lg-12">
        <div class="manage-sec">
          <a class="btn btn-manage active" href="{{ url('tutor/student') }}"><i class="bx bxs-group me-1"></i>Manage Students</a>
          <a class="btn btn-manage" href="{{ url('tutor/class') }}"><i class="bx bxs-copy-alt me-1"></i>Manage Classes</a>
        </div>
        <div class="card border-rad-left-0">
          <div class="card-body">
            <div class="d-flex align-items-center overflow-auto">
              @foreach($years_filter as $key=>$year)
              <input type="checkbox" class="btn-check checkyear" name="year_id[]" value="{{ $year->id }}" id="year_id-{{ $year->id }}" onclick="setYear(this.value)" autocomplete="off">
              <label class="btn btn-year me-1 mb-1 checkyear" for="year_id-{{ $year->id }}">{{ $year->year }}</label>
              @endforeach
              <input type="hidden" id="year_fil" value=""/>
            </div>
            <div class="d-flex align-items-center overflow-auto mb-2">
              <div class="class-head"></div>
              <input type="hidden" id="class_fil" value=""/>
							<input type="hidden" id="class_atr" value=""/>
            </div>
            <table class="table table-hover table-striped display" id="dataTables" style="width:100%">
              <thead>
                <tr>
									<th class="text-start fw-semibold no-export"><input class="form-check-input" type="checkbox" name="selectall" id="selectall"/></th>
									<th class="text-start fw-semibold no-export">sName</th>
									<th class="text-start fw-semibold">Name</th>
									<th class="text-start fw-semibold">Username / Password</th>
									<th class="fw-semibold">Year</th>
									<th class="fw-semibold">Class</th>
									<th class="fw-semibold">Start Date</th>
									<th class="fw-semibold">End Date</th>
									<th class="fw-semibold no-export">Renew</th>
									<th class="fw-semibold no-export">Action</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
			</div>
		</div>
	</div>
</section>
@include('tutor.students.student_modal')
@include('tutor.students.password')
@include('tutor.students.student_import_modal')
@include('tutor.students.move_class_modal')
@include('tutor.students.view_modal')
@include('tutor.students.reset_password_modal')
@endsection
@section('scripts')

    <script>
        $(function () {