@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">Jenis Aktivitas</label>
                        <select name="action" id="action" class="form-control form-control-sm">
                            <option value="prospect">Prospect</option>
                            <option value="maintain">Maintain</option>
                            <option value="garansi">Garansi</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 datatable-ajax " data-ajax-url="{{ route('admin.activity.list_all') }}"
                    data-search-source="#activity_search" id="dt_table" width="100%">
                    <thead>
                        <tr>
                            <th class="no-sort" width="10">No</th>
                            <th>Action</th>
                            <th>Showroom</th>
                            <th>Sales</th>
                            <th>Dibuat pada</th>
                            <th class="no-sort">Poin</th>
                            <th class="no-sort" width="80"></th>
                        </tr>
                    </thead>
                    <tbody style="text-transform: capitalize">
                    </tbody>
                </table>

                <br>
            </div>
@include('admin.activity.components.modal')

    </div>
</div>
@endsection