// Phần submit form trong index.php - thay thế phần AJAX

$('#buyForm').on('submit', function(e){
    e.preventDefault();
    var domain = $('#domainInput').val().trim();
    if(!domain){
        Swal.fire({
            icon: 'warning',
            title: 'Thiếu thông tin',
            text: 'Vui lòng nhập tên miền.',
            confirmButtonColor: '#5452ee'
        });
        return;
    }

    // Kiểm tra tên miền hợp lệ
    var domainRegex = /^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9]\.[a-zA-Z]{2,}$/;
    if(!domainRegex.test(domain)) {
        Swal.fire({
            icon: 'warning',
            title: 'Tên miền không hợp lệ',
            text: 'Vui lòng nhập tên miền đúng định dạng (ví dụ: website.com)',
            confirmButtonColor: '#5452ee'
        });
        return;
    }

    var btn = $('#submitBuyBtn');
    btn.html('<i class="fa-solid fa-spinner fa-spin"></i> Đang xử lý...').prop('disabled', true);

    $.ajax({
        url: '../hethong/xuly_mua_hosting.php',
        method: 'POST',
        data: $(this).serialize(),
        dataType: 'json',
        timeout: 30000,
        success: function(res){
            if(res.status === 'success'){
                Swal.fire({
                    icon: 'success',
                    title: '🎉 Mua hosting thành công!',
                    html: `
                        <div style="text-align:left;margin:10px 0;">
                            <p><strong>Gói:</strong> ${res.plan_name}</p>
                            <p><strong>Domain:</strong> ${res.domain}</p>
                            <p><strong>Tài khoản:</strong> <code>${res.username}</code></p>
                            <p><strong>Mật khẩu:</strong> <code>${res.password}</code></p>
                            <p><strong>Thời hạn:</strong> ${res.duration} tháng</p>
                            <p><strong>Hết hạn:</strong> ${res.expired}</p>
                            <p><strong>Số dư còn lại:</strong> ${res.new_balance.toLocaleString('vi-VN')}đ</p>
                        </div>
                        <hr>
                        <p style="font-size:0.8rem;color:#666;">⚠️ Vui lòng lưu lại thông tin đăng nhập!</p>
                    `,
                    confirmButtonColor: '#5452ee',
                    confirmButtonText: 'Đã lưu thông tin'
                }).then(function(){
                    location.reload();
                });
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'Lỗi!',
                    text: res.message || 'Có lỗi xảy ra khi mua hosting!',
                    confirmButtonColor: '#5452ee'
                });
                btn.html('<i class="fa-solid fa-bolt" style="margin-right:8px"></i> XÁC NHẬN & KÍCH HOẠT HOSTING').prop('disabled', false);
            }
        },
        error: function(xhr, status, error){
            console.log('Error:', error);
            console.log('Response:', xhr.responseText);
            let errorMsg = 'Không thể kết nối máy chủ!';
            try {
                const resp = JSON.parse(xhr.responseText);
                if(resp.message) errorMsg = resp.message;
            } catch(e) {}
            Swal.fire({
                icon: 'error',
                title: 'Lỗi kết nối!',
                text: errorMsg,
                confirmButtonColor: '#5452ee'
            });
            btn.html('<i class="fa-solid fa-bolt" style="margin-right:8px"></i> XÁC NHẬN & KÍCH HOẠT HOSTING').prop('disabled', false);
        }
    });
});