@extends('admin.layouts.masterlayout')

@section('title')
Support & Complaint Management
@endsection

@section('head_title')
Support & Complaint Management
@endsection

@section('content')
<div class="dashboard-body-content">

    <div class="manage-offers-flex">
        <h2>Assign Support & Complaint</h2>

        <div class="d-flex gap-3 align-items-center manage-search-container">
            <div class="position-relative w-100">
                <input type="search" class="form-control report_bug_search" placeholder="Search here">
                <div class="search-icon">
                    <img src="{{asset('assets/img/dashboard/search-icon.png')}}" alt="">
                </div>
            </div>

        </div>
    </div>

    <div class="tab-content">
        <div class="" id="report_bug_tata">
            <div class="ct-dashboard-table-container">
                <div class="card p-2">
                    <div class="table-responsive">
                        <table class="table mb-0" id="report_bug_assign_table">
                            <thead>

                                <tr>
                                    <th>#</th>
                                    <th>User Name</th>
                                    <th>Email</th>
                                    <th>Role</th>
                                    <th>Action</th>
                                </tr>

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

     <div class="modal fade" id="acceptConfirmModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body text-center">
                    <div>
                        <img src="{{ asset('assets/img/dashboard/ad.png') }}" alt="">
                    </div>
                    <h2 class="delete-message">Are you sure you want to assign task?</h2>
                    <div class="d-flex gap-3 submit-container justify-content-center mt-3">
                        <button class="ct-outline-btn" data-bs-dismiss="modal">Cancel</button>
                        <button type="button" class="ct-btn confirm-accept-btn">Yes, Accept</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script src="{{ asset('assets/js/dataTables.js') }}"></script>
<script>
     const bugReportId = {{ json_encode($bugReport->id) }};
    const assignUsersUrl = "{{ url('/admin/bug-assign-users') }}/" + bugReportId;
    $(document).ready(function() {
          
        const InventoryItemTable = $('#report_bug_assign_table').DataTable({
            dom: '<<"table-responsive"t><"pagination-container"<i><p>>>',
            processing: true,
            serverSide: true,
            order: [],
            ajax: assignUsersUrl,
           columns: [
            { data: 'DT_RowIndex', name: 'DT_RowIndex' },
            { data: 'name', name: 'name' },
            { data: 'email', name: 'email' },
            { data: 'role', name: 'role' },
            { data: 'action', name: 'action', orderable: false, searchable: false }
        ]
        });
        $('.report_bug_search').on('input', function() {
            var searchText = $(this).val(); // <-- get the value from input
            InventoryItemTable.search(searchText).draw(); // use it for DataTable search
        });

        //for checkbox click and store data
           let selectedUserId = null;

        // Handle checkbox click
        $(document).on('change', '.assign-checkbox', function () {
            // Uncheck other checkboxes
            $('.assign-checkbox').not(this).prop('checked', false);

            if (this.checked) {
                selectedUserId = $(this).data('user-id');
                $('#acceptConfirmModal').modal('show');
            } else {
                selectedUserId = null;
            }
        });

        // Handle "Yes, Accept" button click
        $('.confirm-accept-btn').on('click', function () {
            if (!selectedUserId) return;

            $.ajax({
                url: `/admin/assign-bug-touser/${bugReportId}`,
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    assigned_user_id: selectedUserId,
                    status: 'assigned'
                },
                            success: function(response) {

                if (response.status === true) {
                    $('#acceptConfirmModal').modal('hide');

                    custom_message('success', response.message);
                    setTimeout(function() {
                        window.location.href = "{{ route('admin.bugReportManagement') }}";

                    }, 5000);

                } else {
                    custom_message('error', response.message);
                   
                }
            }
            });
        });
        
    });
</script>
@endsection