// 管理员仪表板专用JavaScript

// 全局数据存储
let allUsersData = [];
let allVehiclesData = [];
let allOrdersData = [];
let allPartsData = [];

// ==================== 用户管理 ====================

// 查看用户详情
async function viewUser(id) {
    Utils.loading(true);
    try {
        const response = await http.get(API.USER(id));
        if (response.code === 200 && response.data) {
            const user = response.data;
            // 填充表单（只读模式）
            document.getElementById('userId').value = user.userId;
            document.getElementById('userUsername').value = user.username;
            document.getElementById('userRealName').value = user.realName;
            document.getElementById('userPhone').value = user.phone;
            document.getElementById('userEmail').value = user.email || '';
            document.getElementById('userRole').value = user.role;
            document.getElementById('userStatus').value = user.status;

            // 禁用表单控件
            document.getElementById('userForm').querySelectorAll('input, select').forEach(el => {
                el.disabled = true;
            });

            document.getElementById('userModalTitle').textContent = '查看用户详情';
            const modal = new bootstrap.Modal(document.getElementById('userModal'));
            modal.show();

            // 启用表单控件（在关闭时）
            document.getElementById('userModal').addEventListener('hidden.bs.modal', function() {
                document.getElementById('userForm').querySelectorAll('input, select').forEach(el => {
                    el.disabled = false;
                });
            }, { once: true });
        }
    } catch (error) {
        Utils.showToast('加载用户信息失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 编辑用户
async function editUser(id) {
    const user = allUsersData.find(u => u.userId === id);
    if (!user) {
        Utils.showToast('用户不存在', 'error');
        return;
    }

    // 填充表单
    document.getElementById('userId').value = user.userId;
    document.getElementById('userUsername').value = user.username;
    document.getElementById('userRealName').value = user.realName;
    document.getElementById('userPhone').value = user.phone;
    document.getElementById('userEmail').value = user.email || '';
    document.getElementById('userRole').value = user.role;
    document.getElementById('userStatus').value = user.status;

    document.getElementById('userModalTitle').textContent = '编辑用户';
    const modal = new bootstrap.Modal(document.getElementById('userModal'));
    modal.show();
}

// 保存用户
async function saveUser() {
    const userId = document.getElementById('userId').value;
    const userData = {
        username: document.getElementById('userUsername').value,
        realName: document.getElementById('userRealName').value,
        phone: document.getElementById('userPhone').value,
        email: document.getElementById('userEmail').value,
        role: document.getElementById('userRole').value,
        status: parseInt(document.getElementById('userStatus').value)
    };

    Utils.loading(true);
    try {
        let response;
        if (userId) {
            // 更新
            response = await http.put(API.USER(userId), userData);
        } else {
            // 新增
            userData.password = '123456'; // 默认密码
            response = await http.post(API.USERS, userData);
        }

        if (response.code === 200) {
            Utils.showToast(userId ? '更新成功' : '创建成功', 'success');
            const modal = bootstrap.Modal.getInstance(document.getElementById('userModal'));
            modal.hide();
            loadAllUsers();
        } else {
            Utils.showToast(response.message || '保存失败', 'error');
        }
    } catch (error) {
        console.error('保存用户失败:', error);
        Utils.showToast('保存失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 添加用户
function showAddUserModal() {
    // 清空表单
    document.getElementById('userForm').reset();
    document.getElementById('userId').value = '';
    document.getElementById('userStatus').value = '1';

    document.getElementById('userModalTitle').textContent = '添加用户';
    const modal = new bootstrap.Modal(document.getElementById('userModal'));
    modal.show();
}

// ==================== 车辆管理 ====================

// 查看车辆详情
async function viewVehicle(id) {
    Utils.loading(true);
    try {
        const response = await http.get(API.VEHICLE(id));
        if (response.code === 200 && response.data) {
            const vehicle = response.data;
            document.getElementById('vehicleId').value = vehicle.vehicleId;
            document.getElementById('vehicleLicensePlate').value = vehicle.licensePlate;
            document.getElementById('vehicleBrand').value = vehicle.brand;
            document.getElementById('vehicleModel').value = vehicle.model;
            document.getElementById('vehicleColor').value = vehicle.color || '';
            document.getElementById('vehicleMileage').value = vehicle.mileage || 0;
            document.getElementById('vehicleStatus').value = vehicle.status;

            // 禁用表单
            document.getElementById('vehicleForm').querySelectorAll('input, select').forEach(el => {
                el.disabled = true;
            });

            document.getElementById('vehicleModalTitle').textContent = '查看车辆详情';
            const modal = new bootstrap.Modal(document.getElementById('vehicleModal'));
            modal.show();

            document.getElementById('vehicleModal').addEventListener('hidden.bs.modal', function() {
                document.getElementById('vehicleForm').querySelectorAll('input, select').forEach(el => {
                    el.disabled = false;
                });
            }, { once: true });
        }
    } catch (error) {
        Utils.showToast('加载车辆信息失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 编辑车辆
async function editVehicle(id) {
    const vehicle = allVehiclesData.find(v => v.vehicleId === id);
    if (!vehicle) {
        Utils.showToast('车辆不存在', 'error');
        return;
    }

    document.getElementById('vehicleId').value = vehicle.vehicleId;
    document.getElementById('vehicleLicensePlate').value = vehicle.licensePlate;
    document.getElementById('vehicleBrand').value = vehicle.brand;
    document.getElementById('vehicleModel').value = vehicle.model;
    document.getElementById('vehicleColor').value = vehicle.color || '';
    document.getElementById('vehicleMileage').value = vehicle.mileage || 0;
    document.getElementById('vehicleStatus').value = vehicle.status;

    document.getElementById('vehicleModalTitle').textContent = '编辑车辆';
    const modal = new bootstrap.Modal(document.getElementById('vehicleModal'));
    modal.show();
}

// 保存车辆
async function saveVehicle() {
    const vehicleId = document.getElementById('vehicleId').value;
    const vehicleData = {
        licensePlate: document.getElementById('vehicleLicensePlate').value,
        brand: document.getElementById('vehicleBrand').value,
        model: document.getElementById('vehicleModel').value,
        color: document.getElementById('vehicleColor').value,
        mileage: parseFloat(document.getElementById('vehicleMileage').value) || 0,
        status: document.getElementById('vehicleStatus').value
    };

    // 获取客户ID（这里简化处理，实际应该让用户选择）
    if (!vehicleId) {
        vehicleData.customerId = 1; // 默认使用第一个客户
    }

    Utils.loading(true);
    try {
        let response;
        if (vehicleId) {
            response = await http.put(API.VEHICLE(vehicleId), vehicleData);
        } else {
            response = await http.post(API.VEHICLES, vehicleData);
        }

        if (response.code === 200) {
            Utils.showToast(vehicleId ? '更新成功' : '添加成功', 'success');
            const modal = bootstrap.Modal.getInstance(document.getElementById('vehicleModal'));
            modal.hide();
            loadAllVehicles();
        } else {
            Utils.showToast(response.message || '保存失败', 'error');
        }
    } catch (error) {
        console.error('保存车辆失败:', error);
        Utils.showToast('保存失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 添加车辆
function showAddVehicleModal() {
    document.getElementById('vehicleForm').reset();
    document.getElementById('vehicleId').value = '';
    document.getElementById('vehicleMileage').value = 0;

    document.getElementById('vehicleModalTitle').textContent = '添加车辆';
    const modal = new bootstrap.Modal(document.getElementById('vehicleModal'));
    modal.show();
}

// ==================== 工单管理 ====================

// 查看工单详情
async function viewOrder(id) {
    Utils.loading(true);
    try {
        const response = await http.get(API.ORDER(id));
        if (response.code === 200 && response.data) {
            const order = response.data;
            document.getElementById('orderId').value = order.orderId;
            document.getElementById('orderServiceType').value = order.serviceType;
            document.getElementById('orderFaultDescription').value = order.faultDescription || '';
            document.getElementById('orderDiagnosisResult').value = order.diagnosisResult || '';
            document.getElementById('orderPartsCost').value = order.partsCost || 0;
            document.getElementById('orderLaborCost').value = order.laborCost || 0;
            document.getElementById('orderTotalCost').value = order.totalCost || 0;
            document.getElementById('orderStatus').value = order.status;

            // 禁用表单
            document.getElementById('orderForm').querySelectorAll('input, select, textarea').forEach(el => {
                el.disabled = true;
            });

            document.getElementById('orderModalTitle').textContent = '查看工单详情';
            const modal = new bootstrap.Modal(document.getElementById('orderModal'));
            modal.show();

            document.getElementById('orderModal').addEventListener('hidden.bs.modal', function() {
                document.getElementById('orderForm').querySelectorAll('input, select, textarea').forEach(el => {
                    el.disabled = false;
                });
            }, { once: true });
        }
    } catch (error) {
        Utils.showToast('加载工单信息失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 编辑工单
async function editOrder(id) {
    const order = allOrdersData.find(o => o.orderId === id);
    if (!order) {
        Utils.showToast('工单不存在', 'error');
        return;
    }

    document.getElementById('orderId').value = order.orderId;
    document.getElementById('orderServiceType').value = order.serviceType;
    document.getElementById('orderFaultDescription').value = order.faultDescription || '';
    document.getElementById('orderDiagnosisResult').value = order.diagnosisResult || '';
    document.getElementById('orderPartsCost').value = order.partsCost || 0;
    document.getElementById('orderLaborCost').value = order.laborCost || 0;
    document.getElementById('orderTotalCost').value = order.totalCost || 0;
    document.getElementById('orderStatus').value = order.status;

    document.getElementById('orderModalTitle').textContent = '编辑工单';
    const modal = new bootstrap.Modal(document.getElementById('orderModal'));
    modal.show();

    // 监听费用变化自动计算总额
    setupOrderCostCalculation();
}

// 设置工单费用自动计算
function setupOrderCostCalculation() {
    const partsCost = document.getElementById('orderPartsCost');
    const laborCost = document.getElementById('orderLaborCost');
    const totalCost = document.getElementById('orderTotalCost');

    function updateTotal() {
        const parts = parseFloat(partsCost.value) || 0;
        const labor = parseFloat(laborCost.value) || 0;
        totalCost.value = (parts + labor).toFixed(2);
    }

    partsCost.addEventListener('input', updateTotal);
    laborCost.addEventListener('input', updateTotal);
}

// 保存工单
async function saveOrder() {
    const orderId = document.getElementById('orderId').value;
    const orderData = {
        serviceType: document.getElementById('orderServiceType').value,
        faultDescription: document.getElementById('orderFaultDescription').value,
        diagnosisResult: document.getElementById('orderDiagnosisResult').value,
        partsCost: parseFloat(document.getElementById('orderPartsCost').value) || 0,
        laborCost: parseFloat(document.getElementById('orderLaborCost').value) || 0,
        totalCost: parseFloat(document.getElementById('orderTotalCost').value) || 0,
        status: document.getElementById('orderStatus').value
    };

    Utils.loading(true);
    try {
        // 更新工单
        const response = await http.put(API.ORDER(orderId), orderData);

        if (response.code === 200) {
            Utils.showToast('更新成功', 'success');
            const modal = bootstrap.Modal.getInstance(document.getElementById('orderModal'));
            modal.hide();
            loadAllOrders();
        } else {
            Utils.showToast(response.message || '保存失败', 'error');
        }
    } catch (error) {
        console.error('保存工单失败:', error);
        Utils.showToast('保存失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 添加工单
function showAddOrderModal() {
    document.getElementById('orderForm').reset();
    document.getElementById('orderId').value = '';
    document.getElementById('orderPartsCost').value = 0;
    document.getElementById('orderLaborCost').value = 0;
    document.getElementById('orderTotalCost').value = 0;

    document.getElementById('orderModalTitle').textContent = '创建工单';
    const modal = new bootstrap.Modal(document.getElementById('orderModal'));
    modal.show();

    setupOrderCostCalculation();
}

// 过滤工单
function filterOrders(status) {
    if (!status) {
        displayAllOrders(allOrdersData);
    } else {
        const filtered = allOrdersData.filter(o => o.status === status);
        displayAllOrders(filtered);
    }
}

// ==================== 配件管理 ====================

// 查看配件详情
async function viewPart(id) {
    Utils.loading(true);
    try {
        const response = await http.get(API.PART(id));
        if (response.code === 200 && response.data) {
            const part = response.data;
            // 显示配件详情
            Utils.showToast('配件名称: ' + part.partName + '\n库存: ' + part.stockQuantity + part.unit, 'info');
        }
    } catch (error) {
        Utils.showToast('加载配件信息失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 编辑配件
async function editPart(id) {
    const part = allPartsData.find(p => p.partId === id);
    if (!part) {
        Utils.showToast('配件不存在', 'error');
        return;
    }

    // 简单实现：使用prompt编辑
    const newStock = prompt('请输入新的库存数量:', part.stockQuantity);
    if (newStock !== null && !isNaN(newStock)) {
        Utils.loading(true);
        try {
            const response = await http.put(API.PART(id), {
                ...part,
                stockQuantity: parseInt(newStock)
            });

            if (response.code === 200) {
                Utils.showToast('更新成功', 'success');
                loadAllParts();
            } else {
                Utils.showToast(response.message || '更新失败', 'error');
            }
        } catch (error) {
            Utils.showToast('更新失败', 'error');
        } finally {
            Utils.loading(false);
        }
    }
}

// 添加配件
function showAddPartModal() {
    Utils.showToast('添加配件功能开发中...', 'info');
}

// ==================== 数据加载函数 ====================

// 加载所有数据
async function loadAllData() {
    await Promise.all([
        loadAllUsers(),
        loadAllVehicles(),
        loadAllOrders(),
        loadAllParts()
    ]);
}

// 加载所有配件
async function loadAllParts() {
    Utils.loading(true);
    try {
        const response = await http.get(API.PARTS);
        if (response.code === 200) {
            allPartsData = response.data || [];
            displayAllParts(allPartsData);
        }
    } catch (error) {
        console.error('加载配件失败:', error);
    } finally {
        Utils.loading(false);
    }
}

// 显示所有配件
function displayAllParts(parts) {
    const tbody = document.getElementById('partsTableBody');
    if (!tbody) return;

    if (parts.length === 0) {
        tbody.innerHTML = '<tr><td colspan="6" class="text-center text-muted py-4">暂无数据</td></tr>';
        return;
    }

    tbody.innerHTML = parts.map(p => `
        <tr>
            <td>${p.partNo}</td>
            <td>${p.partName}</td>
            <td>${p.category || '-'}</td>
            <td>
                ${p.stockQuantity} ${p.unit}
                ${p.stockQuantity <= p.minStock ? '<span class="badge bg-danger ms-2">库存预警</span>' : ''}
            </td>
            <td>${Utils.formatMoney(p.unitPrice)}</td>
            <td>
                <button class="btn btn-sm btn-info" onclick="viewPart(${p.partId})">查看</button>
                <button class="btn btn-sm btn-warning" onclick="editPart(${p.partId})">编辑</button>
                <button class="btn btn-sm btn-danger" onclick="deletePart(${p.partId})">删除</button>
            </td>
        </tr>
    `).join('');
}

// 删除配件
async function deletePart(id) {
    if (!Utils.confirm('确定要删除此配件吗？')) return;

    Utils.loading(true);
    try {
        const response = await http.delete(API.PART(id));
        if (response.code === 200) {
            Utils.showToast('删除成功', 'success');
            loadAllParts();
        } else {
            Utils.showToast(response.message || '删除失败', 'error');
        }
    } catch (error) {
        Utils.showToast('删除失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// ==================== 页面初始化 ====================

// 重写displayAllUsers以存储数据
const originalDisplayAllUsers = displayAllUsers;
displayAllUsers = function(users) {
    allUsersData = users || [];
    const tbody = document.getElementById('allUsersTableBody');
    if (!tbody) return;

    if (users.length === 0) {
        tbody.innerHTML = '<tr><td colspan="7" class="text-center text-muted py-4">暂无数据</td></tr>';
        return;
    }

    tbody.innerHTML = users.map(u => `
        <tr>
            <td>${u.userId}</td>
            <td>${u.username}</td>
            <td>${u.realName}</td>
            <td>${u.phone}</td>
            <td>${Utils.getRoleText(u.role)}</td>
            <td>${u.status === 1 ? '<span class="badge bg-success">启用</span>' : '<span class="badge bg-secondary">禁用</span>'}</td>
            <td>
                <button class="btn btn-sm btn-info" onclick="viewUser(${u.userId})">查看</button>
                <button class="btn btn-sm btn-warning" onclick="editUser(${u.userId})">编辑</button>
                <button class="btn btn-sm btn-danger" onclick="deleteUser(${u.userId})">删除</button>
            </td>
        </tr>
    `).join('');
};

// 重写displayAllVehicles以存储数据
const originalDisplayAllVehicles = displayAllVehicles;
displayAllVehicles = function(vehicles) {
    allVehiclesData = vehicles || [];
    const tbody = document.getElementById('allVehiclesTableBody');
    if (!tbody) return;

    if (vehicles.length === 0) {
        tbody.innerHTML = '<tr><td colspan="6" class="text-center text-muted py-4">暂无数据</td></tr>';
        return;
    }

    tbody.innerHTML = vehicles.map(v => `
        <tr>
            <td>${v.licensePlate}</td>
            <td>${v.brand} ${v.model}</td>
            <td>${v.color || '-'}</td>
            <td>${v.mileage || 0}</td>
            <td>${Utils.getStatusBadge(v.status)}</td>
            <td>
                <button class="btn btn-sm btn-info" onclick="viewVehicle(${v.vehicleId})">查看</button>
                <button class="btn btn-sm btn-warning" onclick="editVehicle(${v.vehicleId})">编辑</button>
                <button class="btn btn-sm btn-danger" onclick="deleteVehicle(${v.vehicleId})">删除</button>
            </td>
        </tr>
    `).join('');
};

// 重写displayAllOrders以存储数据
const originalDisplayAllOrders = displayAllOrders;
displayAllOrders = async function(orders) {
    allOrdersData = orders || [];
    const tbody = document.getElementById('allOrdersTableBody');
    if (!tbody) return;

    if (orders.length === 0) {
        tbody.innerHTML = '<tr><td colspan="8" class="text-center text-muted py-4">暂无数据</td></tr>';
        return;
    }

    // 获取所有车辆信息
    const vehiclesRes = await http.get(API.VEHICLES);
    const vehicles = vehiclesRes.data || [];

    tbody.innerHTML = orders.map(o => {
        const vehicle = vehicles.find(v => v.vehicleId === o.vehicleId);
        return `
            <tr>
                <td>${o.orderNo}</td>
                <td>${Utils.getServiceTypeText(o.serviceType)}</td>
                <td>${vehicle ? vehicle.licensePlate : '-'}</td>
                <td>${Utils.formatMoney(o.totalCost)}</td>
                <td>${Utils.getStatusBadge(o.status)}</td>
                <td>${Utils.getStatusBadge(o.paymentStatus, 'payment')}</td>
                <td>${Utils.formatDateTime(o.createTime)}</td>
                <td>
                    <button class="btn btn-sm btn-info" onclick="viewOrder(${o.orderId})">查看</button>
                    <button class="btn btn-sm btn-warning" onclick="editOrder(${o.orderId})">编辑</button>
                    <button class="btn btn-sm btn-danger" onclick="deleteOrder(${o.orderId})">删除</button>
                </td>
            </tr>
        `;
    }).join('');
};

// 加载预约数据
async function loadAppointments() {
    Utils.loading(true);
    try {
        const [appointmentsRes, vehiclesRes] = await Promise.all([
            http.get(API.APPOINTMENTS),
            http.get(API.VEHICLES)
        ]);

        if (appointmentsRes.code === 200) {
            const vehicles = vehiclesRes.data || [];
            displayAppointments(appointmentsRes.data || [], vehicles);
        }
    } catch (error) {
        console.error('加载预约失败:', error);
    } finally {
        Utils.loading(false);
    }
}

// 显示预约列表
function displayAppointments(appointments, vehicles) {
    const tbody = document.getElementById('appointmentsTableBody');
    if (!tbody) return;

    if (appointments.length === 0) {
        tbody.innerHTML = '<tr><td colspan="7" class="text-center text-muted py-4">暂无数据</td></tr>';
        return;
    }

    tbody.innerHTML = appointments.map(a => {
        const vehicle = vehicles.find(v => v.vehicleId === a.vehicleId);
        return `
            <tr>
                <td>${a.appointmentId}</td>
                <td>${Utils.getServiceTypeText(a.serviceType)}</td>
                <td>${vehicle ? vehicle.licensePlate : '-'}</td>
                <td>${Utils.formatDateTime(a.appointmentTime)}</td>
                <td>${a.contactPhone}</td>
                <td>${Utils.getStatusBadge(a.status, 'appointment')}</td>
                <td>
                    <button class="btn btn-sm btn-success" onclick="confirmAppointment(${a.appointmentId})">确认</button>
                    <button class="btn btn-sm btn-danger" onclick="cancelAppointmentAdmin(${a.appointmentId})">取消</button>
                </td>
            </tr>
        `;
    }).join('');
}

// 管理员确认预约
async function confirmAppointment(id) {
    Utils.loading(true);
    try {
        const response = await http.put(API.APPOINTMENT(id), { status: 'confirmed' });
        if (response.code === 200) {
            Utils.showToast('预约已确认', 'success');
            loadAppointments();
        } else {
            Utils.showToast(response.message || '操作失败', 'error');
        }
    } catch (error) {
        Utils.showToast('操作失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 管理员取消预约
async function cancelAppointmentAdmin(id) {
    if (!Utils.confirm('确定要取消此预约吗？')) return;

    Utils.loading(true);
    try {
        const response = await http.put(API.APPOINTMENT_CANCEL(id), {});
        if (response.code === 200) {
            Utils.showToast('预约已取消', 'success');
            loadAppointments();
        } else {
            Utils.showToast(response.message || '操作失败', 'error');
        }
    } catch (error) {
        Utils.showToast('操作失败', 'error');
    } finally {
        Utils.loading(false);
    }
}

// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
    // 如果是管理员页面，加载所有数据
    if (window.location.pathname.includes('admin')) {
        loadAllData();
    }
});