@extends('layouts.app')

@section('content')
    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
                <div class="p-3">
                    <div class="container">
                        <h3>Triggerts</h3>
                        <hr>
                        <table class="table table-bordered " id="flow-pointer-table">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Type</th>
                                <th>Expression</th>
                                <th>Variable</th>
                                <th>Sketch</th>
                                <th>Enable</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <x-datatables></x-datatables>
@endsection
@push('js')
    <script>
        $(document).ready(function() {
            var table = $('#flow-pointer-table').DataTable({
                dom: 'Bfrtip',
                scrollX:true,
                ...buttonConfig,
                processing: true,
                serverSide: true,
                ajax: "{{ route('triggerts.data') }}",
                "order": [],
                "ordering": false,
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'type', name: 'type' },
                    { data: 'expression', name: 'expression' },
                    { data: 'var_name', name: 'var_name' },
                    { data: 'sketch_id', name: 'sketch_id' },
                    { data: 'enable', name: 'enable' },
                ]
        });
    });

    </script>
@endpush