{{-- 반려 사유 모달 --}}
<div id="rejectModal" class="hidden fixed inset-0 z-50 overflow-y-auto">
    <div class="fixed inset-0 bg-black bg-opacity-50 transition-opacity"></div>
    <div class="flex min-h-full items-center justify-center p-4">
        <div class="relative bg-white rounded-xl shadow-2xl w-full max-w-md p-6">
            <h3 class="text-lg font-semibold text-gray-900 mb-4">반려 사유 입력</h3>
            <p class="text-sm text-gray-600 mb-4">
                <span id="rejectItemName" class="font-medium text-red-600"></span>의 개발 승인을 반려합니다.
            </p>
            <form id="rejectForm" onsubmit="submitReject(event)">
                <input type="hidden" id="rejectItemId" name="item_id">
                <div class="mb-4">
                    <label class="block text-sm font-medium text-gray-700 mb-1">반려 사유 <span class="text-red-500">*</span></label>
                    <textarea name="rejection_reason" id="rejectionReason" rows="4" required
                              class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-red-500"
                              placeholder="반려 사유를 입력하세요..."></textarea>
                    <p class="mt-1 text-xs text-gray-500">반려 사유는 고객의 메모에 기록됩니다.</p>
                </div>
                <div class="flex justify-end gap-3">
                    <button type="button" onclick="closeRejectModal()"
                            class="px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 transition">
                        취소
                    </button>
                    <button type="submit"
                            class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg transition">
                        반려 처리
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>