@extends('layouts.admin')


@section('style')
@endSection

@php
    $configs = getModuleActivationStatus(false);

@endphp
@section('script')
    <script>
        $(function () {
            var t = $('#users_table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{!! route('admin.ajax_get_list_users.general') !!}',
                },
                // scrollX: true,
                pageLength: 25,
                lengthMenu: [[10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"]],
                dom:
                    "<'row p-2'<'#create_voucher.col-sm-6 mb-2 text-left'><'#import_export.col-sm-6 mb-2 text-left text-sm-right'B>>" +
                    "<'row px-2'<'col-sm-6'l><'col-sm-6'f>>" +
                    "<'row'<'col-sm-12 overflow-auto'tr>>" +
                    "<'row p-2'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [{
                    extend: 'csv',
                    text: '<i class="fas fa-file-export"></i> Export CSV',
                    className: 'btn btn-sm btn-default'
                }],
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex', title: 'No.'},
                    {data: 'user_uid', name: 'user_uid', title: 'User UID'},
                    {data: 'name', name: 'name', title: 'Name'},
                    {data: 'email', name: 'email', title: 'Email'},
                    {data: 'mobile', name: 'mobile', title: 'Mobile Number'},
                    {data: 'dob', name: 'dob', title: 'DOB'},
                    {data: 'address', name: 'address', title: 'Address'},
                    {data: 'total_point', name: 'total_point', title: 'Total Point'},
                    {data: 'goals', name: 'goals', title: 'Goals'},
                    {data: 'utm', name: 'utm', title: 'UTM'},
                    {data: 'created_at', name: 'created_at', title: 'Registration Date'},
                    {data: 'user_last_active_timestamp', name: 'user_last_active_timestamp', visible: {{ $bool = boolToInt($dsc_module) }}, searchable: {{ $bool }}, orderable: {{ $bool }}, title: 'Last Active Date'},
                    {data: 'completed_card', name: 'completed_card', visible: {{ $bool }}, title: 'Completed Card'},
                    {data: 'completed_grid', name: 'completed_grid', visible: {{ $bool }}, title: 'Completed Grid'},
                    {data: 'rewards', name: 'rewards', visible: {{ $bool }}, title: 'Rewards'},
                    {data: 'plant_rewards_detail', name: 'plant_rewards_detail', visible: {{ boolToInt($plant_module) }}, className: 'text-center', title: 'Plant Rewards'},
                ],
                columnDefs: [{
                    targets: [0,1,2,3,4,5,7],
                    className: 'dt-center'
                }, {
                    targets: [0,7,8,12,13,14,15],
                    searchable: false,
                    orderable: false,
                }, {
                    targets: [2,3,4,6,9],
                    orderable: false,
                }],
                autoWidth: false
            });
        });
    </script>
@endSection

@section('content')

    @component('admin.components.tabs')
        <table id="users_table" class="table table-bordered table-hover dataTable"></table>
    @endcomponent

@endsection