Untitled

@extends('layouts.app')

@section('content')
    @include('layouts.sidebar')

    <div class="easyui-layout" style="width:100%;height:500px;">
        <div id="submenu-content" data-options="region:'center'">
            <!-- Content Submenu Transaksi -->
            @yield('submenu_content')
        </div>
    </div>
@endsection

@section('submenu_content')
    <h3>This is content</h3>
    <table id="dummyTable" class="easyui-datagrid" style="width:100%;height:300px">
        <thead>
            <tr>
                <th data-options="field:'id'">ID</th>
                <th data-options="field:'name'">Name</th>
                <th data-options="field:'email'">Email</th>
            </tr>
        </thead>
    </table>

    <script>
        $(document).ready(function () {
            $('#dummyTable').datagrid({
                columns: [
                    { field: 'id', title: 'ID' },
                    { field: 'name', title: 'Name' },
                    { field: 'email', title: 'Email' }
                ],
                data: [
                    { id: 1, name: 'John Doe', email: 'john@example.com' },
                    { id: 2, name: 'Jane Doe', email: 'jane@example.com' }
                    // Add more data as needed
                ]
            });
        });
    </script>
@endsection