<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Service Added - Admin Confirmation</title></head>
<body style="font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div style="background: linear-gradient(135deg, #ff9800, #f57c00); padding: 20px; border-radius: 8px; margin-bottom: 20px; color: white;">
        <h2 style="margin: 0;">Service Added Successfully</h2>
        <p style="margin: 5px 0 0 0; opacity: 0.9;">Admin Action Confirmation</p>
    </div>
    
    <div style="background: white; padding: 20px; border: 1px solid #dee2e6; border-radius: 8px;">
        <p>Dear {admin_name},</p>
        
        <p>This is a confirmation that you have successfully added a new service to a reseller account.</p>
        
        <div style="background: #fff3e0; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #f57c00; margin: 0 0 10px 0;">Reseller Information:</h4>
            <ul style="margin: 0; padding-left: 20px;">
                <li><strong>Reseller Name:</strong> {reseller_name}</li>
                <li><strong>Reseller Email:</strong> {reseller_email}</li>
                <li><strong>Total Services:</strong> {total_reseller_services}</li>
                <li><strong>Monthly Renewal Amount:</strong> <span style="color: #2e7d32; font-weight: bold;">{reseller_monthly_renewal}</span></li>
            </ul>
        </div>
        
        <div style="background: #e8f5e8; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <h4 style="color: #2e7d32; margin: 0 0 10px 0;">Service Added:</h4>
            <ul style="margin: 0; padding-left: 20px;">
                <li><strong>Service Name:</strong> {service_name}</li>
                <li><strong>Product:</strong> {product_name}</li>
                <li><strong>Category:</strong> {product_category}</li>
                <li><strong>Monthly Cost:</strong> {monthly_cost}</li>
                <li><strong>Service Start Date:</strong> {service_start_date}</li>
                <li><strong>Service ID:</strong> {service_id}</li>
            </ul>
        </div>
        
        <div style="background: #f5f5f5; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <p style="margin: 0;"><strong>Service Description:</strong></p>
            <p style="margin: 10px 0 0 0;">{service_description}</p>
        </div>
        
        <div style="background: #e3f2fd; padding: 15px; border-radius: 5px; margin: 20px 0;">
            <p style="margin: 0; color: #1976d2;"><strong>✓ The reseller has been automatically notified of this new service addition.</strong></p>
        </div>
        
        <p><strong>Action completed on:</strong> {service_start_date}</p>
        
        <p>Best regards,<br><strong>OpenWeb Admin System</strong></p>
    </div>
</body>
</html>