<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Cadastro de Músico Realizado</title>
</head>
<body style="margin:0; padding:0; background-color:#f2f2f2; font-family: Arial, sans-serif;">

<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f2f2f2; padding:20px 0;">
    <tr>
        <td align="center">

            <!-- Container principal -->
            <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.06);">

                <!-- Header com logo -->
                <tr>
                    <td align="center" style="background-color:#007bc3; padding:30px;">
                        <img src="https://angra.rj.gov.br/pmar/assets/img/logo-angra-tematico-white.png"
                             alt="Logo Prefeitura de Angra dos Reis"
                             width="260"
                             style="max-width:260px; height:auto; display:block;">
                    </td>
                </tr>

                <!-- Corpo -->
                <tr>
                    <td style="padding:30px; color:#333333; font-size:15px; line-height:1.6;">

                        <p style="margin:0 0 15px;">
                            Olá, <strong>{{ $user->firstName }}</strong>!
                        </p>

                        <!-- Caixa de sucesso -->
                        <div style="
                            background-color:#d1ecf1;
                            border:1px solid #bee5eb;
                            color:#0c5460;
                            padding:15px 20px;
                            border-radius:6px;
                            margin:20px 0;
                        ">
                            <h4 style="margin:0 0 10px; font-size:16px;">✅ Cadastro realizado com sucesso!</h4>
                            <p style="margin:0;">
                                Seu cadastro como músico foi enviado e está agora em análise pela equipe responsável.
                            </p>
                        </div>

                        <p><strong>O que acontece agora?</strong></p>
                        <ul style="margin:0 0 25px; padding-left:20px;">
                            <li>Seus dados serão analisados pela equipe responsável</li>
                            <li>Você receberá um e-mail com o resultado da análise</li>
                            <li>Se aprovado, você poderá participar dos eventos culturais da cidade</li>
                        </ul>

                        <p><strong>Como acompanhar seu cadastro?</strong></p>
                        <ul style="margin:0 0 25px; padding-left:20px;">
                            <li>Acesse o sistema de credenciamento</li>
                            <li>Faça login com seu e-mail e senha</li>
                            <li>Verifique o status atualizado do seu cadastro</li>
                        </ul>

                        <p>
                            Em caso de dúvidas, entre em contato com os canais oficiais da Prefeitura.
                        </p>

                        <p style="margin-top:30px;">
                            <strong>Equipe de Cultura<br>Prefeitura Municipal de Angra dos Reis</strong>
                        </p>

                    </td>
                </tr>

                <!-- Rodapé -->
                <tr>
                    <td style="background:#f7f7f7; text-align:center; padding:18px; font-size:12px; color:#aaaaaa;">
                        Este é um e-mail automático. Por favor, não responda.<br>
                        Prefeitura Municipal de Angra dos Reis – Secretaria de Cultura
                    </td>
                </tr>

            </table>
            <!-- Fim container principal -->

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

</body>
</html>
