@extends('layouts.administrator.master')

@section('title')
    Pengguna
@endsection

@section('content')
    <div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">Pengguna</h3>
                </div>
                <div class="nk-block-head-content">
                    <a href="{{ route('dashboard') }}" class="btn btn-primary btn-sm">
                        <em class="icon ni ni-arrow-left"></em>
                        Back
                    </a>
                </div>
            </div>
        </div>
        <div class="nk-block">
            <div class="card card-preview">
                <div class="card-inner">
                    <table class="datatable nowrap table" data-export-title="Export">
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Nama</th>
                                <th>Email</th>
                                <th>Contact</th>
                                <th>Verified</th>
                                <th>Status</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script>
        var token = "{{ csrf_token() }}";
        NioApp.DataTable('.datatable', {
            processing: true,
            serverSide: true,
            ajax: {
                url  : '{{ route('admin.users.list') }}',
                beforeSend: function() {
                    loadSpin(true, '.datatable');
                },
                complete: function() {
                    loadSpin(false, '.datatable');
                },
                type: 'POST',
                data: {
                    _token: token,
                    user_id : '{{ Auth::user()->id }}'
                }
            },
            columns: [
                { data: 'no' },
                { data: 'name' },
                { data: 'email' },
                { data: 'phone_number' },
                { data: 'verified', className : 'text-center' },
                { data: 'status', className : 'text-center' },
                { data: 'action', className : 'text-center' },
            ],
            ordering: false,
            responsive: {
                details: true
            },
            fnCreatedRow: function(row, data, index) {
            }
        });

        function status(status, id) {
            Swal.fire({
                title: 'Peringatan!',
                text: 'Yakin ingin merubah status user',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'OK',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ route('admin.users.update.status') }}',
                        beforeSend: function() {
                            loadSpin(true, '.datatable');
                        },
                        complete: function() {
                            loadSpin(false, '.datatable');
                        },
                        type: 'POST',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        data: {
                            id: id,
                            status: status
                        },
                        success: function(r) {
                            NioApp.Toast(r.message, (r.success ? "success" : "error"), {
                                position: "top-right"
                            });
                            $(".datatable").DataTable().ajax.reload();
                        },
                        error: function(error) {
                            Swal.fire({
                                title: 'Error!',
                                text: error.responseJSON.message,
                                icon: 'error',
                                confirmButtonText: 'OK'
                            });
                        }
                    });
                } else if (result.dismiss === Swal.DismissReason.cancel) {}
            });
        }
    </script>
@endpush