<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Service Details Edited</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-color: #f8f9fa; padding: 20px; border-radius: 5px; margin-bottom: 20px;">
        <h2 style="color: #2c3e50; margin-top: 0;">Service Details Edited</h2>
        <p>Hello Admin,</p>
        <p>The provider <strong>[[provider_name]]</strong> has edited the details of their service.</p>
    </div>
    
    <div style="background-color: #ffffff; border: 1px solid #dee2e6; padding: 20px; border-radius: 5px; margin-bottom: 20px;">
        <h3 style="color: #495057; margin-top: 0;">Service Information</h3>
        <table style="width: 100%; border-collapse: collapse;">
            <tr>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6; font-weight: bold; width: 40%;">Service ID:</td>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6;">[[service_id]]</td>
            </tr>
            <tr>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6; font-weight: bold;">Service Title:</td>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6;">[[service_title]]</td>
            </tr>
            <tr>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6; font-weight: bold;">Category:</td>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6;">[[category_name]]</td>
            </tr>
            <tr>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6; font-weight: bold;">Price:</td>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6;">[[currency]] [[service_price]]</td>
            </tr>
            <tr>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6; font-weight: bold;">Discounted Price:</td>
                <td style="padding: 8px; border-bottom: 1px solid #dee2e6;">[[currency]] [[service_discounted_price]]</td>
            </tr>
            <tr>
                <td style="padding: 8px; font-weight: bold;">Provider:</td>
                <td style="padding: 8px;">[[provider_name]] (ID: [[provider_id]])</td>
            </tr>
        </table>
    </div>
    
    <div style="background-color: #e7f3ff; padding: 15px; border-radius: 5px; border-left: 4px solid #0066cc;">
        <p style="margin: 0;"><strong>Note:</strong> Please review the updated service details in the admin panel to ensure all changes comply with your platform guidelines.</p>
    </div>
    
    <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #dee2e6; text-align: center; color: #6c757d; font-size: 12px;">
        <p>This is an automated notification from [[company_name]].</p>
        <p>Visit <a href="[[site_url]]" style="color: #0066cc;">[[site_url]]</a> for more information.</p>
        <p>[[company_contact_info]]</p>
    </div>
</body>
</html>