<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Aziros</title>
</head>
<body style="margin:0;padding:0;background:#F4F6FB;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;">

<table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="background:#F4F6FB;padding:48px 16px;">
<tr><td align="center">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="max-width:560px;">

    {{-- Logo --}}
    <tr>
        <td style="padding-bottom:20px;padding-left:2px;">
            <a href="{{ config('app.url') }}" style="text-decoration:none;display:inline-block;">
                <img src="{{ config('app.url') }}/images/logo-text.png" height="32" alt="aziros" style="display:block;height:32px;width:auto;border:0;">
            </a>
        </td>
    </tr>

    {{-- Card --}}
    <tr>
        <td style="background:#ffffff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 12px rgba(0,0,0,0.04);">

            {{-- Accent bar --}}
            <div style="height:3px;background:linear-gradient(90deg,#4F46E5 0%,#818CF8 55%,#C7D2FE 100%);font-size:0;line-height:3px;">&zwnj;</div>

            {{-- Content --}}
            <div style="padding:40px 40px 36px;">
                @yield('content')
            </div>

        </td>
    </tr>

    {{-- Footer --}}
    <tr>
        <td style="padding-top:28px;text-align:center;">
            <p style="margin:0 0 4px;font-size:12px;color:#9CA3AF;line-height:1.7;">
                Du erhältst diese E-Mail, weil du <strong style="font-weight:500;color:#6B7280;">{{ config('app.name') }}</strong> nutzt.<br>
                Falls du sie nicht erwartet hast, kannst du sie ignorieren.
            </p>
            <p style="margin:0;font-size:11px;color:#D1D5DB;letter-spacing:0.2px;">
                &copy; {{ date('Y') }} Aziros GmbH &middot; Made with &#9825; in Austria
            </p>
        </td>
    </tr>

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

</body>
</html>
