@extends('admin.layouts.app')

@section('content')
    <div class="container">
        <style>
        .card{
            border: none;
            box-shadow: var(--cs);
        }
        button.badge{
            border: unset;
        }
        </style>
        <div class="card mt-4">
            <div class="card-body">
                @if(session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                    </div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif
                <div class="w-100 d-flex align-items-center justify-content-between mb-3">
                    <h1 class="main-tittel mb-0">Users List</h1>
                    @if(auth()->guard('admin')->user()->type != 1)
                    <a class="btn float-end btn-main" href="{{ route('admin.user.create') }}"><i class="fas fa-plus " style="margin-right: 5px"></i>Add New User</a>
                    @endif
                </div>
        
        <table class="table table-striped data-table user-listing">
            {{-- <button class="delete_records">Delete</button> --}}
            <thead>
                <tr>
                    {{-- <th>Check All <input type="checkbox" class='checkall' id='checkall'><input type="button" id='delete_record' value='Delete' ></th> --}}
                    <th></th>
                    <th>Date of Reg</th>
                    <th>Name</th>
                    <th>Phone No</th>
                    <th>Created By</th>
                    <th>Status</th>
                    <th width="350px">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data as $user)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{ $user->created_at }}</td>
                        <td>{{ $user->name }}</td>
                        <td>{{ $user->phone }}</td>
                        <td>{{ getAgentNameById($user->refered_by) }}</td>
                        <td>
                        @if($user->status === 0)
                            <button type="button" class="badge bg-danger">Inactive</button>
                        @elseif ($user->status === 1)
                            <button type="button" class="badge bg-success">Active</button>
                        @else
                            {{ "Unknown Status"}}
                        @endif
                        </td>
                        <td>
                            @if(auth()->guard('admin')->user()->type == 1)
                                <a href="{{ route('admin.user.edit', $user->id) }}" class="btn btn-main btn-sm me-1">VIEW</a>
                                <a href="{{ route('admin.user.ticket-list', $user->id) }}" class="btn btn-main btn-sm me-1">TICKETS</a>
                                {{-- <a href="#" class="btn btn-main btn-sm me-1">TRANSACTIONS</a> --}}
                                <a href="{{ route('admin.wallet.create', $user->id)}}" class="btn btn-primary btn-sm me-1">Wallet</a>
                            @else
                                <a href="{{ route('admin.user.edit', $user->id) }}" class="btn btn-primary btn-sm me-1">EDIT</a>
                                {{-- <a href="#" class="btn btn-primary btn-sm me-1">USERS</a> --}}
                                {{-- <a href="{{ route('admin.game-details.index') }}" class="btn btn-primary btn-sm me-1">GAMES</a> --}}
                                <a href="{{ route('admin.user.ticket-list', $user->id) }}" class="btn btn-primary btn-sm me-1">TICKET</a>
                                <a href="{{ route('admin.wallet.create', $user->id)}}" class="btn btn-primary btn-sm me-1">Wallet</a>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    </div>
</div>
    @push('scripts')
    <link rel="stylesheet" href="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.css"/>
    <link rel="stylesheet" href="Editor-2.2.2/css/editor.dataTables.css">
    
    <script src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.js"></script>
    <script src="Editor-2.2.2/js/dataTables.editor.js"></script>

    {{-- <script src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.js"></script> --}}
    {{-- <script src="https://cdn.datatables.net/select/1.3.3/js/dataTables.select.min.js"></script>  --}}
    <script>
        $('.user-listing').DataTable();
    </script>

        {{-- <script>
            $(function() {
                        var rows_selected = [];
                        var table = $('.data-table').DataTable({
                            processing: true,
                            serverSide: true,
                            ajax: "{{ route('admin.get-users-list') }}",
                            columns: [
                                {
                                    data: 'DT_RowIndex',
                                    name: 'DT_RowIndex'
                                },
                                {
                                    data: 'created_at',
                                    name: 'created_at'
                                },
                                {
                                    data: 'name',
                                    name: 'name'
                                },
                                {
                                    data: 'phone',
                                    name: 'phone'
                                },
                                {
                                    data: 'refered_by',
                                    name: 'refered_by',
                                },
                                {
                                    data: 'status',
                                    name: 'status',
                                    render: function(data) {
                                        if (data === 0) {
                                            return '<button type="button" class="badge bg-danger">Inactive</button>';
                                        } else if (data === 1) {
                                            return '<button type="button" class="badge bg-success">Active</button>';
                                        } else {
                                            return '';
                                        }
                                    }
                                },
                                {
                                    data: 'action',
                                    name: 'action',
                                    orderable: false,
                                    searchable: false
                                },
                            ],
                        });
            });
                 
        </script> --}}
    @endpush
@endsection