@extends('Admin.Layouts.app')
@section('title')
User
@endsection
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="col-lg-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <div class="d-flex justify-content-between">
                <h4><i class="ti-arrow-left" onclick="redirect()"></i></h4>
            </div>
            <p class="card-description">
            User list
            </p>
            <div class="table-responsive">
                <table class="table table-striped data-table">
                    <thead>
                        <tr>
                            <th>
                                ID
                            </th>
                            <th>
                                Profile Image
                            </th>
                            <th>
                                First Name
                            </th>
                            <!-- <th>
                                Last name
                            </th> -->
                            <th>
                                Username
                            </th>
                            <th>
                               Phone Number
                            </th>
                            <th>
                                Gender
                            </th>
                            <th>
                                Date Of Birth
                            </th>
                            <th>
                                Email
                            </th>
                            <th>
                                 Account Status
                            </th>
                            <th>
                                Followers 
                            </th>
                            <th>
                                Verified
                            </th>
                            <th>
                              Blocks 
                            </th>
                            <th>
                                Actions
                            </th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection
@section('js')
<script type="text/javascript">
    $(function() {

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            // ajax: "{{ route('users.index') }}",
            columns: [{
                    data: 'id',
                    name: 'id'
                },
                {
                    data: 'userimage',
                    name: 'userimage'
                },
                {
                    data: 'first_name',
                    name: 'first_name'
                },
                //  {
                //     data: '	last_name',
                //     name: '	last_name'
                // },
                {
                    data: 'user_name',
                    name: 'user_name'
                },
                {
                    data: 'number',
                    name: 'number'
                }, {
                    data: 'gender',
                    name: 'gender'
                }, {
                    data: 'dob',
                    name: 'dob'
                },
                {
                    data: 'email',
                    name: 'email'
                },
                {
                    data: 'deleteduser',
                    name: 'deleteduser'
                },
                {
                    data: 'followercount',
                    name: 'followercount'
                },
                {
                    data: 'isverified',
                    name: 'isverified'
                },
                {
                    data: 'blockcount',
                    name: 'blockcount'
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false,
                    searchable: false
                },
            ],
            "language": {
                "info": "Showing _START_ to _END_ of _TOTAL_ users",
                "lengthMenu": "Show _MENU_ users"
            }
        });

    });


    function UserDetele(id) {
        Swal.fire({
            title: "Are you sure?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#3085d6",
            cancelButtonColor: "#d33",
            confirmButtonText: "Yes, delete it!"
        }).then((result) => {
            if (result.isConfirmed) {
                // Make an Ajax request to delete the data
                $.ajax({
                    url: `{{ route('user.delete', ':id') }}`.replace(':id', id),
                    type: 'DELETE',
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(data) {

                        Swal.fire({
                            title: "Deleted!",
                            text: "Your user has been deleted.",
                            icon: "success",
                            showConfirmButton: false,
                        });
                        location.reload();
                    },
                    error: function(xhr, status, error) {
                        console.error(xhr.responseText);
                    }
                });
            }
        });
    }
</script>
@endsection