@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Users')

<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="page-title h3 mb-2 text-gray-800">
        Users
        <span class="w-10" style="display: inline-flex;">
            <a href="{{route('admin.user.form')}}" class="btn-gazna mr-2" style="text-decoration:none;height:50px;font-size:14px;">Add User</a>
            <a href="{{route('admin.user.map')}}" class="btn-gazna" style="text-decoration:none;height:50px;font-size:14px;">Map Users</a>
        </span>

    </h1>
    <!-- DataTales Example -->
    <div class="innerpagedetails card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="">Users Listings</h6>
        </div>

        <div class="card-body">
            @if(Session::has('done'))
                <div class="alert alert-success">{{Session::get('done')}}</div>
            @endif
            @if(Session::has('delete'))
                <div class="alert alert-success">{{Session::get('delete')}}</div>
            @endif
            @if(Session::has('success'))
                <div class="alert alert-success">
                    {{Session::get('success')}}
                </div>
            @endif
            @if(Session::has('error'))
                <div class="alert alert-danger">
                    {{Session::get('error')}}
                </div>
            @endif
            <div class="table-responsive">
                <table class="table table-bordered" id="laravel_datatable" width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th>S.No</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Loyality Points</th>
                        <th>Status</th>
                        <th width="105px">Action</th>

                    </tr>
                    </thead>


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

</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->


<!-- Modal -->
<div class="modal fade" id="pointsModal" tabindex="-1" role="dialog" aria-labelledby="pointModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="inventoryModalLabel">Enter Loyality Points</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="post" action="{{ route('admin.add.points') }}">
                @csrf
                <input type="hidden" name="user_id" id="userId" value="">
                <div class="modal-body">
                    <div class="form-group">
                        <label for="inventoryInput">Loyality Points</label>
                        <input type="number" name="points" class="form-control" placeholder="Enter Points" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" style="background-color: #c78407; color: white;" class="btn"
                            id="saveInventory">Save
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="//code.jquery.com/jquery-3.5.1.js"></script>
<script src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function () {
        $('#laravel_datatable').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('admin.users') }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false},
                {data: 'name', name: 'name'},
                {data: 'email', name: 'email'},
                {data: 'phone', name: 'phone'},
                {data: 'achieve_total_points', name: 'achieve_total_points'},
                {data: 'status', name: 'status'},
                {data: 'action', name: 'action', orderable: false, searchable: false}


            ],
            "drawCallback": function (settings) {
                $('.add_user_point').click(function (e) {
                    e.preventDefault();
                    $('#pointsModal').modal('show');
                    var userId = $(this).data('user-id');
                    var $this = $(this);
                    console.log('adfasdfs-', userId);
                    $('#userId').val(userId);
                });
            }
        });
    });
</script>

@include('Admin.layouts.footer')
@include('Admin.layouts.modal')