@extends('layouts.app')
@section('content')
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.1/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.3.0/css/responsive.bootstrap.min.css">
<h1 style="text-align: center;">Server Logs</h1>
  <div class="row margin-top-10">
      <div class="col-md-10" style="overflow-x: scroll">
          {!! $dataTable->table([
          'id' => 'logsTable',
          'class' => 'table table-striped dt-responsive table-hover',
          ]) !!}
      </div>

      <div class="col-md-2 push-top">
          <form class="" role="form" name="filterLogs" id="filterLogs" method="POST">
              {{ csrf_field() }}
              <label>
                  <strong>
                      Type:
                  </strong>
              </label>
              <p>
                @foreach ($log_types as $t)
                {{$t->type}}
              @endforeach
              </p>
              <p>
                  <button type="submit" class="btn knowmad_btn_blue knowmad_btn" style="width:95px" name="search">Search</button>
              </p>
          </form>
      </div>
  </div>
@endsection
@push('footer_js')

<script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.3.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.3.0/js/responsive.bootstrap.min.js"></script>

<script>
  $('#filterLogs').submit(function(e) {
      e.preventDefault();
    //   window.LaravelDataTables["logsTable"].draw();
      window.LaravelDataTables["logsTable"]( {
        "ajax": {
            "data": function (d) {
                d.msg = JSON.stringify(d.msg, null, 2);
            }
        }
      });
  });
  </script>
{!! $dataTable->scripts() !!}
@endpush