@extends('admin.layouts.admin')

@section('title', '奖励库存管理')
@section('page-title', '奖励库存管理')

@push('styles')
<!-- Select2 CSS -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
<style>
/* 修复下拉菜单被表格容器限制的问题 */
.table-responsive {
    overflow-x: auto;
    overflow-y: visible;
}

/* 确保下拉菜单有正确的层级 */
.dropdown-menu {
    z-index: 1050 !important;
}

/* Select2 在模态框中的样式修复 */
.select2-container--bootstrap-5 .select2-selection {
    min-height: 38px;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}
/* 确保Select2下拉在模态框上层 */
.select2-container--open {
    z-index: 1060 !important;
}
</style>
@endpush

@section('content')
<div class="container-fluid">

<!-- 操作按钮区域 -->
<div class="row mb-4">
    <div class="col-12">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <button type="button" class="btn btn-primary" onclick="showCreateModal()">
                    <i class="fas fa-plus me-2"></i>创建奖励内容
                </button>
                <button type="button" class="btn btn-outline-secondary" onclick="refreshData()">
                    <i class="fas fa-sync-alt me-2"></i>刷新
                </button>
            </div>
            <div>
                <button type="button" class="btn btn-outline-info" onclick="showStatsModal()">
                    <i class="fas fa-chart-bar me-2"></i>统计信息
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 筛选和搜索区域 -->
<div class="card shadow-sm mb-4">
    <div class="card-body">
        <div class="row">
            <div class="col-md-3">
                <label for="search" class="form-label">搜索</label>
                <input type="text" class="form-control" id="search" placeholder="输入名称、代码或描述">
            </div>
            <div class="col-md-3">
                <label for="typeFilter" class="form-label">类型筛选</label>
                <select class="form-select" id="typeFilter">
                    <option value="">全部类型</option>
                    <option value="cash">现金</option>
                    <option value="points">积分</option>
                    <option value="voucher">券类</option>
                    <option value="coupon">优惠券</option>
                    <option value="material">实物</option>
                </select>
            </div>
            <div class="col-md-3">
                <label for="perPage" class="form-label">每页显示</label>
                <select class="form-select" id="perPage">
                    <option value="10">10条</option>
                    <option value="25">25条</option>
                    <option value="50">50条</option>
                    <option value="100">100条</option>
                </select>
            </div>
            <div class="col-md-3 d-flex align-items-end">
                <button type="button" class="btn btn-outline-primary me-2" onclick="applyFilters()">
                    <i class="fas fa-search me-2"></i>搜索
                </button>
                <button type="button" class="btn btn-outline-secondary" onclick="clearFilters()">
                    <i class="fas fa-times me-2"></i>清除
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 奖励内容列表 -->
<div class="card shadow-sm">
    <div class="card-header bg-white border-bottom">
        <h6 class="card-title mb-0">奖励内容列表</h6>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th style="cursor: pointer;" onclick="sort('id')">
                            ID <i class="fas fa-sort text-muted"></i>
                        </th>
                        <th style="cursor: pointer;" onclick="sort('partner_code')">
                            合作伙伴 <i class="fas fa-sort text-muted"></i>
                        </th>
                        <th style="cursor: pointer;" onclick="sort('name')">
                            名称 <i class="fas fa-sort text-muted"></i>
                        </th>
                        <th style="cursor: pointer;" onclick="sort('code')">
                            代码 <i class="fas fa-sort text-muted"></i>
                        </th>
                        <th style="cursor: pointer;" onclick="sort('type')">
                            类型 <i class="fas fa-sort text-muted"></i>
                        </th>
                        <th>价值</th>
                        <th>单位</th>
                        <th>显示金额</th>
                        <th>Logo</th>
                        <th>关联数据</th>
                        <th style="cursor: pointer;" onclick="sort('created_at')">
                            创建时间 <i class="fas fa-sort text-muted"></i>
                        </th>
                        <th style="width: 150px;">操作</th>
                    </tr>
                </thead>
                <tbody id="rewardContentTable">
                    <!-- 数据将通过JavaScript加载 -->
                    <tr>
                        <td colspan="11" class="text-center py-4">
                            <div class="spinner-border text-primary" role="status">
                                <span class="visually-hidden">加载中...</span>
                            </div>
                            <div class="mt-2 text-muted">正在加载数据...</div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="card-footer bg-white">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <span class="text-muted" id="pagination-info">显示第 0 到 0 项，共 0 项</span>
            </div>
            <nav aria-label="分页导航">
                <ul class="pagination mb-0" id="pagination">
                    <!-- 分页链接将通过JavaScript生成 -->
                </ul>
            </nav>
        </div>
    </div>
</div>

<!-- 创建/编辑模态框 -->
<div class="modal fade" id="createEditModal" tabindex="-1" aria-labelledby="createEditModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="createEditModalLabel">创建奖励内容</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="rewardContentForm">
                    <input type="hidden" id="rewardContentId" name="id">
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="name" class="form-label">名称 <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="name" name="name" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="display_prefix" class="form-label">显示前缀</label>
                                <input type="text" class="form-control" id="display_prefix" name="display_prefix" placeholder="用于前端显示的前缀">
                                <small class="form-text text-muted">将在名称前显示的前缀，如"热门"、"推荐"等</small>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="code" class="form-label">代码 <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="code" name="code" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="type" class="form-label">类型 <span class="text-danger">*</span></label>
                                <select class="form-select" id="type" name="type" required>
                                    <option value="">请选择类型</option>
                                    <option value="cash">现金</option>
                                    <option value="points">积分</option>
                                    <option value="voucher">券类</option>
                                    <option value="coupon">优惠券</option>
                                    <option value="material">实物</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="value" class="form-label">价值</label>
                                <input type="text" class="form-control" id="value" name="value">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="unit" class="form-label">单位</label>
                                <input type="text" class="form-control" id="unit" name="unit" placeholder="如：元、分、张等">
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="partner_code" class="form-label">合作伙伴</label>
                                <select class="form-select" id="partner_code" name="partner_code">
                                    <option value="">请选择合作伙伴</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="description" class="form-label">描述</label>
                        <textarea class="form-control" id="description" name="description" rows="3"></textarea>
                    </div>

                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="display_amount" name="display_amount">
                            <label class="form-check-label" for="display_amount">
                                显示金额
                                <small class="text-muted d-block">启用后将在前端显示奖励金额</small>
                            </label>
                        </div>
                    </div>
                    
                    <!-- Logo上传区域 -->
                    <div class="card">
                        <div class="card-header">
                            <h6 class="card-title mb-0">Logo图片</h6>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="logoFile" class="form-label">选择图片文件</label>
                                        <input type="file" class="form-control" id="logoFile" accept="image/*">
                                        <small class="form-text text-muted">支持 JPEG, PNG, JPG, GIF 格式，最大2MB</small>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="logoUrl" class="form-label">或输入图片URL</label>
                                        <div class="input-group">
                                            <input type="url" class="form-control" id="logoUrl" placeholder="https://example.com/logo.jpg">
                                            <button type="button" class="btn btn-outline-primary" id="uploadFromUrlBtn">
                                                <i class="fas fa-cloud-download-alt"></i> 从URL上传
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="mb-3">
                                        <button type="button" class="btn btn-primary" id="uploadLogoBtn" disabled>
                                            <i class="fas fa-upload"></i> 上传Logo
                                        </button>
                                        <button type="button" class="btn btn-outline-secondary" id="clearLogoBtn">
                                            <i class="fas fa-times"></i> 清除
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <!-- Logo预览区域 -->
                            <div id="logoPreview" class="text-center" style="display: none;">
                                <div class="mb-2">
                                    <strong>Logo预览</strong>
                                </div>
                                <img id="logoPreviewImg" src="" alt="Logo预览" class="img-thumbnail" style="max-width: 200px; max-height: 200px; object-fit: cover;">
                                <div class="mt-2">
                                    <small class="text-muted" id="logoPreviewUrl"></small>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="saveRewardContent()">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 详情模态框 -->
