@extends('mail.layouts.base')

@section('content')
    <div style="font-family:Apple SD Gothic Neo,Malgun Gothic,Segoe UI,Arial,sans-serif;color:#101828;">
        <div style="font-size:18px;font-weight:800;letter-spacing:-.2px;">이메일 주소 인증</div>
        <div style="height:10px"></div>

        <div style="font-size:13px;line-height:1.8;color:#344054;">
            {{ $email }} 회원님,<br>
            아래 버튼을 클릭하여 이메일 인증을 완료해 주세요.<br>
            <span style="color:#667085;">(인증 링크는 {{ $expires_min ?? 30 }}분 후 만료됩니다.)</span>
        </div>

        <div style="height:18px"></div>

        <table role="presentation" cellspacing="0" cellpadding="0">
            <tr>
                <td style="border-radius:12px;background:{{ $accent ?? '#E4574B' }};">
                    <a href="{{ $link }}" target="_blank"
                       style="display:inline-block;padding:12px 18px;font-size:14px;font-weight:800;
                    color:#fff;text-decoration:none;font-family:Apple SD Gothic Neo,Malgun Gothic,Segoe UI,Arial,sans-serif;">
                        이메일 인증하기
                    </a>
                </td>
            </tr>
        </table>

        <div style="height:16px"></div>

        <div style="font-size:12px;line-height:1.7;color:#667085;">
            버튼이 동작하지 않으면 아래 주소를 복사해 브라우저에 붙여넣으세요.<br>
            <span style="word-break:break-all;color:#475467;">{{ $link }}</span>
        </div>
    </div>
@endsection
