@extends('admin.master')
@section('admin-content')
<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-header">
        <h3 class="box-title">الأقسام</h3>

        <div class="box-tools">
          <div class="input-group input-group-sm" style="width: 150px;">
            <input type="text" id="search" name="table_search" class="form-control pull-right" placeholder="إبحث">

            <div class="input-group-btn">
              <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
            </div>
          </div>
        </div>
      </div>

      <a id="addFAQ" href="/admin-panel/add-dep" class="btn btn-default" style="margin:10px;">
         أضف قسم <span class="fa fa-plus"></span>
      </a>  

      <a id="delete-dep" class="btn btn-default disabled" style="margin:10px;">
       إحذف <span class="fa fa-trash-o"></span>
     </a>
     <a id="refresh" class="btn btn-default" style="margin:10px;">
       تنشيط <span class="fa fa-refresh"></span>
     </a>

     <!-- /.box-header -->
     <div class="box-body table-responsive no-padding">
      <table class="table table-hover">
        <tr>
          <th>
            <button type="button" id="checkall_dep" class="btn btn-default btn-sm checkbox-toggle">
              <i class="fa fa-square-o"></i>
            </button>  حدد الكل
          </th>
          <th>إسم القسم</th>
          <th>عدل</th>
        </tr>
        @foreach($deps as $dep)
        <tr>
         <td><input type="checkbox" class="check" value="{{$dep->id}}"/></td>
         <td>{{$dep->title}}</td>
         <td>
            <a href="/admin-panel/edit/department/{{$dep->id}}" dep-id="{{$dep->id}}" class="btn btn-default edit-dep" >
               عدل <span class="fa fa-edit"></span>
            </a>
          </td>
       </tr> 
       @endforeach
     </table>
      {{ $deps_count }} أقسام &nbsp;/ &nbsp;&nbsp;&nbsp; {{ $deps->currentPage() }} - {{ $deps->perPage()}}
      {!! $deps->render() !!}
   </div>
   <!-- /.box-body -->
 </div>
 <!-- /.box -->
</div>
</div>
@endsection