@extends('dashboard.admin.layouts.master')
@section('content')
    <section class="section">
        <div class="section-header">
            <h1>Dashboard</h1>
        </div>
        @if (@$settings->enable_product == 1)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>All registered users</h4>
                        </div>

                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped" id="table-1">
                                    <thead>
                                        <tr>
                                            <th>
                                                #
                                            </th>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Image</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($users as $key => $user)
                                            <tr>
                                                <td>
                                                    {{ $key + 1 }}
                                                </td>
                                                <td>
                                                    {{ $user->name }}
                                                </td>
                                                <td>
                                                    {{ $user->email }}
                                                </td>
                                                <td>
                                                    <img width="100"
                                                        src="{{ asset('uploads/user/image/' . $user->image) }}"
                                                        alt="{{ $user->name }}">
                                                </td>
                                                <td>
                                                    @if ($user->status == 1)
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" checked name="custom-switch-checkbox"
                                                                data-id="{{ $user->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @else
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" name="custom-switch-checkbox"
                                                                data-id="{{ $user->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        @endif

    </section>
    @push('scripts')
        <script>
            $(document).ready(function() {

                $('body').on('click', '.change-status', function() {

                    let isChecked = $(this).is(':checked');

                    let id = $(this).data('id');

                    $.ajax({
                        url: "{{ route('admin.users.change.status') }}",
                        method: 'PUT',
                        data: {
                            status: isChecked,
                            id: id
                        },

                        success: function(data) {
                            toastr.success(data.message);
                        },
                        error: function(xr, status, error) {
                            console.log(error);
                        }
                    })
                })
            })
        </script>
    @endpush
@endsection