@extends('layouts.admin.core')
@section('content')
<section class="content-header">
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-12">
        <h1 class="float-left">BOT CHAT</h1>
      </div>
    </div>
  </div>
</section>

<section class="content">
  
    <!-- Default box -->
    <div class="card">
      <div class="card-body">
        <table class="table" id="dttable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nama</th>
                    <th>Username</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($activity as $item)
                    <tr>
                    <td>{{$item['message']['from']['id']}}</td>
                    <td>{{$item['message']['from']['first_name']}} {{$item['message']['from']['last_name']}}</td>
                    <td>{{$item['message']['from']['username']}}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->

  </section>
@endsection

@section('js')
<script>
 $('#dttable').DataTable();
</script>
@endsection