<div class="modal fade" id="detailModal" tabindex="-1" aria-labelledby="detailModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="detailModalLabel">奖励内容详情</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="detailModalBody">
                <!-- 详情内容将通过JavaScript加载 -->
            </div>
        </div>
    </div>
</div>

<!-- 统计信息模态框 -->
<div class="modal fade" id="statsModal" tabindex="-1" aria-labelledby="statsModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="statsModalLabel">统计信息</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="statsModalBody">
                <!-- 统计信息将通过JavaScript加载 -->
            </div>
        </div>
    </div>
</div>

<!-- 图片上传模态框 -->
<div class="modal fade" id="imageUploadModal" tabindex="-1" aria-labelledby="imageUploadModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="imageUploadModalLabel">上传图片</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="imageUploadForm" enctype="multipart/form-data">
                    <input type="hidden" id="uploadRewardContentId">
                    <input type="hidden" id="uploadType"> <!-- logo 或 image -->
                    
                    <div class="mb-3">
                        <label for="imageFile" class="form-label">选择图片文件</label>
                        <input type="file" class="form-control" id="imageFile" name="file" accept="image/*" required>
                        <div class="form-text">支持 JPEG, PNG, JPG, GIF 格式，最大文件大小 2MB</div>
                    </div>
                    
                    <div id="imagePreview" class="mb-3" style="display: none;">
                        <img id="previewImg" src="" alt="预览" class="img-thumbnail" style="max-width: 200px;">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="uploadImage()">上传</button>
            </div>
        </div>
    </div>
</div>

<!-- 库存管理模态框 -->
<div class="modal fade" id="inventoryModal" tabindex="-1" aria-labelledby="inventoryModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="inventoryModalLabel">库存管理</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="currentRewardContentId">
                
                <!-- 奖励内容信息 -->
                <div class="card mb-3">
                    <div class="card-header bg-primary text-white">
                        <h6 class="mb-0" id="rewardContentInfo">奖励内容信息</h6>
                    </div>
                    <div class="card-body" id="rewardContentDetails">
                        <!-- 奖励内容详情将通过JavaScript加载 -->
                    </div>
                </div>
                
                <!-- 操作按钮 -->
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h6 class="mb-0">库存配置</h6>
                    <button type="button" class="btn btn-primary btn-sm" onclick="showCreateInventoryModal()">
                        <i class="fas fa-plus me-1"></i>添加库存配置
                    </button>
                </div>
                
                <!-- 库存列表 -->
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead class="table-light">
                            <tr>
                                <th>活动</th>
                                <th>总库存</th>
                                <th>可用库存</th>
                                <th>已使用</th>
                                <th>状态</th>
                                <th>创建时间</th>
                                <th style="width: 120px;">操作</th>
                            </tr>
                        </thead>
                        <tbody id="inventoryTable">
                            <!-- 库存数据将通过JavaScript加载 -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 创建/编辑库存模态框 -->
<div class="modal fade" id="createInventoryModal" tabindex="-1" aria-labelledby="createInventoryModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="createInventoryModalLabel">添加库存配置</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="inventoryForm">
                    <input type="hidden" id="inventoryId">
                    
                    <div class="mb-3">
                        <label for="campaignSelect" class="form-label">选择活动 <span class="text-danger">*</span></label>
                        <select class="form-select" id="campaignSelect" name="acampaign_id" required>
                            <option value="">请选择活动</option>
                            <!-- 活动选项将通过JavaScript加载 -->
                        </select>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="totalQuantity" class="form-label">总库存 <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="totalQuantity" name="total_quantity" min="0" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="availableQuantity" class="form-label">可用库存 <span class="text-danger">*</span></label>
                                <input type="number" class="form-control" id="availableQuantity" name="available_quantity" min="0" required>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="isActive" name="is_active" checked>
                            <label class="form-check-label" for="isActive">启用状态</label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="saveInventory()">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 奖励明细模态框 -->
