@extends('admin.layout.admin')
@section('content')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="page-title-box">
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center mb-3">
                                <h4 class="mt-0 header-title">Users Listing</h4>

{{--                                <a href="{{ route('admin.user.create') }}">--}}
{{--                                    <button class="btn btn-dark">+ Add User</button>--}}
{{--                                </a>--}}
                            </div>
                            <table id="geniustable" class="table table-bordered dt-responsive nowrap"
                                   style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                <tr>
                                    <th>Sno</th>
                                    <th>Image</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Gender</th>
                                    <th>Address</th>
                                    <th>Phone</th>
                                    <th>Created at</th>
{{--                                    <th>Action</th>--}}
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($users as $key => $user)
                                    <tr>
                                        <td>{{$key +1}}</td>

                                        <td> <img src="{{$user->userImage() ?? ''}}" class="img-fluid " width="39px"height="39px"></td>
                                        <td>{{$user->name}}</td>
                                        <td>{{$user->email}}</td>
                                        <td>{{$user->gender}}</td>
{{--                                        <td>{{Str::words($user->address,'5')}}</td>--}}
                                        <td>{{$user->address}}</td>
                                        <td>{{$user->phone}}</td>
                                        <td>{{$user->created_at->diffForHumans()}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('alerts.delete-modal')

    @include('alerts.inactive-modal')


@endsection

@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.bootstrap5.js"></script>
    <script>
        $(document).ready(function () {
            $('#geniustable').DataTable();
        });
    </script>
    {{--    Routes for hitting ajax--}}
{{--    <script>--}}
{{--        var indexRoute = '{{ route("admin.users.index") }}'; //for datatable.js--}}

{{--        var moduleName = '{{ request()->segment(2) }}'; //for main.js--}}

{{--        // var columnsConfig = [--}}
{{--        //     {data: 'name', name: 'name'},--}}
{{--        //     {data: 'email', name: 'email'},--}}
{{--        //     // {data: 'role', name: 'role'},--}}
{{--        //     {data: 'created_at', name: 'created_at'},--}}
{{--        //     // {data: 'action', searchable: false, orderable: false}--}}
{{--        // ];--}}

{{--    </script>--}}


@endsection