@extends('admin.layouts.masterlayout')

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

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

@section('content')
<div class="dashboard-body-content">
    <div class="dashboard-breadcrumb-section">
        <h2>Referral Reward Details</h2>
        <p><a href="{{ route('admin.bugReportManagement') }}">View Support & Complaint</a> / Support & Complaint Management </p>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="post-image-container h-auto mb-4">
                <div class="post-image-title">
                    <h2>Support & Complaint</h2>
                </div>
                <div class="post-image-body">
                    <div class="post-image-flex mb-3">
                        <h2>Customer Name:</h2>
                        <p>{{ $bugreport->user->name ?? '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Bug Report Type:</h2>
                        <p>{{ $bugreport->reportType->name ?? '-' }}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Priority:</h2>
                        <p>{{ $bugreport->priority_level ?? '-'}}</p>
                    </div>
                    <div class="post-image-flex mb-3">
                        <h2>Description:</h2>
                        <p>{{ $bugreport->description ?? '-' }}</p>
                    </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 change status?</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 class="d-flex gap-3 submit-container">
        <a href="{{route('admin.bugReportManagement')}}" class="ct-outline-btn text-center">Cancel</a>

        @if(!in_array($bugreport->status, ['completed']))
        <button class="ct-btn accept-btn" id="completeBtn" data-id="{{ $bugreport->id }}">
            <span>Complete</span>
        </button>
        @endif
    </div>
</div>
@endsection
@section('script')

<script>
   let selectedBugId = null;

    $(document).on('click', '#completeBtn', function () {
        selectedBugId = $(this).data('id'); // Get bug ID from button
        $('#acceptConfirmModal').modal('show'); // Show confirmation modal
    });

    $('.confirm-accept-btn').on('click', function () {
        if (!selectedBugId) return;

        $.ajax({
            url: "{{ url('admin/mark-bug-completed') }}/" + selectedBugId,
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                status: 'completed'
            },
            success: function (response) {
                if (response.status === true) {
                    $('#acceptConfirmModal').modal('hide');
                    custom_message('success', response.message);

                    setTimeout(() => {
                        window.location.href = "{{ route('admin.bugReportManagement') }}";
                    }, 1500);
                } else {
                    custom_message('error', response.message);
                }
            },
            error: function () {
                custom_message('error', 'Something went wrong.');
            }
        });
    });

</script>
@endsection