<div class="modal fade" id="rewardDetailsModal" tabindex="-1" aria-labelledby="rewardDetailsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="rewardDetailsModalLabel">奖励明细</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="rewardDetailsRewardContentId">
                
                <!-- 筛选区域 -->
                <div class="card mb-3">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-3">
                                <label for="rewardCampaignFilter" class="form-label">活动筛选</label>
                                <select class="form-select" id="rewardCampaignFilter">
                                    <option value="">全部活动</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="rewardStatusFilter" class="form-label">状态筛选</label>
                                <select class="form-select" id="rewardStatusFilter">
                                    <option value="">全部状态</option>
                                    <option value="pending">待处理</option>
                                    <option value="completed">已完成</option>
                                    <option value="failed">失败</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="dateFrom" class="form-label">开始日期</label>
                                <input type="date" class="form-control" id="dateFrom">
                            </div>
                            <div class="col-md-3">
                                <label for="dateTo" class="form-label">结束日期</label>
                                <input type="date" class="form-control" id="dateTo">
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                <button type="button" class="btn btn-primary" onclick="filterRewardDetails()">
                                    <i class="fas fa-search me-1"></i>筛选
                                </button>
                                <button type="button" class="btn btn-outline-secondary ms-2" onclick="clearRewardFilters()">
                                    <i class="fas fa-times me-1"></i>清除
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 奖励列表 -->
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead class="table-light">
                            <tr>
                                <th>奖励ID</th>
                                <th>用户</th>
                                <th>活动</th>
                                <th>奖励金额</th>
                                <th>状态</th>
                                <th>创建时间</th>
                                <th>计算时间</th>
                                <th>领取时间</th>
                            </tr>
                        </thead>
                        <tbody id="rewardDetailsTable">
                            <!-- 奖励明细将通过JavaScript加载 -->
                        </tbody>
                    </table>
                </div>
                
                <!-- 分页 -->
                <div class="d-flex justify-content-between align-items-center mt-3">
                    <div>
                        <span class="text-muted" id="rewardPaginationInfo">显示第 0 到 0 项，共 0 项</span>
                    </div>
                    <nav aria-label="奖励明细分页导航">
                        <ul class="pagination mb-0" id="rewardPagination">
                            <!-- 分页链接将通过JavaScript生成 -->
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/i18n/zh-CN.js"></script>
<script>
    let currentPage = 1;
    let currentSort = { field: 'id', order: 'desc' };
    let currentFilters = { search: '', type: '', perPage: 10 };

    $(document).ready(function() {
        // 设置CSRF token
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        
        loadRewardContents();
        loadPartners();
        
        // 搜索输入框回车事件
        $('#search').on('keypress', function(e) {
            if (e.which === 13) {
                applyFilters();
            }
        });
        
        // 图片文件选择预览
        $('#imageFile').on('change', function() {
            const file = this.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    $('#previewImg').attr('src', e.target.result);
                    $('#imagePreview').show();
                };
                reader.readAsDataURL(file);
            } else {
                $('#imagePreview').hide();
            }
        });

        // Logo文件选择预览
        $('#logoFile').on('change', function() {
            const file = this.files[0];
            if (file) {
                $('#uploadLogoBtn').prop('disabled', false);
                const reader = new FileReader();
                reader.onload = function(e) {
                    showLogoPreview(e.target.result, 'local-file');
                };
                reader.readAsDataURL(file);
            } else {
                $('#uploadLogoBtn').prop('disabled', true);
                hideLogoPreview();
            }
        });

        // 从URL上传按钮
        $('#uploadFromUrlBtn').on('click', function() {
            const url = $('#logoUrl').val().trim();
            if (!url) {
                showAlert('warning', '请输入有效的图片URL');
                return;
            }
            uploadLogoFromUrl(url);
        });

        // 上传Logo按钮
        $('#uploadLogoBtn').on('click', function() {
            const file = $('#logoFile')[0].files[0];
            if (!file) {
                showAlert('warning', '请选择要上传的文件');
                return;
            }
            const rewardContentId = $('#rewardContentId').val();
            if (!rewardContentId) {
                showAlert('warning', '请先保存奖励内容后再上传Logo');
                return;
            }
            uploadLogoFile(rewardContentId, file);
        });

        // 清除Logo按钮
        $('#clearLogoBtn').on('click', function() {
            clearLogoForm();
        });

        // 当类型改变时，如果选择现金，自动勾选显示金额
        $('#type').on('change', function() {
            const selectedType = $(this).val();
            if (selectedType === 'cash') {
                $('#display_amount').prop('checked', true);
            }
        });
    });

    // 加载奖励内容列表
    function loadRewardContents(page = 1) {
        const params = {
            page: page,
            search: currentFilters.search,
            type: currentFilters.type,
            perPage: currentFilters.perPage,
            sortField: currentSort.field,
            sortOrder: currentSort.order
        };

        $.get('/api/admin/reward-contents/api', params)
            .done(function(response) {
                if (response.retCode === 0) {
                    renderRewardContents(response.data);
                } else {
                    showAlert('error', '加载失败：' + response.message);
                }
            })
            .fail(function(xhr, status, error) {
                console.error('API Error:', xhr, status, error);
                showAlert('error', '网络错误，请重试。错误码：' + xhr.status + ' - ' + error);
            });
    }

    // 合作伙伴数据缓存
    let partnersData = [];

    // 加载合作伙伴列表
    function loadPartners() {
        $.get('/api/admin/reward-contents/partners')
            .done(function(response) {
                if (response.retCode === 0) {
                    partnersData = response.data;
                    initPartnerSelect2();
                } else {
                    console.error('加载合作伙伴失败：' + response.message);
                }
            })
            .fail(function(xhr, status, error) {
                console.error('加载合作伙伴网络错误：', xhr, status, error);
            });
    }

    // 初始化合作伙伴 Select2
    function initPartnerSelect2() {
        // 清空并添加选项
        const select = $('#partner_code');
        select.empty();
        select.append('<option value="">请选择合作伙伴</option>');

        partnersData.forEach(function(partner) {
            select.append(`<option value="${partner.code}" data-name="${partner.name}">${partner.name} (${partner.code})</option>`);
        });

        // 在模态框显示时初始化 Select2
        $('#createEditModal').off('shown.bs.modal.select2').on('shown.bs.modal.select2', function() {
            // 销毁已存在的 Select2 实例
            if ($('#partner_code').hasClass('select2-hidden-accessible')) {
                $('#partner_code').select2('destroy');
            }

            // 初始化 Select2
            $('#partner_code').select2({
                theme: 'bootstrap-5',
                language: 'zh-CN',
                placeholder: '搜索合作伙伴名称或代码...',
                allowClear: true,
                dropdownParent: $('#createEditModal .modal-body'),
                width: '100%',
                matcher: function(params, data) {
                    // 如果没有搜索词，返回所有选项
                    if ($.trim(params.term) === '') {
                        return data;
                    }

                    // 如果没有文本，跳过
                    if (typeof data.text === 'undefined') {
                        return null;
                    }

                    const searchTerm = params.term.toLowerCase();
                    const optionText = data.text.toLowerCase();
                    const partnerCode = (data.id || '').toLowerCase();
                    const partnerName = ($(data.element).data('name') || '').toLowerCase();

                    // 匹配名称或代码
                    if (optionText.indexOf(searchTerm) > -1 ||
                        partnerCode.indexOf(searchTerm) > -1 ||
                        partnerName.indexOf(searchTerm) > -1) {
                        return data;
                    }

                    return null;
                }
            });
        });
    }

    // 渲染奖励内容列表
    function renderRewardContents(data) {
        const tbody = $('#rewardContentTable');
        tbody.empty();

        if (data.data && data.data.length > 0) {
            data.data.forEach(function(item) {
                const row = `
                    <tr>
                        <td>${item.id}</td>
                        <td>
                            ${item.partner ? 
                                `<div>
                                    <strong>${item.partner.name}</strong>
                                    <br><small class="text-muted">${item.partner.code}</small>
                                 </div>` : 
                                '<span class="text-muted">无</span>'
                            }
                        </td>
                        <td>
                            <strong>${item.display_prefix ? `${item.display_prefix} ` : ''}${item.name}</strong>
                            ${item.display_prefix ? `<br><small class="text-primary">前缀: ${item.display_prefix}</small>` : ''}
                            ${item.description ? `<br><small class="text-muted">${item.description}</small>` : ''}
                        </td>
                        <td><code>${item.code}</code></td>
                        <td>
                            <span class="badge bg-${getTypeBadgeColor(item.type)}">
                                ${getTypeDisplayName(item.type)}
                            </span>
                        </td>
                        <td>${item.value || '-'}</td>
                        <td>${item.unit || '-'}</td>
                        <td>
                            <span class="badge ${item.display_amount ? 'bg-success' : 'bg-secondary'}">
                                ${item.display_amount ? '是' : '否'}
                            </span>
                        </td>
                        <td>
                            ${item.logo_url ?
                                `<img src="${item.logo_url}" alt="Logo" class="img-thumbnail" style="width: 40px; height: 40px; object-fit: cover;">` :
                                '<span class="text-muted">无</span>'
                            }
                        </td>
                        <td>
                            <small>
                                库存: ${item.inventories_count || 0}<br>
                                奖励: ${item.rewards_count || 0}<br>
                                奖励项: ${item.reward_items_count || 0}
                            </small>
                        </td>
                        <td>${formatDateTime(item.created_at)}</td>
                        <td>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-sm btn-outline-info" onclick="viewDetail(${item.id})" title="查看详情">
                                    <i class="fas fa-eye"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-primary" onclick="editRewardContent(${item.id})" title="编辑">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" title="更多操作">
                                    <i class="fas fa-ellipsis-h"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li><a class="dropdown-item" href="#" onclick="uploadLogo(${item.id})">
                                        <i class="fas fa-image me-2"></i>上传Logo
                                    </a></li>
                                    <li><a class="dropdown-item" href="#" onclick="uploadImageAction(${item.id})">
                                        <i class="fas fa-picture-o me-2"></i>上传图片
                                    </a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="#" onclick="manageInventory(${item.id})">
                                        <i class="fas fa-warehouse me-2"></i>库存管理
                                    </a></li>
                                    <li><a class="dropdown-item" href="#" onclick="viewRewardDetails(${item.id})">
                                        <i class="fas fa-list me-2"></i>奖励明细
                                    </a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item text-danger" href="#" onclick="deleteRewardContent(${item.id})">
                                        <i class="fas fa-trash me-2"></i>删除
                                    </a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                `;
                tbody.append(row);
            });
        } else {
            tbody.append('<tr><td colspan="11" class="text-center text-muted py-4">暂无数据</td></tr>');
        }

        // 渲染分页
        renderPagination(data);
    }

    // 渲染分页
    function renderPagination(data) {
        const pagination = $('#pagination');
        const info = $('#pagination-info');
        
        pagination.empty();
        
        if (data.last_page > 1) {
            // 上一页
            if (data.current_page > 1) {
                pagination.append(`<li class="page-item"><a class="page-link" href="#" onclick="loadRewardContents(${data.current_page - 1})">上一页</a></li>`);
            }
            
            // 页码
            for (let i = Math.max(1, data.current_page - 2); i <= Math.min(data.last_page, data.current_page + 2); i++) {
                const activeClass = i === data.current_page ? 'active' : '';
                pagination.append(`<li class="page-item ${activeClass}"><a class="page-link" href="#" onclick="loadRewardContents(${i})">${i}</a></li>`);
            }
            
            // 下一页
            if (data.current_page < data.last_page) {
                pagination.append(`<li class="page-item"><a class="page-link" href="#" onclick="loadRewardContents(${data.current_page + 1})">下一页</a></li>`);
            }
        }
        
        // 更新信息
        const from = (data.current_page - 1) * data.per_page + 1;
        const to = Math.min(data.current_page * data.per_page, data.total);
        info.text(`显示第 ${from} 到 ${to} 项，共 ${data.total} 项`);
        
        currentPage = data.current_page;
    }

    // 获取类型显示名称
    function getTypeDisplayName(type) {
        const types = {
            'cash': '现金',
            'points': '积分',
            'voucher': '券类',
            'coupon': '优惠券',
            'material': '实物'
        };
        return types[type] || type;
    }

    // 获取类型徽章颜色
    function getTypeBadgeColor(type) {
        const colors = {
            'cash': 'success',
            'points': 'warning',
            'voucher': 'info',
            'coupon': 'primary',
            'material': 'secondary'
        };
        return colors[type] || 'light';
    }

    // 格式化日期时间
    function formatDateTime(dateStr) {
        if (!dateStr) return '-';
        const date = new Date(dateStr);
        return date.toLocaleString('zh-CN');
    }

    // 显示创建模态框
    function showCreateModal() {
        $('#createEditModalLabel').text('创建奖励内容');
        $('#rewardContentForm')[0].reset();
        $('#rewardContentId').val('');
        $('#rewardContentForm').removeData('clearLogo');
        clearLogoForm();
        hideLogoPreview();
        // 重置 Select2
        if ($('#partner_code').hasClass('select2-hidden-accessible')) {
            $('#partner_code').val('').trigger('change');
        }
        $('#createEditModal').modal('show');
    }

    // 编辑奖励内容
    function editRewardContent(id) {
        $.get(`/api/admin/reward-contents/${id}`)
            .done(function(response) {
                if (response.retCode === 0) {
                    const data = response.data;
                    $('#createEditModalLabel').text('编辑奖励内容');
                    $('#rewardContentId').val(data.id);
                    $('#name').val(data.name);
                    $('#display_prefix').val(data.display_prefix);
                    $('#code').val(data.code);
                    $('#type').val(data.type);
                    $('#value').val(data.value);
                    $('#unit').val(data.unit);
                    // 设置 Select2 的值
                    $('#partner_code').val(data.partner_code).trigger('change');
                    $('#description').val(data.description);
                    $('#display_amount').prop('checked', data.display_amount);
                    
                    // 清除之前的clearLogo标记
                    $('#rewardContentForm').removeData('clearLogo');
                    
                    // 显示现有的Logo
                    if (data.logo_url) {
                        showLogoPreview(data.logo_url, 'url');
                    } else {
                        hideLogoPreview();
                    }
                    
                    $('#createEditModal').modal('show');
                } else {
                    showAlert('error', '获取奖励内容详情失败：' + response.message);
                }
            })
            .fail(function() {
                showAlert('error', '网络错误，请重试');
            });
    }

    // 保存奖励内容
    function saveRewardContent() {
        const form = $('#rewardContentForm');
        const id = $('#rewardContentId').val();
        const data = {
            name: $('#name').val(),
            display_prefix: $('#display_prefix').val(),
            code: $('#code').val(),
            type: $('#type').val(),
            value: $('#value').val(),
            unit: $('#unit').val(),
            partner_code: $('#partner_code').val(),
            description: $('#description').val(),
            display_amount: $('#display_amount').is(':checked')
        };

        // 检查是否需要清除logo
        if (form.data('clearLogo')) {
            data.logo_url = null;
        } else if (id) {
            // 如果是编辑模式且有现有的logo，保留它
            const currentLogoUrl = $('#logoPreviewImg').attr('src');
            if (currentLogoUrl && currentLogoUrl !== '') {
                data.logo_url = currentLogoUrl;
            }
        }

        const url = id ? `/api/admin/reward-contents/${id}` : '/api/admin/reward-contents';
        const method = id ? 'PUT' : 'POST';

        $.ajax({
            url: url,
            method: method,
            data: data,
            success: function(response) {
                if (response.retCode === 0) {
                    $('#createEditModal').modal('hide');
                    showAlert('success', response.message);
                    // 清除标记
                    $('#rewardContentForm').removeData('clearLogo');
                    loadRewardContents(currentPage);
                } else {
                    showAlert('error', response.message);
                }
            },
            error: function() {
                showAlert('error', '网络错误，请重试');
            }
        });
    }

    // 删除奖励内容
    function deleteRewardContent(id) {
        if (!confirm('确定要删除这个奖励内容吗？此操作不可恢复。')) {
            return;
        }

        $.ajax({
            url: `/api/admin/reward-contents/${id}`,
            method: 'DELETE',
            success: function(response) {
                if (response.retCode === 0) {
                    showAlert('success', response.message);
                    loadRewardContents(currentPage);
                } else {
                    showAlert('error', response.message);
                }
            },
            error: function() {
                showAlert('error', '网络错误，请重试');
            }
        });
    }

    // 查看详情
    function viewDetail(id) {
        $.get(`/api/admin/reward-contents/${id}`)
            .done(function(response) {
                if (response.retCode === 0) {
                    const data = response.data;
                    const html = `
                        <div class="row">
                            <div class="col-md-6">
                                <h6>基本信息</h6>
                                <table class="table table-sm">
                                    <tr><td>ID:</td><td>${data.id}</td></tr>
                                    <tr><td>名称:</td><td>${data.name}</td></tr>
                                    <tr><td>显示前缀:</td><td>${data.display_prefix || '-'}</td></tr>
                                    <tr><td>代码:</td><td><code>${data.code}</code></td></tr>
                                    <tr><td>类型:</td><td><span class="badge bg-${getTypeBadgeColor(data.type)}">${getTypeDisplayName(data.type)}</span></td></tr>
                                    <tr><td>价值:</td><td>${data.value || '-'}</td></tr>
                                    <tr><td>单位:</td><td>${data.unit || '-'}</td></tr>
                                    <tr><td>显示金额:</td><td><span class="badge ${data.display_amount ? 'bg-success' : 'bg-secondary'}">${data.display_amount ? '是' : '否'}</span></td></tr>
                                    <tr><td>合作伙伴:</td><td>${data.partner ? `${data.partner.name} (${data.partner.code})` : (data.partner_code || '-')}</td></tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <h6>图片信息</h6>
                                <div class="mb-3">
                                    <strong>Logo:</strong><br>
                                    ${data.logo_url ? 
                                        `<img src="${data.logo_url}" alt="Logo" class="img-thumbnail mt-2" style="max-width: 150px;">` : 
                                        '<span class="text-muted">未上传</span>'
                                    }
                                </div>
                                <div class="mb-3">
                                    <strong>图片:</strong><br>
                                    ${data.image_url ? 
                                        `<img src="${data.image_url}" alt="图片" class="img-thumbnail mt-2" style="max-width: 150px;">` : 
                                        '<span class="text-muted">未上传</span>'
                                    }
                                </div>
                            </div>
                        </div>
                        ${data.description ? `
                        <div class="row mt-3">
                            <div class="col-12">
                                <h6>描述</h6>
                                <p>${data.description}</p>
                            </div>
                        </div>
                        ` : ''}
                        <div class="row mt-3">
                            <div class="col-12">
                                <h6>关联数据统计</h6>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="text-center p-2 border rounded">
                                            <h5 class="mb-1">${data.inventories ? data.inventories.length : 0}</h5>
                                            <small class="text-muted">库存记录</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="text-center p-2 border rounded">
                                            <h5 class="mb-1">${data.rewards ? data.rewards.length : 0}</h5>
                                            <small class="text-muted">奖励记录</small>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="text-center p-2 border rounded">
                                            <h5 class="mb-1">${data.reward_items ? data.reward_items.length : 0}</h5>
                                            <small class="text-muted">奖励项目</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-12">
                                <h6>时间信息</h6>
                                <table class="table table-sm">
                                    <tr><td>创建时间:</td><td>${formatDateTime(data.created_at)}</td></tr>
                                    <tr><td>更新时间:</td><td>${formatDateTime(data.updated_at)}</td></tr>
                                </table>
                            </div>
                        </div>
                    `;
                    $('#detailModalBody').html(html);
                    $('#detailModal').modal('show');
                } else {
                    showAlert('error', '获取详情失败：' + response.message);
                }
            })
            .fail(function() {
                showAlert('error', '网络错误，请重试');
            });
    }

    // 显示统计信息
    function showStatsModal() {
        $.get('/api/admin/reward-contents/counts')
            .done(function(response) {
                if (response.retCode === 0) {
                    const data = response.data;
                    let html = `
                        <div class="row">
                            <div class="col-12 text-center mb-3">
                                <h3>${data.total}</h3>
                                <p class="text-muted">总奖励内容数</p>
                            </div>
                        </div>
                        <div class="row">
                    `;
                    
                    if (Object.keys(data.byType).length > 0) {
                        html += '<div class="col-12"><h6>按类型分布</h6>';
                        Object.entries(data.byType).forEach(([type, count]) => {
                            html += `
                                <div class="d-flex justify-content-between align-items-center mb-2">
                                    <span><span class="badge bg-${getTypeBadgeColor(type)}">${getTypeDisplayName(type)}</span></span>
                                    <strong>${count}</strong>
                                </div>
                            `;
                        });
                        html += '</div>';
                    }
                    
                    html += '</div>';
                    $('#statsModalBody').html(html);
                    $('#statsModal').modal('show');
                } else {
                    showAlert('error', '获取统计信息失败：' + response.message);
                }
            })
            .fail(function() {
                showAlert('error', '网络错误，请重试');
            });
    }

    // 上传Logo
    function uploadLogo(id) {
        $('#uploadRewardContentId').val(id);
        $('#uploadType').val('logo');
        $('#imageUploadModalLabel').text('上传Logo');
        $('#imageFile').val('');
        $('#imagePreview').hide();
        $('#imageUploadModal').modal('show');
    }

    // 上传图片
    function uploadImageAction(id) {
        $('#uploadRewardContentId').val(id);
        $('#uploadType').val('image');
        $('#imageUploadModalLabel').text('上传图片');
        $('#imageFile').val('');
        $('#imagePreview').hide();
        $('#imageUploadModal').modal('show');
    }

    // 执行图片上传
    function uploadImage() {
        const id = $('#uploadRewardContentId').val();
        const type = $('#uploadType').val();
        const file = $('#imageFile')[0].files[0];
        
        if (!file) {
            showAlert('error', '请选择要上传的文件');
            return;
        }
        
        const formData = new FormData();
        formData.append(type, file);
        
        const url = type === 'logo' ? 
            `/api/admin/reward-contents/${id}/upload-logo` : 
            `/api/admin/reward-contents/${id}/upload-image`;
        
        $.ajax({
            url: url,
            method: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                if (response.retCode === 0) {
                    $('#imageUploadModal').modal('hide');
                    showAlert('success', response.message);
                    loadRewardContents(currentPage);
                } else {
                    showAlert('error', response.message);
                }
            },
            error: function() {
                showAlert('error', '网络错误，请重试');
            }
        });
    }

    // 应用筛选
    function applyFilters() {
        currentFilters.search = $('#search').val();
        currentFilters.type = $('#typeFilter').val();
        currentFilters.perPage = $('#perPage').val();
        currentPage = 1;
        loadRewardContents(currentPage);
    }

    // 清除筛选
    function clearFilters() {
        $('#search').val('');
        $('#typeFilter').val('');
        $('#perPage').val('10');
        currentFilters = { search: '', type: '', perPage: 10 };
        currentPage = 1;
        loadRewardContents(currentPage);
    }

    // 刷新数据
    function refreshData() {
        loadRewardContents(currentPage);
    }

    // 排序
    function sort(field) {
        if (currentSort.field === field) {
            currentSort.order = currentSort.order === 'asc' ? 'desc' : 'asc';
        } else {
            currentSort.field = field;
            currentSort.order = 'desc';
        }
        currentPage = 1;
        loadRewardContents(currentPage);
    }

    // 显示提示信息
    function showAlert(type, message) {
        const alertClass = type === 'success' ? 'alert-success' : 'alert-danger';
        const alertHtml = `
            <div class="alert ${alertClass} alert-dismissible fade show" role="alert">
                ${message}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        `;
        $('.container-fluid').prepend(alertHtml);
        
        // 3秒后自动消失
        setTimeout(function() {
            $('.alert').alert('close');
        }, 3000);
    }

    // ==================== Logo上传功能 ====================
    
    // 显示Logo预览
    function showLogoPreview(imageSrc, type) {
        $('#logoPreviewImg').attr('src', imageSrc);
        if (type === 'url') {
            $('#logoPreviewUrl').text(imageSrc);
        } else {
            $('#logoPreviewUrl').text('本地文件预览');
        }
        $('#logoPreview').show();
    }

    // 隐藏Logo预览
    function hideLogoPreview() {
        $('#logoPreview').hide();
        $('#logoPreviewImg').attr('src', '');
        $('#logoPreviewUrl').text('');
    }

    // 清除Logo表单
    function clearLogoForm() {
        $('#logoFile').val('');
        $('#logoUrl').val('');
        $('#uploadLogoBtn').prop('disabled', true);
        hideLogoPreview();
        
        // 如果正在编辑现有内容，标记需要清除logo_url
        const rewardContentId = $('#rewardContentId').val();
        if (rewardContentId) {
            // 设置一个标记，表示用户想要清除logo
            $('#rewardContentForm').data('clearLogo', true);
        }
    }

    // 从URL上传Logo (使用与partner系统一致的方式)
    function uploadLogoFromUrl(url) {
        $('#uploadFromUrlBtn').prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> 上传中...');

        fetch('/api/admin/reward-contents/upload-logo-from-url', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            body: JSON.stringify({ url: url })
        })
        .then(response => response.json())
        .then(data => {
            if (data.retCode === 0) {
                showAlert('success', data.message);
                showLogoPreview(data.data.url, 'url');
                // 清除URL输入框
                $('#logoUrl').val('');

                // 如果正在编辑现有内容，立即更新
                const rewardContentId = $('#rewardContentId').val();
                if (rewardContentId) {
                    updateRewardContentLogo(rewardContentId, data.data.url);
                }
            } else {
                showAlert('error', data.message);
            }
        })
        .catch(error => {
            console.error('Error uploading logo from URL:', error);
            showAlert('error', '图片上传失败');
        })
        .finally(() => {
            $('#uploadFromUrlBtn').prop('disabled', false).html('<i class="fas fa-cloud-download-alt"></i> 从URL上传');
        });
    }

    // 上传Logo文件 (使用与partner系统一致的方式)
    function uploadLogoFile(rewardContentId, file) {
        const formData = new FormData();
        formData.append('logo', file);
        
        $('#uploadLogoBtn').prop('disabled', true).html('<i class="fas fa-spinner fa-spin"></i> 上传中...');

        fetch(`/api/admin/reward-contents/${rewardContentId}/upload-logo`, {
            method: 'POST',
            body: formData,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        })
        .then(response => response.json())
        .then(data => {
            if (data.retCode === 0) {
                showAlert('success', data.message);
                showLogoPreview(data.data.logo_url, 'url');
                // 清除文件选择器但保留预览
                $('#logoFile').val('');
                $('#uploadLogoBtn').prop('disabled', true);
                // 重新加载数据以显示更新的logo
                loadRewardContents(currentPage);
            } else {
                showAlert('error', data.message);
            }
        })
        .catch(error => {
            console.error('Error uploading logo file:', error);
            showAlert('error', '图片上传失败');
        })
        .finally(() => {
            $('#uploadLogoBtn').prop('disabled', false).html('<i class="fas fa-upload"></i> 上传Logo');
        });
    }

    // 更新奖励内容Logo
    function updateRewardContentLogo(rewardContentId, logoUrl) {
        fetch(`/api/admin/reward-contents/${rewardContentId}`, {
            method: 'PUT',
            headers: {
                'Content-Type': 'application/json',
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            body: JSON.stringify({ logo_url: logoUrl })
        })
        .then(response => response.json())
        .then(data => {
            if (data.retCode === 0) {
                // Logo更新成功，重新加载列表
                loadRewardContents(currentPage);
            }
        })
        .catch(error => {
            console.error('Error updating logo URL:', error);
        });
    }

    // ==================== 库存管理功能 ====================
    
    // 管理库存
    function manageInventory(rewardContentId) {
        $('#currentRewardContentId').val(rewardContentId);
        loadInventories(rewardContentId);
        $('#inventoryModal').modal('show');
    }

    // 加载库存数据
    function loadInventories(rewardContentId) {
        $.get(`/api/admin/reward-contents/${rewardContentId}/inventories`)
            .done(function(response) {
                if (response.retCode === 0) {
                    const data = response.data;
                    
                    // 显示奖励内容信息
                    $('#rewardContentInfo').text(`${data.reward_content.name} (${data.reward_content.code})`);
                    $('#rewardContentDetails').html(`
                        <div class="row">
                            <div class="col-md-3"><strong>类型:</strong> <span class="badge bg-${getTypeBadgeColor(data.reward_content.type)}">${getTypeDisplayName(data.reward_content.type)}</span></div>
                            <div class="col-md-3"><strong>价值:</strong> ${data.reward_content.value || '-'}</div>
                            <div class="col-md-3"><strong>单位:</strong> ${data.reward_content.unit || '-'}</div>
                            <div class="col-md-3"><strong>合作伙伴:</strong> ${data.reward_content.partner ? `${data.reward_content.partner.name} (${data.reward_content.partner.code})` : (data.reward_content.partner_code || '-')}</div>
                        </div>
                    `);
                    
                    // 渲染库存列表
                    renderInventories(data.inventories);
                } else {
                    showAlert('error', '加载库存数据失败：' + response.message);
                }
            })
            .fail(function() {
                showAlert('error', '网络错误，请重试');
            });
    }

    // 渲染库存列表
    function renderInventories(inventories) {
        const tbody = $('#inventoryTable');
        tbody.empty();

        if (inventories && inventories.length > 0) {
            inventories.forEach(function(item) {
                const usedQuantity = item.total_quantity - item.available_quantity;
                const statusBadge = item.is_active ? 
                    '<span class="badge bg-success">启用</span>' : 
                    '<span class="badge bg-secondary">禁用</span>';

                const row = `
                    <tr>
                        <td>
                            <strong>${item.campaign ? item.campaign.name : 'Unknown Activity'}</strong><br>
                            <small class="text-muted">${item.campaign ? item.campaign.acampaign_id : ''}</small>
                        </td>
                        <td><strong>${item.total_quantity}</strong></td>
                        <td><strong class="text-success">${item.available_quantity}</strong></td>
                        <td><strong class="text-warning">${usedQuantity}</strong></td>
                        <td>${statusBadge}</td>
                        <td>${formatDateTime(item.created_at)}</td>
                        <td>
                            <div class="btn-group btn-group-sm" role="group">
                                <button type="button" class="btn btn-outline-primary" onclick="editInventory(${item.id})" title="编辑">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button type="button" class="btn btn-outline-danger" onclick="deleteInventory(${item.id})" title="删除">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </td>
                    </tr>
                `;
                tbody.append(row);
            });
        } else {
            tbody.append('<tr><td colspan="7" class="text-center text-muted py-4">暂无库存配置</td></tr>');
        }
    }

    // 显示创建库存模态框
    function showCreateInventoryModal() {
        $('#createInventoryModalLabel').text('添加库存配置');
        $('#inventoryForm')[0].reset();
        $('#inventoryId').val('');
        $('#isActive').prop('checked', true);
        
        // 加载活动列表
        loadCampaigns();
        $('#createInventoryModal').modal('show');
    }

    // 加载Campaign列表
    function loadCampaigns() {
        $.get('/api/admin/reward-contents/campaigns')
            .done(function(response) {
                if (response.retCode === 0) {
                    const select = $('#campaignSelect');
                    select.find('option:not(:first)').remove();
                    
                    response.data.forEach(function(campaign) {
                        select.append(`<option value="${campaign.acampaign_id}">${campaign.name} (${campaign.acampaign_id})</option>`);
                    });
                } else {
                    showAlert('error', '加载活动列表失败：' + response.message);
                }
            })
            .fail(function() {
                showAlert('error', '加载活动列表失败');
            });
    }

    // 编辑库存
    function editInventory(inventoryId) {
        const rewardContentId = $('#currentRewardContentId').val();
        
        $.get(`/api/admin/reward-contents/${rewardContentId}/inventories`)
            .done(function(response) {
                if (response.retCode === 0) {
                    const inventory = response.data.inventories.find(item => item.id === inventoryId);
                    if (inventory) {
                        $('#createInventoryModalLabel').text('编辑库存配置');
                        $('#inventoryId').val(inventory.id);
                        $('#totalQuantity').val(inventory.total_quantity);
                        $('#availableQuantity').val(inventory.available_quantity);
                        $('#isActive').prop('checked', inventory.is_active);
                        
                        // 加载活动列表并选中当前Campaign
                        loadCampaigns();
                        setTimeout(() => {
                            $('#campaignSelect').val(inventory.acampaign_id);
                        }, 500);
                        
                        $('#createInventoryModal').modal('show');
                    }
                }
            });
    }

    // 保存库存配置
    function saveInventory() {
        const rewardContentId = $('#currentRewardContentId').val();
        const inventoryId = $('#inventoryId').val();
        
        const data = {
            acampaign_id: $('#campaignSelect').val(),
            total_quantity: parseInt($('#totalQuantity').val()),
            available_quantity: parseInt($('#availableQuantity').val()),
            is_active: $('#isActive').is(':checked') ? 1 : 0
        };

        const url = inventoryId ? 
            `/api/admin/reward-contents/${rewardContentId}/inventories/${inventoryId}` : 
            `/api/admin/reward-contents/${rewardContentId}/inventories`;
        const method = inventoryId ? 'PUT' : 'POST';

        $.ajax({
            url: url,
            method: method,
            data: data,
            success: function(response) {
                if (response.retCode === 0) {
                    $('#createInventoryModal').modal('hide');
                    showAlert('success', response.message);
                    loadInventories(rewardContentId);
                } else {
                    showAlert('error', response.message);
                }
            },
            error: function() {
                showAlert('error', '网络错误，请重试');
            }
        });
    }

    // 删除库存配置
    function deleteInventory(inventoryId) {
        if (!confirm('确定要删除这个库存配置吗？')) {
            return;
        }

        const rewardContentId = $('#currentRewardContentId').val();

        $.ajax({
            url: `/api/admin/reward-contents/${rewardContentId}/inventories/${inventoryId}`,
            method: 'DELETE',
            success: function(response) {
                if (response.retCode === 0) {
                    showAlert('success', response.message);
                    loadInventories(rewardContentId);
                } else {
                    showAlert('error', response.message);
                }
            },
            error: function() {
                showAlert('error', '网络错误，请重试');
            }
        });
    }

    // ==================== 奖励明细功能 ====================

    let rewardCurrentPage = 1;
    let rewardCurrentFilters = { acampaign_id: '', status: '', date_from: '', date_to: '', perPage: 20 };

    // 查看奖励明细
    function viewRewardDetails(rewardContentId) {
        $('#rewardDetailsRewardContentId').val(rewardContentId);
        
                                // 加载活动选项
        loadRewardCampaigns();
        
        // 加载奖励明细
        loadRewardDetails(rewardContentId);
        $('#rewardDetailsModal').modal('show');
    }

            // 加载奖励活动选项
    function loadRewardCampaigns() {
        $.get('/api/admin/reward-contents/campaigns')
            .done(function(response) {
                if (response.retCode === 0) {
                    const select = $('#rewardCampaignFilter');
                    select.find('option:not(:first)').remove();
                    
                    response.data.forEach(function(campaign) {
                        select.append(`<option value="${campaign.acampaign_id}">${campaign.name}</option>`);
                    });
                }
            });
    }

    // 加载奖励明细
    function loadRewardDetails(rewardContentId, page = 1) {
        const params = {
            page: page,
            acampaign_id: rewardCurrentFilters.acampaign_id,
            status: rewardCurrentFilters.status,
            date_from: rewardCurrentFilters.date_from,
            date_to: rewardCurrentFilters.date_to,
            perPage: rewardCurrentFilters.perPage
        };

        $.get(`/api/admin/reward-contents/${rewardContentId}/rewards`, params)
            .done(function(response) {
                if (response.retCode === 0) {
                    renderRewardDetails(response.data.rewards);
                } else {
                    showAlert('error', '加载奖励明细失败：' + response.message);
                }
            })
            .fail(function() {
                showAlert('error', '网络错误，请重试');
            });
    }

    // 渲染奖励明细
    function renderRewardDetails(data) {
        const tbody = $('#rewardDetailsTable');
        tbody.empty();

        if (data.data && data.data.length > 0) {
            data.data.forEach(function(item) {
                const statusBadge = getRewardStatusBadge(item.status);
                const userInfo = item.user ? 
                    `${item.user.name || 'Unknown'}<br><small>${item.user.mobile || 'N/A'}</small>` : 
                    'Unknown User';

                const row = `
                    <tr>
                        <td>${item.areward_id}</td>
                        <td>${userInfo}</td>
                        <td>${item.campaign ? item.campaign.name : 'Unknown'}</td>
                        <td><strong>${item.amount || 0}</strong></td>
                        <td>${statusBadge}</td>
                        <td>${formatDateTime(item.created_at)}</td>
                        <td>${formatDateTime(item.calculated_at)}</td>
                        <td>${formatDateTime(item.claimed_at)}</td>
                    </tr>
                `;
                tbody.append(row);
            });
        } else {
            tbody.append('<tr><td colspan="8" class="text-center text-muted py-4">暂无奖励记录</td></tr>');
        }

        // 渲染分页
        renderRewardPagination(data);
    }

    // 渲染奖励明细分页
    function renderRewardPagination(data) {
        const pagination = $('#rewardPagination');
        const info = $('#rewardPaginationInfo');
        
        pagination.empty();
        
        if (data.last_page > 1) {
            // 上一页
            if (data.current_page > 1) {
                pagination.append(`<li class="page-item"><a class="page-link" href="#" onclick="loadRewardDetails($('#rewardDetailsRewardContentId').val(), ${data.current_page - 1})">上一页</a></li>`);
            }
            
            // 页码
            for (let i = Math.max(1, data.current_page - 2); i <= Math.min(data.last_page, data.current_page + 2); i++) {
                const activeClass = i === data.current_page ? 'active' : '';
                pagination.append(`<li class="page-item ${activeClass}"><a class="page-link" href="#" onclick="loadRewardDetails($('#rewardDetailsRewardContentId').val(), ${i})">${i}</a></li>`);
            }
            
            // 下一页
            if (data.current_page < data.last_page) {
                pagination.append(`<li class="page-item"><a class="page-link" href="#" onclick="loadRewardDetails($('#rewardDetailsRewardContentId').val(), ${data.current_page + 1})">下一页</a></li>`);
            }
        }
        
        // 更新信息
        const from = (data.current_page - 1) * data.per_page + 1;
        const to = Math.min(data.current_page * data.per_page, data.total);
        info.text(`显示第 ${from} 到 ${to} 项，共 ${data.total} 项`);
        
        rewardCurrentPage = data.current_page;
    }

    // 获取奖励状态徽章
    function getRewardStatusBadge(status) {
        const badges = {
            'pending': '<span class="badge bg-warning">待处理</span>',
            'completed': '<span class="badge bg-success">已完成</span>',
            'failed': '<span class="badge bg-danger">失败</span>',
            'cancelled': '<span class="badge bg-secondary">已取消</span>'
        };
        return badges[status] || `<span class="badge bg-light text-dark">${status}</span>`;
    }

    // 筛选奖励明细
    function filterRewardDetails() {
        rewardCurrentFilters.acampaign_id = $('#rewardCampaignFilter').val();
        rewardCurrentFilters.status = $('#rewardStatusFilter').val();
        rewardCurrentFilters.date_from = $('#dateFrom').val();
        rewardCurrentFilters.date_to = $('#dateTo').val();
        rewardCurrentPage = 1;
        
        const rewardContentId = $('#rewardDetailsRewardContentId').val();
        loadRewardDetails(rewardContentId, rewardCurrentPage);
    }

    // 清除奖励筛选
    function clearRewardFilters() {
        $('#rewardCampaignFilter').val('');
        $('#rewardStatusFilter').val('');
        $('#dateFrom').val('');
        $('#dateTo').val('');
        rewardCurrentFilters = { acampaign_id: '', status: '', date_from: '', date_to: '', perPage: 20 };
        rewardCurrentPage = 1;
        
        const rewardContentId = $('#rewardDetailsRewardContentId').val();
        loadRewardDetails(rewardContentId, rewardCurrentPage);
    }

    // ==================== 下拉菜单修复 ====================
    
    // 移除之前的自定义下拉菜单处理，让Bootstrap自己处理
</script>
@endsection