@extends('layouts.main_layout')
@section('title', $label)
@push('styles')
<link href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css" rel="stylesheet">
@endpush
@push('scripts')
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
      $('#log-table').DataTable({
              processing: true,
              serverSide: true,
              ajax: "{{ route('log.datatables') }}",
              columns: [
                  {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                  {data: 'created_at', name:"created_at"},
                  {
                    data: 'created_by', 
                    name: 'created_by',
                    render: function(data, type, row) {
                      if (row.user == null)
                        var html = '-'
                      else {
                        var html = "-"

                        if (row.user != null) {
                          if (row.user.firstname != null)
                            html = row.user.firstname

                          if (row.user.lastname != null)
                            html += " " + row.user.lastname
                        }
                      }

                      return html
                    }
                  },
                  {data: 'descr', name: 'descr'}
              ],
              
          });
    })
  </script>
@endpush
@section('icon-breadcrumbs',$icon)

@section('content')
{{ Breadcrumbs::render($breadcrumbs,$data) }}
<div class="card">
  <div class="card-body table-responsive">
      <table class="table table-bordered" id="log-table">
          <thead>
            <tr>
              <th>No</th>
              <th>Date</th>
              <th>Admin</th>
              <th>Activity</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
      </table>  
  </div>
</div>
@endsection