<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Email</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        /* Email Client Resets */
        body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
        table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
        img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
        
        /* Base Styles */
        body { 
            margin: 0; 
            padding: 0; 
            width: 100% !important; 
            background-color: #f3f4f6; 
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
        }

        /* Container & Structure */
        .wrapper { width: 100%; background-color: #f3f4f6; }
        .container {
            max-width: 760px;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
            box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.1), 0 4px 12px -4px rgba(15, 23, 42, 0.05);
        }
        
        /* Header */
        .header { padding: 48px 40px 24px 40px; text-align: center; }
        .logo { max-width: 180px; height: auto; display: block; margin: 0 auto; }
        
        /* Quill Content Resets (Upgrades standard Vue output) */
        .email-body { 
            padding: 0 40px 48px 40px; 
            color: #374151; 
            font-size: 16px; 
            line-height: 1.6; 
        }
        .email-body h1, .email-body h2, .email-body h3 { 
            color: #111827; 
            margin-top: 0; 
            margin-bottom: 20px; 
            font-weight: 600; 
            letter-spacing: -0.5px;
        }
        .email-body p { margin-top: 0; margin-bottom: 24px; color: #374151; }
        .email-body p:last-child { margin-bottom: 0; }
        .email-body a { color: #0ea5e9; text-decoration: none; font-weight: 500; }
        .email-body a:hover { text-decoration: underline; }
        .email-body ul, .email-body ol { margin-top: 0; margin-bottom: 24px; padding-left: 24px; color: #374151; }
        .email-body li { margin-bottom: 8px; }
        
        /* Footer */
        .footer { 
            background-color: #f8fafc; 
            padding: 32px 40px; 
            text-align: center; 
            border-top: 1px solid #f1f5f9; 
        }
        .footer p { margin: 0 0 8px 0; font-size: 13px; color: #64748b; }
        .footer a { color: #64748b; text-decoration: none; }
        .footer a:hover { text-decoration: underline; color: #475569; }
        .footer .divider { padding: 0 8px; color: #cbd5e1; }
    </style>
</head>
<body style="margin: 0; padding: 0; background-color: #f3f4f6;">

    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" class="wrapper" style="background-color: #f3f4f6;">
        <tr>
            <td align="center" style="padding: 40px 20px;">
                
                <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" class="container" style="max-width: 760px; background-color: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 20px 40px -15px rgba(15,23,42,0.1), 0 4px 12px -4px rgba(15,23,42,0.05);">
                    
                    <tr>
                        <td style="background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%); padding: 36px 40px 32px 40px; text-align: center;">
                            <img src="https://yefranchisees.b-cdn.net/media/super_admin/1765876542596_h5zysjyuz2_1763553376085_6ko0s4sekh8_qualiti_logo.png" alt="<?php echo e($franchisee->name ?? 'Young Engineers'); ?>" style="max-width: 170px; height: auto; display: block; margin: 0 auto; background: #ffffff; padding: 12px 18px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.08);">
                        </td>
                    </tr>

                    <tr>
                        <td class="email-body" align="left" style="padding: 36px 40px 40px 40px; color: #374151; font-size: 16px; line-height: 1.6;">
                            <?php echo $bodyHtml; ?>

                        </td>
                    </tr>

                    <tr>
                        <td class="footer" align="center" style="background-color: #f8fafc; padding: 32px 40px; border-top: 1px solid #f1f5f9;">
                            <p style="margin: 0 0 8px 0; font-size: 14px; font-weight: 600; color: #475569;">
                                <?php echo e($franchisee->name ?? 'Young Engineers'); ?>

                            </p>
                            <p style="margin: 0; font-size: 13px; color: #64748b;">
                                <?php if($franchisee && $franchisee->franchise_domain): ?>
                                    <a href="https://<?php echo e(rtrim($franchisee->franchise_domain, '/')); ?>" target="_blank" style="color: #64748b; text-decoration: none;">
                                        <?php echo e($franchisee->franchise_domain); ?>

                                    </a>
                                    <?php if($franchisee->phone): ?>
                                        <span class="divider" style="padding: 0 8px; color: #cbd5e1;">|</span>
                                    <?php endif; ?>
                                <?php endif; ?>
                                <?php if($franchisee && $franchisee->phone): ?>
                                    <a href="tel:<?php echo e($franchisee->phone); ?>" style="color: #64748b; text-decoration: none;"><?php echo e($franchisee->phone); ?></a>
                                <?php endif; ?>
                            </p>
                        </td>
                    </tr>
                </table>

            </td>
        </tr>
    </table>

</body>
</html>
<?php /**PATH /home/org/public_html/backend.youngengineers.org/resources/views/emails/layout.blade.php ENDPATH**/ ?>