@extends("admin.template")

@section("content")
  <div class="row">
    <div class="col-xs-6">
      <h1 class="page-title">
        Staff
      </h1>
    </div>
    <div class="col-xs-6 text-right">
      <button type="button" class="btn blue" onclick="location.href='{{url('admin/staff/save')}}'">Create</button>
    </div>
  </div>

  <div class="portlet light bordered">
    <div class="portlet-body">
      @if(Session::has('search_result'))
        <div class="alert alert-success ">
          {{ Session::get('search_result') }}
        </div>
      @endif

      <div class="table-responsive">
        <table class="table table-bordered table-hover" id="table_staff">
          <thead>
          <tr>
            <th width="70px">Status <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th width="200px">Name <i class="fa fa-sort pull-right" style="color: grey"></i></th>
            <th>Skills <i class="fa fa-sort pull-right" style="color: grey"></i></th>
          </tr>
          </thead>
          <tbody>
          @foreach($staffs as $staff)
            <tr>
              <td>{{StaffStat::$values[$staff->stat]}}</td>
              <td><a href="{{url("admin/staff/save/".$staff->staff_id)}}">{{ $staff->name }}</a></td>
              <td>{{ implode(', ', $staff->skills) }}</td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
@endsection

@section('script')
<script>
  $(document).ready(function() {
    $('#table_staff').DataTable({
        searching: false,
        lengthMenu: [[10, 25, 50,100, -1], [10, 25, 50,100, "All"]],

    });
  } );
</script>
@endsection