@extends('layouts.example')

@section('content')
    <div class="container">

        {{-- Search Filter --}}
        <div class="row mb-3">
            <div class="col-xl-6 d-flex align-items-center">
                <div class="form-group w-100">
                    <label for="start-date">Start Date </label>
                    <input type="date" class="form-control" id="start-date" />
                </div>

                <div class="form-group w-100 ms-3">
                    <label for="end-date">End Date </label>
                    <input type="date" class="form-control" id="end-date" />
                </div>
            </div>
        </div>

        <div class="card ">
            <div class="card-header">Manage Users</div>
            <div class="card-body">
                <div class="relative flex flex-col w-full h-full overflow-scroll text-gray-700 bg-white shadow-md rounded-xl bg-clip-border">

                    {{ $dataTable->table(['class' => 'table']) }}
                </div>
            </div>
        </div>
    </div>
@endsection


@push('scripts')
    {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
@endpush