@extends('layouts.main')

@section('container')
    <div class="card">
        <div class="card-body">
            <div id="activity" class="scroll-x-table">
                @push('datatable-search')
                    <div class="col-12 col-md-5">
                        <label for="action">Selection</label>
                        <select name="action" id="action" class="form-control form-control-sm">
                            <option value="">Opsi #1</option>
                            <option value="">Opsi #2</option>
                            <option value="">Opsi #3</option>
                        </select>
                    </div>
                @endpush
                @include('admin.components.searchDatatable', ['id' => 'activity_search'])
                <form>
                    <table style="width:100%;min-width:940px;">
                        <tr>
                            <td align="left" style="margin-right: 5px">
                            </td>
                        </tr>
                    </table>
                </form>
                <hr>

                <table class="table table-bordered table-striped"
                    data-ajax-url="" data-search-source="#activity_search"
                    id="dt_table" width="100%">
                    <thead>
                        <tr>
                            <th>A</th>
                            <th>B</th>
                            <th>C</th>
                        </tr>
                    </thead>
                    <tbody style="text-transform: capitalize">
                    </tbody>
                </table>

                <br>
            </div>
        </div>
    </div>
@endsection