@extends('layout/layout')

{{-- Style --}}
@push('links')
<link href="{{ URL::asset('css/datatable/datatables.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ Module::asset('student:css/admin/index.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- Content --}}
@section('content')
<div class="row mb-3 btn-action-section">
  <div class="col-md">
    <button type="button" class="btn btn-success btn-lg btn-filter">
      <i class="fas fa-filter">&ensp;</i>篩選
    </button>
  </div>
  <div class="col-md text-right">
    <label class="btn btn-success btn-lg exportBtn mr-0 mr-sm-2"><i class="fas fa-file-download"></i><span class="ml-1">匯出範例</span></label>
    <label class="upfileLabel btn btn-success btn-lg" for="importBtn"><i class="fas fa-file-upload"></i><span class="ml-1">匯入學生</span></label>
    <input id="importBtn" type="file" accept=".xlsx" hidden>
  </div>
</div>

{{-- Filter --}}
@include('user::admin/components/advanced', ['department_options' => $department_options])

{{-- Table --}}
<div class="row mb-3">
  <div class="col overflow-auto">
    <table class="table table-striped table-hover steps-datatable" id="dataTable" >
      <caption class="d-none">學生清單</caption>
      <thead class="thead-light text-center">
        <tr>
          <th scope="row">帳號</th>
          <th scope="row">姓名</th>
          <th scope="row">信箱</th>
          <th scope="row">群組</th>
          <th scope="row">部門/單位</th>
          <th scope="row">職稱</th>
          <th scope="row">&ensp;</th>
        </tr>
      </thead>
      <tbody>
        <tr><td colspan="6" class="text-center">查無資料</td></tr>
      </tbody>
      <tfoot></tfoot>
    </table>
  </div>
</div>

<input type="hidden" id="js-datatable-url" value="{{$datatable_url}}" />
<input type="hidden" id="js-export-url" value="{{$export_url}}" />
<input type="hidden" id="js-import-url" value="{{ $import_url }}" />
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ URL::asset('js/datatable/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('js/datatable/datatable-default-setting.js') }}"></script>
<script type="text/javascript" src="{{ Module::asset('student:js/admin/index.js') }}"></script>
@endpush