@extends('admin.dashboard')

@section('title')
Leacov LMS Report
@endsection

@section('content')
<!-- Bootstrap-table JS -->
{!! HTML::script('vendor/bootstrap-table/dist/bootstrap-table.min.js',[], env("HTTPS",false)) !!}

<!-- Bootstrap-table-editable JS -->
{!! HTML::script('vendor/bootstrap-table/dist/extensions/editable/bootstrap-table-editable.min.js',[], env("HTTPS",false)) !!}
<script src="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/js/bootstrap-editable.js"></script>
<link rel="stylesheet" href="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css">

<!-- Bootstrap-table-export JS -->
{!! HTML::script('vendor/bootstrap-table/dist/extensions/export/bootstrap-table-export.min.js',[], env("HTTPS",false)) !!}
<script src="//rawgit.com/hhurz/tableExport.jquery.plugin/master/tableExport.js"></script>

<!-- Bootstrap-table-mobile-responsive -->
{!! HTML::script('vendor/bootstrap-table/dist/extensions/mobile/bootstrap-table-mobile.min.js',[], env("HTTPS",false)) !!}

<!-- Bootstrap-table-toolbar -->
{!! HTML::script('vendor/bootstrap-table/dist/extensions/toolbar/bootstrap-table-toolbar.min.js',[], env("HTTPS",false)) !!}

<div class="container">
  <h1 class="pull-left">LMS Accounts</h1>
  <div class="clearfix"></div>

  @include('flash::message')

  <div class="clearfix"></div>
  <div class="panel panel-default">
    <div class="panel-body">
      <table id="trainings-table" class="table table-hover table-striped"
      data-toggle="table"
      data-show-refresh="true"
      data-show-columns="true"
      data-show-toggle="true"
      data-show-export="true"
      data-search="true"
      data-show-pagination-switch="false"
      data-mobile-responsive="true"
      data-check-on-init="true"
      data-detail-formatter="detailFormatter"
      data-url="{!! url("lms/getTenants") !!}"
      data-side-pagination="server"
      data-pagination="true"
      data-page-list="[50, 100, 200, 400, 800]"
      data-page-size="200"
      data-id-field="id"
      data-height="800"
      data-advanced-search="true"
      data-id-table="advancedTable"
      data-toolbar="#toolbar">
      <thead>
        <tr>
        <th data-field="name" data-sortable="true" data-editable="false" data-formatter="actionFormatterCoy"
        data-events="actionEvents">Company</th>
          <th data-field="email" data-sortable="true" data-editable="false" data-formatter="actionFormatter"
          data-events="actionEvents">username</th>
        </tr>
      </thead>
      <tbody>

      </tbody>
    </table>
  </div>
</div>

<script>
function actionFormatter(value, row, index) {
  if(row.id)
  {
    return [
      '<a id="tenants_id" href="javascript:void(0)" title="View">',
      value,
      '</a>'
    ].join('');
  }
}
function actionFormatterCoy(value, row, index) {
  if(row.id)
  {
    return [
      '<a id="companies_id" href="javascript:void(0)" title="View">',
      value,
      '</a>'
    ].join('');
  }
}
window.actionEvents = {
  'click #tenants_id': function (e, value, row, index) {
    var url = '{!! route("admin.users.edit", ":id") !!}';
    url = url.replace(':id', row.id);
    window.location.href = url;
  },
  'click #companies_id': function (e, value, row, index) {
    var url = '{!! route("admin.companies.edit", ":id") !!}';
    url = url.replace(':id', row.company_id);
    window.location.href = url;
  }
};
</script>
</div>

@endsection