@extends("admin.template", [ "title"=>"Companies" ])

@section("content")
  <div class="row">
    <div class="col-xs-6">
      <h1 class="page-title">Operators</h1>
    </div>
    <div class="col-xs-6 text-right">
      <button type="button" class="btn blue" onclick="location.href='{{url('admin/operator/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-operator">
          <thead>
          <tr>
            <th width="70px">Status</th>
            <th width="200px">Name</th>
            <th>Role</th>
          </tr>
          </thead>
          <tbody>
          @foreach($operators as $operator)
            <tr>
              <td>{{UserStat::$values[$operator->stat]}}</td>
              <td><a href="{{url("admin/operator/save/".$operator->user_id)}}">{{ $operator->name }}</a></td>
              <td>{{$roles[$operator->role_id]}}</td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
@endsection

@section('css')
  <style>
    .dt-buttons{
      margin-top: 0 !important;
      margin-bottom: 4px;
    }
  </style>
@endsection
@section('script')
  <script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
  <script src="https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
  <script src="https://cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js"></script>

  <script type="text/javascript">
      $(document).ready(function() {
          $('#table-operator').DataTable({
              searching:false,
              lengthChange: false,
              paging:false,
              dom: 'Blfrtip',
              buttons: [
                  {
                      extend: 'excel',
                      text: 'Export excel',
                      className: 'exportExcel',
                      filename: 'Export excel',
                      exportOptions: {
                          modifier: {
                              page: 'all'
                          }
                      }
                  },
              ]
          });
      } );
  </script>
@endsection