@extends('layout._default')

@section('body-con')
   
@section('title')
    Logged In Users
@endsection 
    {{-- @section('breadcrumbs')
        {{ Breadcrumbs::render('user-management.users.index') }}
    @endsection --}}
    <div class="card">

        <div class="card-body py-4">

            <div class="card-title">
                <div class="text-end my-1 d-flex">
                    {{-- <div class="form-group p-1">
                        <select name="" id="filter" class="form-control form-control-solid w-200px ps-13" onchange="filterData()">
                            <option value="">Filter By</option>
                            <option value="revenue">Revenue</option>
                            <option value="collaborations">No Of Collaborations</option>
                        </select>
                    </div>

                    <div class="form-group p-1">
                        <select name="" id="status" class="form-control form-control-solid w-200px ps-13" onchange="filterData()">
                            <option value="">Status</option>
                            <option value="active">Active</option>
                            <option value="inactive">Inactive</option>
                        </select>
                    </div>

                    <div class="form-group p-1">
                        <input type="text" class="form-control form-control-solid w-200px ps-13" placeholder="Start Date" id="active_start_date" onfocus="(this.type='date')"
                        onblur="(this.type='text')" onchange="filterData()"/>
                    </div>

                    <div class="form-group p-1">
                        <input type="text" class="form-control form-control-solid w-200px ps-13" placeholder="End Date" id="active_end_date" onfocus="(this.type='date')"
                        onblur="(this.type='text')" onchange="filterData()"/>
                    </div> --}}
                </div>

                <!--begin::Search-->
                <div class="d-flex align-items-center position-relative my-1">
                    {!! getIcon('magnifier', 'fs-3 position-absolute ms-5') !!}
                    <input type="text" data-kt-user-table-filter="search" class="form-control form-control-solid w-250px ps-13" placeholder="Search user" id="mySearchInput"/>
                </div>
                <!--end::Search-->
            </div>

            
            <!--begin::Table-->
            <div class="table-responsive">
                {{ $dataTable->table() }}
                <div id="total_records"></div>
                
            </div>
            <!--end::Table-->
        </div>
    </div>
    {{-- @include('livewire.site-users.edit-site-user-modal') --}}
@endsection

@push('scripts')
    {{ $dataTable->scripts() }}
    <script>
        var recordType = 'logged';
        document.getElementById('mySearchInput').addEventListener('keyup', function () {
            window.LaravelDataTables['site-users-table-'+recordType].search(document.getElementById('mySearchInput').value).draw();

        });
        // document.getElementById('mySearchInput').addEventListener('keyup', function () {
        //     window.LaravelDataTables['site-users-table-'+recordType].search(JSON.stringify({"search": document.getElementById('mySearchInput').value,"filter":document.getElementById('filter').value,
        //      "status": document.getElementById('status').value, "active_start_date" : document.getElementById('active_start_date').value, "active_end_date" : document.getElementById('active_end_date').value})).draw();
        // });

        // function editUser(id)
        // {
        //     $.ajax({
        //         type: "GET",
        //         url: "/admin/site/users/edit/"+id,
        //         success: function(response)
        //         {
        //             if(response.status == 1)
        //             {
        //                 $("#edit-site-user-modal-body").empty();
        //                 $("#edit-site-user-modal-body").append(response.data);
        //                 $("#kt_modal_edit_site_user").modal("show");
        //             }
                    
        //         }
        //     })
        // }

        // $(document).on("click", "#edit-site-user-submit-btn",function(e) {
        //     e.preventDefault();
        //     console.log('ss');
        //     var username = $("#edit_site_user_name").val();
        //     var error = false;
        //     if(username == "") {
        //         $("#edit_site_user_name_error").html('Username is required!');
        //         error = true;
        //     }

        //     if(error) {
        //         return false;
        //     }

        //     $("#kt_modal_edit_site_user_form").submit();
        // });

        // function filterData()
        // {
        //     // document.getElementById('mySearchInput').addEventListener('keyup', function () {
        //     window.LaravelDataTables['site-users-table-'+recordType].search(JSON.stringify({"search": document.getElementById('mySearchInput').value,"filter":document.getElementById('filter').value,
        //      "status": document.getElementById('status').value,  "active_start_date" : document.getElementById('active_start_date').value, "active_end_date" : document.getElementById('active_end_date').value})).draw();
        // // });
        // }
    </script>

        
@endpush