@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 Attempts</h1>
  <div class="clearfix"></div>

  @include('flash::message')

  <div class="clearfix"></div>
  <div class="panel panel-default panel-info class ">
    <div class="panel-heading">
    </div>
    <div class="panel-body">
      {!! Form::open(['url' => 'lms/attempts', 'files'=>true]) !!}
      <div class="form-group col-sm-4">
        {!! Form::label('', 'Course:') !!}
        <select class="form-control select2-lms-course select2-hidden-accessible" style="width: 100%;" id="select2-lms-course" name="courseid" required>
          <option></option>
        </select>
      </div>
      <div class="form-group col-sm-12">
        {!! Form::submit('Search', ['id' => 'm-submit', 'class' => 'btn btn-primary']) !!}
      </div>
      {!! Form::close() !!}
    </div>
  </div>
  <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-detail-view="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/getCourseAttempts?courseid=").$courseid !!}"
      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="Firstname" data-sortable="true" data-editable="false">Firstname</th>
          <th data-field="Lastname" data-sortable="true" data-editable="false">Lastname</th>
          <th data-field="NRIC" data-sortable="true" data-editable="false">NRIC</th>
          <th data-field="Companyname" data-sortable="true" data-editable="false">Companyname</th>
          <th data-field="coursename" data-sortable="true" data-editable="false">coursename</th>
          <th data-field="attempts" data-sortable="true" data-editable="false">attempts</th>
          <th data-field="Attempted" data-sortable="true" data-editable="false">Passed</th>
          <th data-field="Attempt_time"
          data-sortable="true"
          data-editable="false"
          data-formatter="dateFormatter">Attempt_time</th>
        </tr>
      </thead>
      <tbody>

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

<!-- Select2 -->
{!! HTML::style('vendor/select2/dist/css/select2.min.css',[], env("HTTPS",false)) !!}
{!! HTML::script('vendor/select2/dist/js/select2.min.js',[], env("HTTPS",false)) !!}

<script>
$(".select2-lms-course").select2({
  tags: false,
  allowClear: true,
  data: {!! json_encode(App\Models\LMS::getCourses()) !!},
  placeholder: "Search for a Course",
  allowClear: true,
});
$(".select2-lms-course").val({!! empty($courseid) ? "'4'" : $courseid !!}).trigger("change");
$(".select2-lms-course").on("select2:select", function(event) {
  course = $(".select2-lms-course").val();
});
function dateFormatter(value, row, index) {
  if(value) {
    var formatDate = moment(value * 1000).format('DD-MMM-YYYY');
    return formatDate;
  }
}
</script>
</div>

@endsection