@extends('layouts.authenticated')
@section('title','Logs')
@section('log','active')
@section('content')
    <div class="panel panel-info">
        <div class="panel-heading">Logs</div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12 col-md-5 col-sm-6">

                </div>
            </div>
            <div id="output" style="margin-top:.5cm">
                <div class="employerecords dataTable_wrapper table-responsive" id="tablelist">
                    <table class="table table-striped  table-hover" id="log-table">
                        <thead>
                        <tr>
                            <th>Status</th>
                            <th>Message</th>
                            <th>Description</th>
                            <th>Module</th>
                            <th>Trigger</th>
                            <th>Date</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td colspan="6" style="text-align: center">Processing</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('customjs')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#log-table').dataTable({
                serverSide: true,
                destroy: true,
                scrollY: "500px",
                scrollCollapse: true,
                ajax: {
                    url: "{{ url('logs/fetch') }}",
                    dataType: "json",
                    type: "GET",
                },
                columns: [
                    {data: "is_status"},
                    {data: "message"},
                    {data: "description"},
                    {data: "module"},
                    {data: "trigger_type"},
                    {
                        data: "created_at",
                        render: function (data, type, row) {
                            return type === 'sort' ? data : row['transaction_datetime'];
                        }
                    },
                ],
                order: [[5, 'desc']],

            });
        });
    </script>
@endsection