<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>@yield('title', 'Tutera Notification')</title>
</head>

<body style="margin:0; padding:0; background:#f4f6fb; font-family: Arial, Helvetica, sans-serif;">

    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td align="center">

                <table width="600" cellpadding="0" cellspacing="0"
                    style="background:#ffffff; border-radius:8px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.05);">

                    <!-- Header -->
                    <tr>
                        <td style="background:#fff; padding:25px; text-align:center;">

                            <img src="{{ url('site/Sites/images/logo.png') }}" alt="Tutera" style="height:60px;">

                        </td>
                    </tr>

                    <!-- Yellow Accent -->
                    <tr>
                        <td style="background:#ffc107; height:4px;"></td>
                    </tr>

                    <!-- Content -->
                    <tr>
                        <td style="padding:35px;">
                            @yield('content')
                        </td>
                    </tr>

                    <!-- Divider -->
                    <tr>
                        <td style="padding:0 35px;">
                            <hr style="border:none; border-top:1px solid #eee;">
                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td style="padding:25px; text-align:center;">

                            <p style="font-size:14px; color:#777; margin:0;">
                                Thank you for using <strong style="color:#0b3a6f;">Tutera</strong>
                            </p>

                            <p style="font-size:12px; color:#aaa; margin-top:10px;">
                                © {{ date('Y') }} Tutera Learning Platform. All rights reserved.
                            </p>

                        </td>
                    </tr>

                </table>

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

</body>

</html>
