@extends('admin.layout.master') <!-- Extend the layout -->

@section('content')
@if (session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
            @endif
<div class="col-lg-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Total Request</h4>
            <p class="card-description">
                {{-- Add class <code>.table-bordered</code>  --}}
            </p>
            
            <div class="table-responsive pt-3">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>
                                S.no.
                            </th>
                            <th>
                                Name
                            </th>
                            <th>
                                Email
                            </th>
                            <th>
                                Phone
                            </th>
                            <th>
                                Type
                            </th>
                            <th>
                                Status
                            </th>
                            <th>
                                Enable/Disable
                            </th>
                            <th>
                                Action
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($userslist))
                        @foreach ($userslist as $key => $user)
                        <tr>
                            <td>
                                {{ $key + 1 }}
                            </td>
                            <td>
                                {{ ucwords($user->name) }}
                            </td>
                            <td>
                                {{ $user->email }}
                            </td>
                            <td>
                                {{ $user->phone }}
                            </td>
                            <!--<td>
                                @if (!empty($user->profile_photo_path))
                                <img src="{{ $user->profile_photo_path }}" alt="">
                                @else
                                <img src="{{ asset('/assets/images/dummy-user.webp') }}" alt="">
                                @endif
                            </td>-->
                            <td>
                            {{ $user->type == 1 ? 'Saloon' : ($user->type == 2 ? 'Artist' : 'Unknown Type') }}
                            </td>
                            <td>

                                @if ($user->status === null)
                                <!-- <a class="btn btn-primary btn-sm radius-30" onclick="return confirm('Are you sure you want to Approve?')" href="{{ route('admin.user.updateuserstatus', ['id' => $user->id, 'status' => 1]) }}">Approve</a> -->

                                <!-- <a class="btn btn-danger btn-sm radius-30" onclick="return confirm('Are you sure you want to Decline ?')" href="{{ route('admin.user.updateuserstatus', ['id' => $user->id, 'status' => 0]) }}">Decline</a> -->

                                <a class="btn btn-primary btn-sm radius-30" href="#" onclick="confirmUserAction('{{ route('admin.user.updateuserstatus', ['id' => $user->id, 'status' => 1]) }}')">Approve</a>

                                <a class="btn btn-danger btn-sm radius-30" href="#" onclick="confirmUserAction('{{ route('admin.user.updateuserstatus', ['id' => $user->id, 'status' => 0]) }}')">Decline</a>

                                @elseif ($user->status == 1)

                                <span class="text-primary"> Approved</span>
                                @else
                                <span class="text-danger"> Declined</span>
                                @endif


                            </td>
                            <td id="{{$user->id}}">
                                <input type="checkbox" hidden="hidden" id="username{{$user->id}}" {{ $user->status === 1 ? 'checked' : '' }} onclick="userAction('{{$user->id}}', this, '{{$user->status}}')">
                                <label class="switch" for="username{{$user->id}}"></label>

                            </td>
                            <td>
                                {{-- <a href="#" class="btn">Edit</a>  --}}
                                <!-- <a onclick="return confirm('Are you sure?')" href="{{ route('admin.deleteuser', ['user' => $user->id]) }}"><i class="fa-sharp fa-regular fa-trash"></i></a> -->
                                <a href="#" style="color:red" onclick="confirmDelete('{{ route('admin.deleteuser', ['user' => $user->id]) }}')">Delete<!--i style="color:red" class="fa fa-trash"></i--></a>

                            </td>
                        </tr>
                        @endforeach
                        @else
                        <tr>
                            Data Not Found
                        </tr>
                        @endif


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




<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="">
                    <select name="status" id="">
                        <option value=""></option>
                    </select>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <input type="submit" class="btn btn-primary" value="Save" />
            </div>
        </div>
    </div>
</div>
<!-- <script>
    function userAction(userId, checkbox, status) {
        console.log(userId, checkbox, status);
        var isActive = checkbox.checked; // Check if the checkbox is checked (true) or not (false).
        console.log("isactive "+isActive);
        $.ajax({
            type: 'POST',
            url: "{{ route('admin.user_status') }}",
            data: {
                user_id: userId,
                is_active: isActive, // Pass the current status to the server.
                status : status,
                _token: '{{ csrf_token() }}',
            },
            success: function(response) {
                console.log("res ",response);
                if (response.message === 'User status updated successfully') {
                    // Toggle the checkbox to reflect the new status.
                    // checkbox.checked = !isActive;
                    console.log('User status updated successfully');
                } else {
                    console.log('User not found');
                }
            },
            error: function(error) {
                console.error('An error occurred', error);
            }
        });
    }
</script> -->




@endsection