@include('admin.dash.layout.header')
<div class="nk-content ">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="components-preview wide-md mx-auto">
                    <div class="nk-block nk-block-lg">
                        <div class="nk-block-head">
                            <div class="nk-block-head-content">
                                <h4 class="nk-block-title">{{$title}}</h4>
                                <div class="nk-block-des">
                                <p>Here, you can see all the <code class="code-class">{{$title}}</code>  on stizee.</p>

                            
                                </div>
                            </div>

                        </div>

                        <a href="javascript:;"  onclick="$('#noti').modal('show')" class="btn btn-primary" style="float:right"><em class="icon ni ni-plus"></em><span>Send Notification</span></a>

                        <table class="datatable-init-export nowrap nk-tb-list is-separate" data-auto-responsive="false" data-order="5">
                            <thead>
                                <tr class="nk-tb-item nk-tb-head">
                                     
                                    <th class="nk-tb-col tb-col-sm"><span>FullName</span></th>
                                    <th class="nk-tb-col tb-col-sm"><span>Email</span></th>
                                    <th class="nk-tb-col tb-col-sm"><span>User type</span></th>
                                    <th class="nk-tb-col tb-col-sm"><span>Status</span></th>
                                    <th class="nk-tb-col tb-col-sm"><span>Wallet</span></th> 
                                    <th class="nk-tb-col tb-col-sm"><span>Merchant Rating</span></th>

                                    <th class="nk-tb-col tb-col-sm"><span>Date</span></th>
        
                                   
                                    <th class="nk-tb-col nk-tb-col-tools">
                                        <ul class="nk-tb-actions gx-1 my-n1">
                                            
                                        </ul>
                                    </th>
                                </tr><!-- .nk-tb-item -->
                            </thead>
                            <tbody>
                                @foreach($data as $d)
                                <tr class="nk-tb-item">
                                  
                                    <td class="nk-tb-col tb-col-sm">
                                        <span class="tb-product"> 
                                            <span class="title">{{$d->name}}</span>
                                        </span>
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->email}}</span>
                                    </td>    
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->is_merchant == 1 ?  "Merchant" : "Customer"}}</span>
                                    </td>
                                     <td class="nk-tb-col tb-col-md">
                                        @php
                                            $status = $d->status ?? 'active'; // Default to active if no status field
                                        @endphp
                                        @if($status == 'active')
                                            <span class="badge bg-dot bg-success">Active</span>
                                        @else
                                            <span class="badge bg-dot bg-danger">Blocked</span>
                                        @endif
                                    </td>
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">NGN {{number_format($d->wallet,2)}}</span>
                                    </td>    
                                    
                                    <!-- Add this to your table body after the wallet row -->
<td class="nk-tb-col tb-col-md">
    @if($d->is_merchant == 1)
        @php
            $rating = isset($d->rating) ? $d->rating : ['average' => 0, 'count' => 0];
        @endphp
        @if($rating['count'] > 0)
            <div class="d-flex align-items-center">
                <div class="rating-stars me-2">
                    @for($i = 1; $i <= 5; $i++)
                        @if($i <= floor($rating['average']))
                            <i class="icon ni ni-star-fill text-warning"></i>
                        @elseif($i <= $rating['average'])
                            <i class="icon ni ni-star-half text-warning"></i>
                        @else
                            <i class="icon ni ni-star text-muted"></i>
                        @endif
                    @endfor
                </div>
                <small class="text-muted">{{ number_format($rating['average'], 1) }} ({{ $rating['count'] }})</small>
            </div>
        @else
            <span class="text-muted">No ratings</span>
        @endif
    @else
        <span class="text-muted">N/A</span>
    @endif
</td>
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->created_at}}</span>
                                    </td>  
                                   
                                    <td class="nk-tb-col nk-tb-col-tools">
                                        <ul class="nk-tb-actions gx-1 my-n1">
                                            <li class="me-n1">
                                                <div class="dropdown">
                                                    <a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                    <div class="dropdown-menu dropdown-menu-end">
                                                        <ul class="link-list-opt no-bdr"> 
                                                            <li><a href="/admin/user/{{$d->id}}"><em class="icon ni ni-eye"></em><span>View User</span></a></li>
                                                            @if(($d->status ?? 'active') == 'active')
                                                                <li><a href="javascript:;" onclick="updateUserStatus('{{$d->id}}', 'blocked')"><em class="icon ni ni-cross-circle"></em><span>Block User</span></a></li>
                                                            @else
                                                                <li><a href="javascript:;" onclick="updateUserStatus('{{$d->id}}', 'active')"><em class="icon ni ni-check-circle"></em><span>Activate User</span></a></li>
                                                            @endif
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </td>
                                </tr><!-- .nk-tb-item -->
                               @endforeach
                            </tbody>
                        </table><!-- .nk-tb-list -->
                    </div> <!-- nk-block -->
                </div><!-- .components-preview -->
            </div>
        </div>
    </div>
</div>
@include('admin.dash.layout.footer')


<div class="modal fade" role="dialog" id="noti">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
            <div class="modal-body modal-body-md">
                <form id="new_cat">
                    <h5 class="title">Send Notification</h5>
                    

                   

                    <div class="form-group">
                        <label>
                            Enter Description
                        </label>
                        <textarea class="form-control" name="des"></textarea>
                    </div>


 
                    <button type="submit" class="btn btn-primary">Send</button>
                </form>
            </div><!-- .modal-body -->
        </div><!-- .modal-content -->
    </div><!-- .modal-dialog -->
</div><!-- .modal -->


 

<script>

$('#new_cat').submit(function(e) {
            e.preventDefault(); // Prevent the default form submission.

            // Show the progress bar when the form is being submitted
            
            // Prepare the form data
            var formData = new FormData(this);
            $("button").attr("disabled", true);
            formData.append("_token","{{csrf_token()}}")
            
            // Send the data to the server using AJAX
            $.ajax({
                type: 'POST',
                url: '/admin/send_noti', // Replace with the URL to handle the form submission on the server
                data: formData,
                contentType: false,
                processData: false,
                
                success: function(response) {
                    // Handle the server response here
                    console.log(response);
                    // Close the modal if needed
                   
                    Swal.fire("", response.message, "success")
                    location.reload()
                },
                error: function(xhr, status, error) {
                    // Handle errors here
                    console.log(xhr.responseText);
                },
                complete: function() {
                    // Hide the progress bar when the AJAX request is complete, whether it's successful or not
               
                    $("button").attr("disabled", false);
                }
            });
        });

function updateUserStatus(userId, status) {
    const actionText = status === 'blocked' ? 'block' : 'activate';
    const confirmText = `Are you sure you want to ${actionText} this user?`;
    
    if (confirm(confirmText)) {
        $.ajax({
            type: 'POST',
            url: '/admin/user/update-status',
            data: {
                _token: '{{ csrf_token() }}',
                user_id: userId,
                status: status
            },
            success: function(response) {
                if (response.success) {
                    Swal.fire("", `User ${actionText}ed successfully!`, "success");
                    location.reload();
                } else {
                    Swal.fire("Error", response.message || 'Failed to update user status', "error");
                }
            },
            error: function(xhr, status, error) {
                Swal.fire("Error", 'Failed to update user status. Please try again.', "error");
            }
        });
    }
}

</script>